/* Basisvorlage CSS
Modernes Webdesign
www.galerie-zufall-glück.de
Start: 10.01.2010
Letzte Aenderung: 10.03.2010
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset Reloaded, Eric Meyer, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Globals und Typo --------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: transparent url(bilder/grid.png) top left no-repeat;
*/	
	background: #fff;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: #fff;
	font-size: 75%;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext --------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em "Comic Sans MS",Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	
}

h1 {
	font: 1.67em/0.9em "Comic Sans MS",Georgia, "Times New Roman", Times, serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em "Comic Sans MS",Georgia, "Times New Roman", Times, serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em "Comic Sans MS",Georgia, "Times New Roman", Times, serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em "Comic Sans MS",Georgia, "Times New Roman", Times, serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}


/* Bilder und verlinkte Bilder ohne Rahmen --------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
	Float: left
}


/* Links- bzw. Rechtsausrichtung für Elemente --------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}



/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#wrapper {
margin: 0 auto;	
width: 80em;
max-width: 100%;
}
#teaserfoto {
background: transparent url('bilder/galerie .jpg')
left no-repeat;
width: 208px;
height: 197px;
position: absolute;
top: -30px;
left: 390px;
z-index: 999;
}


#metainformation {
padding: 20px 0;
}
#header {
clear: both;
background: #FEBE7E;
}

#navi {
clear: both;	
}

#navigation-1 li {
background: #ffffff;
float: left;
}

#navigation-1 li a {
color: #DFE1E2;	
float: left;
padding: 10px 20px;
}

#navigation-1 li a:hover {
background: #ffffff;
color: #A8A8A8;
}

#navigation-1 li a.active {
background: #FFFFFF;
color: #B91462;
text-decoration: underline;	
}



#content {
clear: both;
float: left;
display: inline;
width: 590px;
background: #FBD9D;
}

#sidebar {
float: right;	
display: inline;
width: 350px;
background: #E7E7E3;
}

#footer {
clear: both;
background: #D8D5CC;
}