/*
Projekt: Verein der Freunde des Wildermuth-Gymnasiums Tübingen e.V.
www.wildermuthfreunde.de
Start: 04.01.2013
Letzte Aenderung: 29.03.2013
*/

/* Farbschema */
/*

Farbton (blau): #a0b6d4
Farbton (grau): #d1d1d1
Farbton (blau - nav): 
Farbton (rot): #b97676
*/

/* Schriftgröße */
/*
0.5em = 8px
0.75em = 12px
1em = 16px
1.125em = 18px
1.25em = 20px
1.5em = 24px
*/

/* 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;
}

/* 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: "" "";
}


/* Übergreifende Formatierungen für schrift und Links */
body {
font-family:'Sintony', serif;
}

#meta-informationen a:link,a:visited,a:hover,a:active {
font-size: 0.75em;
text-decoration:none;
}

#meta-informationen a:link {
color: #0000cc;
background:transparent;
border-bottom:1px solid #0092ff;
}

#meta-informationen a:visited {
color: #0000cc;
background:transparent;
border-bottom:1px solid transparent;
}

#meta-informationen a:hover {
color: #0000cc;
background:transparent;
border-bottom:1px solid #da1999;
}

#meta-informationen a:active {
color: #0000cc;
background:transparent;
border-bottom:1px solid transparent;
}

#meta-informationen a:focus {
outline:1px dotted #666;
border-bottom:1px solid transparent;
}



#hauptinhalt a:link,a:visited,a:hover,a:active {
color: black;	
font-size: 1em;
text-decoration:none;
}

#hauptinhalt a:link {
background:transparent;
border-bottom:1px solid black;
}

#hauptinhalt a:visited {
background:transparent;
border-bottom:1px solid transparent;
}

#hauptinhalt a:hover {
background:transparent;
border-bottom:1px solid black;
}

#hauptinhalt a:active {
background:transparent;
border-bottom:1px solid transparent;
}

#hauptinhalt a:focus {
outline:1px dotted #666;
border-bottom:1px solid transparent;
}




/* Text */
h1,h2,h3,h4 {
font-style:italic;
}

p, ul {
font-size:1em;
line-height:1.5em;
/* 24px */
margin:0 0 1.5em;
}

h1 {
font-size:1.5em;
line-height:1em;
/* 24px */
margin-top:1em;
margin-bottom:0;
}

h2 {
font-size:1.25em;
line-height:1.2em;
/* 24px */
margin-top:1.2em;
margin-bottom:0;
}

h3 {
font-size:1.125em;
line-height:1.3333em;
/* 24px */
margin-top:1.3333em;
margin-bottom:0;
}

h4 {
font-size:1em;
line-height:1.5em;
/* 24px */
margin-top:1.5em;
margin-bottom:0;
}	

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

/* Links- bzw. Rechtsausrichtung für Elemente - eigentlich hier nicht nötig*/
.links {
float:left;
margin:0 .5em .5em 0;
}

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

/* konkrette Formatierungen zur Visualisierung der Vorlage */
#wrapper {
margin:0 auto;
width:90%;
}

#meta-informationen {
width:100%;
background: #a0b6d4;
}

#meta-informationen h1 {
text-align: center;
padding-bottom: 25px;
}

#logo {
text-align: center;
background: white;
}



nav ul {
width:100%;
float:left;
clear:both;
background:#ffffff;

}

nav ul li {
float:left;
padding:.3em;
margin:0 .3em 0 0;
font:1em/1.5em Arial, Tahoma, Verdana, sans-serif;
font-size:1.4em;
}

#hauptinhalt {
width:80%;
clear:both;
float:left;
background:#d1d1d1;
}

#hauptinhalt ul {
list-style-type: disc;
list-style-position: inside;
}

.content {
background:#d1d1d1;
}

#notizen {
width:20%;
float:right;
background:#d1d1d1;
}

#rand-information {
font-size:0.75em;
clear:both;
float:left;
width:100%;
background: #a0b6d4;
}

address {
/* Hier Denkfehler: müssten eigentlich 80% sein */
width:60%;
clear:both;
float:left;
}	

#servicenav {	
width:30%;
float:right;
text-align: right;
}

#servicenav li {
display:inline;
/* hier noch richtige Farbe einsetzen */
border-left: 1px solid  rgb(52, 61, 67);
padding: 0px 0.35em 0px 0.5em;
}

#rand-information a:link,a:visited,a:hover,a:active {
border-bottom:0px;	
}

p,h1,h2,h3,h4,ul, address {
padding:0 30px;
}

#meta-informationen,nav,#hauptinhalt,#notizen {
padding:30px 0;
}

#rand-information {
padding:10px 0;
}

/* MEDIA QUERIES: ab einer Fensterbreite von 480 Pixeln brechen Nav und #notizen um und verbreitern sich automatisch auf 100% */
/* Responsify Defaults */

@media screen and (max-width: 480px) {
nav ul li {
width:100%;
}

#hauptinhalt,#notizen {
width:100%;
}
}

/* Clearfix */
.cf:before,.cf:after {
content:"";
display:table;
}

.cf:after {
clear:both;
}

/* Clearfix IE 6/7 via hasLayout */
.cf {
zoom:1;
}


/* Kontaktformular */
span.pflichtfeld
	{
		color: #E3004F;
	}
	
#formdiv
	{
		padding:0 30px;
	}
	
input#sendbtn2, input#escbtn2 {
	cursor: pointer;
	font-variant: small-caps;
}