/* 
Theme Name: Wordpress Theme für GGS Sandheide
Description: Individuelle Theme erstellt für GGS Sandheide
Author: Burak Derinel
Author URI: http://www.burakderinel.de
Start: 19.09.2008
Letzte Aenderung: 23.09.2008
*/

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

/*
Farbton (Hintergrund): #a8ffe5
Farbton (Hüllenhintergrund): #ffffff
Farbton (Schwarz, Schrift): #000000
Farbton (Schwarz, Footer): #000000
Farbton (Text): #000000
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* 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: #fff url(bilder/grid.png) top left no-repeat;
*/	
	background: #336699;
	font-size: 75%;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: #336699;
	font-size: 12px;
	line-height: 1.43em;	
	font-family: 'Helvetica Neue', verdana, arial, sans-serif;		
}

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

a:link {
	color: blue;
	text-decoration: none;
}

a:visited {
	color: gray;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


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

h1 {
	font: 2.25em/0.9em 'Postino Std', verdana, arial, sans-serif;

	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em 'Helvetica Neue', verdana, arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em 'Helvetica Neue', verdana, arial, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em 'Helvetica Neue', verdana, arial, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}
	


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


/* 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.--------------------------------------------------------------------------------------- */
#wrapper {
margin: 0 auto;	
width: 960px;
max-width: 100%;
background: #fff;
}

#header {
clear: both;
background: #99ff00;
}

#navi {
clear: both;	
}

#hauptinformation {
clear: both;
float: left;
display: inline;
width: 630px;
padding: 0 0 0px 20px;
background: #ffffff;
}

#nebeninformation {
float: right;	
display: inline;
width: 250px;
padding: 20px 20px 40px 20px;
background: #ffcccc;
margin-top: 0px;
}

#siteinformation {
clear: both;	
background: #6699ff;
padding: 10px 0 0 0;
color: black;
border-bottom: 3px solid #CCCCCC;
text-align: center;
}

#metainformation {
background: url('bilder/header2.jpg') top left no-repeat;
padding: 0 0 0 0;
text-align: center;
}


#nebeninformation ul li {
list-style-type: none;
border-bottom: 1px solid black;
padding: 15px 0;
overflow: hidden;
}

#nebeninformation p {
margin: 0;
padding: 0;
}

#suchen input {
background: #fff;
padding: 2px;
color: #cc9966;
border: 1px solid #cc9966;
font: 1.1am "Helvetica Neue", Arial, Helvetive, Geneva, sans-serif;
margin: 3px 3px 3px 0;
width: 170px;
height: 18px;
float: left;
}

#suchen input.button {
margin: 0;
padding: 5px 35px 3px 3px;
background: none;
border: none;
float:right;
width: 30px;
height: 18px;
}

#hauptinformation a:visited {
color: gray;
}

#logo {
top: 50px;
padding: 0 0 0 20px;
position: absolute;
z-index: 1;
}