/*

Schulwald Theme für WordPress
Copyright 2008 edoba - Lorenz Seeger

*/


/*****************************************************
* MAIN
*****************************************************/

* { padding: 0; margin: 0; }

html { background: #fff url('images/bg.jpg') repeat; }

body {
    text-align: center;
}


/*****************************************************
* LINKEIGENSCHAFTEN
*****************************************************/

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

a:hover {color:#9aaf21; text-decoration:underline;}

a:visited {color:#553a24; text-decoration:underline;}

#footer a:link {color:#fff; text-decoration:underline;}

#footer a:hover,a:visited {color:#fff; text-decoration:none;}

#sidebar a:link {color:#553a24; text-decoration:underline;}

#sidebar a:hover {color:#9aaf21; text-decoration:none;}

#sidebar a:visited {color:#553a24; text-decoration:underline;}

#content a:link {color:#9aaf21; text-decoration:none;}

#content a:hover {color:#553a24; text-decoration:underline;}

#content a:visited {color:#553a24; text-decoration:underline;}


/*****************************************************
* TYPOGRAPHY
*****************************************************/

p {line-height: 1.7em; color:#553a24; font-family:"Lucida Grande",Lucida,Arial;} /* Für die Texte */

h1 {line-height:1.7em; color:#553a24; font-family:"Georgia","Times New Roman",serif;} /* Für den Content */

h2 {line-height: 1.6em; color:#553a24; font-family:"Lucida Grande",Lucida,Arial;} /* Für den Content */

h3 {line-height: 1.5em; color:#553a24; font-family:"Lucida Grande",Lucida,Arial;} /* Für die Sidebar, Aktuelles und zwischen dem Inhalt */

h4 {line-height: 1.5em; color:#000033; font-family:"Lucida Grande",Lucida,Arial;} /* Für die Sidebar, Aktuelles und zwischen dem Inhalt */

#content h1 {font-size:1.2em; font-weight:normal;}

#content h2 {font-size:1.1em; font-weight:normal; margin:0px 10px 0px 10px; border-bottom:1px dashed #dcd6cf;}

#content h3 {font-size:1.0em; font-weight:normal; margin:10px 10px 0px 10px;}

.beschreibung h2 {padding:10px 0px 0px 0px; margin:0 10px 0 10px; color:#3a420a; border-bottom:1px dotted #3a420a;}

.beschreibung p {color:#3a420a; margin-bottom:10px;}

#content p {font-size:0.8em; padding:10px;}

#sidebar h2 {color:#553a24; font-size:1.1em; font-weight:normal; border-bottom:1px dashed #dcd6cf; margin:20px 10px 5px 10px;}

#sidebar h3 {color:#553a24; font-size:1.0em; padding:10px 0 5px 10px; width:100%;}

#sidebar p {font-size:0.85em; padding-left:10px;}

#footer p {font-size:11px; padding-left:10px; letter-spacing:1px; color:#fff; font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;}

#content cite {font-size:0.95em; padding:10px 0 10px 0px; line-height: 1.7em; color:#f97c05; font-family:"Lucida Grande",Lucida,Arial; font-weight:bold;}

#content blockquote {font-size:0.9em; padding:5px 0 5px 15px; margin:10px 0 10px 0; line-height: 1.7em; color:#c8d9e4; font-family:"Lucida Grande",Lucida,Arial; border-left:1px dotted #c8d9e4; font-weight:bold;} 

#content small {font-size:10px; font-family:"Lucida Grande",Lucida,Arial; color:#553a24; margin:0px 0 10px 10px; padding-top:10px;} 

.top {margin-top:10px;}

.orange {color:#f97c05;}

#slickrajaxmenu p {font-size:12px;}

#slickrajaxcontent p {font-size:12px;}

/*****************************************************
* LOGO
*****************************************************/

h1 strong {float:right; display: block; font-size: 14px; font-style: italic; font-weight: normal; text-align: left; width: 232px;}
		
h1 strong a {float:right; display: block; width: 232px; height: 117px; background: url('images/logo.gif') no-repeat 0 0; text-align: left; text-indent:-9999px; margin-top:8px;}


/*****************************************************
* HAUPTNAVIGATION
*****************************************************/

#navigation ul {
	float:left;
	width:860px;
	background:#553a24;
	padding-bottom:8px;
}

#navigation li {
	list-style-type:none;
	float:left;
	height:25px;
}

#navigation li a {
	font-size:14px;
	font-family:"Lucida Grande",Lucida,Arial;
	color:#fff;
	padding:8px 10px 8px 10px;
	display:block;
	border-right:1px solid #70533c;
	background:#553a24;
}

#navigation li a:hover {
	background:#321a07;
	text-decoration:none;
}


/*****************************************************
* LAYOUT
*****************************************************/ 

#wrapper {margin:0 auto; width:860px;}

#header {width:860px; height:135px; float:left;}

#navigation {width:860px; float:left;}

#container {width:860px; float:left; background:url('images/white.png') repeat;}

#content {width:610px; float:left; text-align:left;}

#content img {margin:10px; border: 5px solid #9aaf21; padding:2px;}  

#sidebar {width:250px; float:right; text-align:left; background:#f2f0ee; border-bottom:1px dashed #dcd6cf;}

#sidebar ul li {line-height:1.5em; font-family:"Lucida Grande",Lucida,Arial; list-style-type:none; font-size:0.85em; padding-left:10px;}

#sidebar li {list-style-type:none;}

#ende {width:860px; height:100px; float:left; text-align:left; padding-top:10px; background:url('images/bottomgras.jpg') no-repeat bottom;} 

#footer {width:860px; float:left; text-align:left; padding-top:10px;}

.beschreibung {width:585px; background:#9aaf21 url('images/ecke.gif') no-repeat bottom right; float:left; margin:10px 0 10px 10px; border-top:5px solid #acc22c; border-left:5px solid #acc22c;}  

#tag_cloud {margin:0 10px 10px 10px;font-family:"Lucida Grande",Lucida,Arial;}
 

/*****************************************************
* CONTENT LISTEN
*****************************************************/

#content ul {margin-top:20px; padding-left:25px; line-height:1.5em; font-size:0.8em; color:#553a24; font-family:"Lucida Grande",Lucida,Arial;}

#content ol {padding-left:25px; line-height:1.5em; font-size:0.8em; color:#553a24; font-family:"Lucida Grande",Lucida,Arial;}

/*****************************************************
* SIDEBAR FOTOS
*****************************************************/

#sidebar img {border: 3px solid #dcd6cf; padding:2px; margin:5px; margin-left:20px;}

#sidebar img:hover {border: 3px solid #9aaf21;} 


/*****************************************************
* SUCHE
*****************************************************/

#searchform {margin:10px;}

input#s {border:3px solid #dcd6cf; padding:3px; width:180px; color:#553a24;}

input {text-align:left; padding:3px; margin-top:4px; border:1px solid #553a24;}

input:hover {border:1px solid #9aaf21;}


/*****************************************************
* KOMMENTARFORMULAR
*****************************************************/

#commentform {width:500px}

#commentform textarea {width:500px; border:1px solid #553a24; font-family:"Lucida Grande",Lucida,Arial; color:#553a24; font-size:0.8em; padding:3px;}

#commentform #author,#email,#url {border:1px solid #553a24; padding:3px; color:#553a24;}

#commentform #author:hover,#email:hover,#url:hover {background:#f6f6f6;}

ol.commentlist {padding-left:20px; list-style-type:none;}

cite {padding-left:20px; font-family:"Lucida Grande",Lucida,Arial; font-size:0.9em;}
         

/*****************************************************
* KONTAKTFORMULAR
*****************************************************/

/* just for clearing floats, IE Hack */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

.clearfix {display: block; margin: 0; padding: 0; }

p.clearfix {}

/* End hide from IE-mac */        	

div.intouch  form { float: left; width: 500px; font-family:"Lucida Grande",Lucida,Arial;}		

div.intouch div.inputfield { padding: 4px 0px; position: relative; }

div.intouch span { position: relative; top: 0.4em; font-size:12px; color:#c21a1a; }

div.intouch label { 

  display: block; float: left; clear: left; width: 35%; text-align: right; 

  padding-top: 0.4em; position: relative; right: 5px; font-size:12px; color:#3c411e;

  }

div.intouch div.inputfield input, 

div.intouch div.inputfield textarea { float: left; margin-left: 10px; }

div.intouch div.inputfield input { 

  width: 40%; border: 1px solid #ccc; padding: 3px; font-size:12px; color:#3c411e;

  }

div.intouch div.inputfield textarea { 

  width: 60%; height: 138px; padding: 5px; border: 1px solid #ccc;

  }

div.intouch div.inputfield input.submitbutton { 

  border: 3px double #ccc; background: #F0F0F0; cursor: pointer;

  width: auto !important; padding: 2px; margin-left: 110px; left: 15%;

  position: relative;

  }

div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }

div.intouch div#usermessage.success { font-size:12px; color:#c21a1a;}

div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; }