/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : WischMob SchulNavi Theme
Author : Andreas Erhard
URL : http://wischmob.ilo.de
Created : 2009

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* GLOBAL RESETS **/

:link,:visited {text-decoration:none}

h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:200;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}

a img,:link img,:visited img {border:none}



/* GLOBAL SETS **/

.clear {clear:both;}

body {

	text-align:center;

	font-family:arial, "lucida Grande", verdana, helvetica, sans-serif;

	font-size: 14px;

	background: #FFFFFF url(images/headerbg.png) top left repeat-x;

	color:#222;

	}

.wrapper {

	margin-left:auto;

	margin-right:auto;

	width:950px;

	}

	

.pot {display:none;}	

	

/* HEADER */

#header {

	position:relative;

	height:200px;

	text-align:left;

	}

#header .logo{

	position:absolute;

	top:28px;

	left:0px;

	color:#FFF;

	font-family:arial;

	font-weight:bold;

	font-size:45px;

	}

#header .tagline{

	color:#ccc;

	font-family:georgia;

	font-size:18px;

	position:absolute;

	top:78px;

	left:0px;

	}



#header #nav{

	position:absolute;

	top:130px;

	left:0px;

	color:#0076FF;//#132430;

	border-top:#2F5677;

	color:#FFF;

	font-size:13px;

	background:#0076FF; //#132430;

	list-style:none;

	}

	#header #nav li {float:left;border-right:1px solid #1E3A4E;}

	#header #nav li:firstchild {border-left:1px solid #1E3A4E;}

	#header #nav li a {

		padding:13px 20px;

		line-height:40px;

		color:#FFF;

	}

	#header #nav li.current a,

	#header #nav li a:hover {

		background:transparent url(images/navbg.png) top left repeat-x;

	}





	

	

/* BODY */



#bodycontent {

	width:945px;

	float:left;

	text-align:left;

	}

#bodycontent .post {padding:0 0 10px 0;}

#bodycontent .posthead {

	text-transform:uppercase;

	font-size:11px;

	color:#009865;

	padding:0 0 5px 0;

	border-bottom:#eee 1px solid;

	margin:0 0 5px 0;

	}

#bodycontent .post h1 {

	font-family:georgia;

	font-size:24px;

font-weight:bold;

text-decoration:underline;

	color:#000;

	line-height:36px;

	margin:0 0 5px 0;

	}

#bodycontent .post p {

	margin:0 0 18px 0;

	line-height: 20px;

	}

	#bodycontent .post small {

	color:#666;

	font-size:11px;

	}

	

	#bodycontent .post ul, #bodycontent .post ol {

	margin:0 0 18px 30px;

	line-height: 20px;

	}

	#bodycontent .post blockquote {

	margin:0 0 18px 30px;

	line-height: 19px;

	font-size:13px;

	color:#666;

	font-style:italic;

	}

	#bodycontent .post h3 {

	font-weight:bold;

	padding:8px 0;

	font-size:17px;

	}

	#bodycontent .post a:link, #bodycontent .post a:visited {

		color:#009865;

		text-decoration:underline;

		font-weight:bold;

		}

	#bodycontent .post a:hover {

		color:#132430;

		text-decoration:underline;

		font-weight:bold;

		}







/** CONTACT FORM **/



.contactform {margin:0 0 20px 0;}

.contactform b {display:block;}

.contactform input.text, .contactform textarea, .contactform select {width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0;}

.contactform textarea {height:150px;width:350px;}

.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}

.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}

.contactform p.success {color:#00CC33;}

.contactform p.error {color:#CC0000;}





/** FOOTER **/



#footer {

	text-align:left;

	line-height:18px;

	font-size:13px;

	color:#666;

	border-top:1px solid #ccc;

	padding:10px 0;

	}

	#footer a:link, #footer a:visited {

		color:#132430;

		text-decoration:underline;

		}

	#footer a:hover {

		color:#009865;

		text-decoration:underline;

		}