@charset 'utf-8';


/*
 * site: 			www.olafamberg.de
 * version: 		2.0
 * date: 			2012-03-13
 * last modified: 	2012-03-25
 * author: 			Thomas Kretschmer
 * see: 			391(at)gmx.net
 */


@import url(fancybox.css);


/* 
 * =C
 *  Color (Farbdefinitionen)
 * 
 * hellgrau		#f0efea		background
 * schwarz		#000		color
 * rot			#b3020b		a span (h1), a:hover
 */


/* =G
 *  General --------------------------------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
} /* normalize.css (n.css) - Corrects block display not defined in IE6/7/8/9 & FF3 */

[hidden] {
	display: none;
} /* n.css - Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4; known issue: no IE6 support */

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0; /* n.css - Addresses margins handled incorrectly in IE6/7 */
	padding: 0;
	background: #f0efea; /* hellgrau #f0efea */
	font: 14px/1.5 Helvetica, Arial, sans-serif;
	color: #000; /* schwarz */
}

body, button, input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
} /* n.css - Addresses font-family inconsistency between 'textarea' and other form elements. */


/* =Link
 *  Links ----------------------------------------------------------------------------------------- */

a, a:link, a:visited {
    color: #000; /* schwarz */
  	text-decoration: none;
  	border-bottom: 1px dotted #000;
}

#menu a, .pic a {
  	text-decoration: none;
  	border: none;
}

.pic a:focus, .pic a:hover, .pic a:active {
  	text-decoration: none;
  	border: none;
}

a span {
	color: #b3020b; /* rot */
}

a:focus, a:hover, a:active {
  	color: #b3020b; /* rot */
	outline: thin dotted; /* n.css - Addresses outline displayed oddly in Chrome */
  	border-bottom: 1px solid #b3020b;
}

a:hover, a:active {
	outline: 0; /* n.css; Improves readability when focused and also mouse hovered in all browsers - people.opera.com/patrickl/experiments/keyboard/test */
}


/* =Typo
 *  Typography ------------------------------------------------------------------------------------ */


h1 {
    font-family: helvetica, arial, sans-serif;
    font-size: 120%;
}

h2 {
	margin-top: 50px;
    font-size: 120%;
}

#wrap {
    margin-left: 50px;
    margin-right: auto;
    width: 900px;
} /* zentriert: #wrap { width:900px; margin:0 auto;} */

header {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: normal;
	padding: 85px 0 0;
    position: fixed;
    width: 300px;
}

ul {
	list-style: none;
}

#news {
	padding: 50px 70px 0 37px;
}

#news h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: oblique;
    font-size: 100%;
    display: inline;
}

#news p {
	display: inline;
}

#main {
    margin-left: 300px;
    width: 550px;
	padding: 35px 0 0;
}

#main > dl:first-child {
	margin-top: 50px;
	margin-bottom: 0; /* wg. Vita */
}

#main > p:first-child {
	margin: 50px 0 14px;
}

.gal #main > p:first-child {
	margin: 15px 0 14px;
}

.jump {
	margin: 14px 0;
	text-align: right;
    font-size: 80%;
}

dl {
	margin: 0 0 300px;
}

img {
	padding: 1px;
	border:1px solid #ccc;
}

dd {
	padding-top: 20px;
    font-size: 80%;
	font-style: oblique;
}

td { /* Vita: Abstand zw. Spalten */
	padding: 0 20px 15px 0;
}

footer {
    width: 550px;
	margin: 60px 0 0 300px;
    bottom: 0px;
    padding: 15px 0;
}

#kurzeseite footer {
    width: 550px;
	margin: 320px 0 0 300px;
    bottom: 0px;
    padding: 15px 0;
}

small {
	font-size: 75%;
}