/*
Theme Name: Walena-blau
Theme URI: http://www.bgeissler.de/
Description: Basierend auf <a href="http://www.northern-web-coders.de/">Kai Ackermann</a>.
Description: Rechtsanwälte 
Version: 1.0

Author: Bernd Geissler
*/

/* ### Vorbereitende Maßnahmen | Reset ##################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	} 
	
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }


body
{
background: #EBECFF;
font-size:100%;
font-family: "Lucida Grande", Verdana, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

a
{
color: #495865;
}

a:hover
{
color: #FF0000;
}

#rap
{
background: url(images/streifen_mitte.jpg);
background-repeat:repeat-y;
background-position:center;
margin: auto auto auto auto;
width:1000px;
text-align: left;
}

#header
{
background:transparent;
line-height: 140%;
margin-left: 30px;
padding-left: 120px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color: #495865;
font-size: 36px;
font-weight:normal;
font-variant : small-caps;
text-align: left;
}

#header2
{
background: url(images/mainlogo.jpg);
width:935px;
line-height: 140%;
margin-left: 30px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 36px;
font-weight:normal;
font-variant : small-caps;
text-align: center;
}

#content
{
position: relative;
top:16px;
float: left;
padding-left: 150px;
color: #495865;
font-size: 90%;
width:560px;
}

#content h2
{
/*border-bottom: 1px solid #6F6F6F;*/
color: #666699;
font-size: 90%;
margin: 20px 0 5px 0;
padding: 0 0 3px 0;
text-align: right;
width:560px;
}

#content h2#comments a
{
color: #FCAF17;
font-size: 90%;
}

#content h3 img
{
border: 0;
}

#content div.post
{
margin: 0 0 20px 0;
padding: 0;
}

#content p
{
font-size: 90%;
}

#content div.post p, #content div.post li
{
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 90%;
line-height: 130%;
}

#content div.post div.storycontent p
{
width: 500px;
}

#content div.post div.storycontent ul, #content div.post div.storycontent ol
{
margin-left: 0;
padding-left: 0;
}

#content div.post div.storycontent li
{
margin-left: 30px;
list-style-position:outside
}

#content div.post div.storycontent blockquote
{
background: #FFFFFF;
border: 1px solid #9294A9;
border-left: 2px solid #1A42BE;
font-family: Georgia, "Times New Roman", serif;
font-size: 90%;
margin-left: 0px;
padding: 4px 4px 4px 7px;
}

#content h3
{
margin: 0 0 5px 0;
padding: 0;
}

#content h3.storytitle, #content h3.storytitle a
{
font-size: 110%;
color: #6F6F6F;
text-decoration: none
}

#content h3.storytitle a:hover
{
color: #FCAF17;
text-decoration: none
}

#content div.post p
{
width: 500px;
}

#content div.post div.meta, #content div.post div.meta a
{
color: #867b64;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 80%;
}

#content div.post div.meta li a:hover
{
color: #686050;
}

#content div.post div.meta ul, #content div.post div.meta li
{
display: inline;
margin: 0;
padding: 0;
}


#content div.post div.feedback
{
color: #EBECFF;
font-size: 90%;
}

#content #commentlist
{
margin: 20px 20px 20px 23px;
padding: 0;
}

#content #commentlist li
{
margin-bottom: 80%;
}

#content #commentform input, #content #commentform textarea
{
background: #fef7e9;
border: 1px solid #6F6F6F;
font-size: 90%;
padding: 2px;
}

#content #commentform textarea
{
height: 150px;
width: 500px;
}

#content code
{
color: #800000
}

#content ul
{
display: inline;
margin: 0;
padding: 0;
list-style-type: circle;
}

#navcontainer
{
position:relative;
top: auto;
right:auto;
padding-right:36px;
}

#navcontainer ul
{
padding: 0;
margin: 0;
background: #DFC6C6;
border-top: 2px solid #EBECFF;
border-bottom: 2px solid #EBECFF;
float: right;
font-size: 80%; 
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li.page_item a
{
padding: 10px 10px 10px 10px;
background: #ADB3C3;
color: #536089;
text-decoration: none;
font-weight: bold;
float: left;
border-left: 2px solid #EBECFF;
}

#navcontainer ul li.page_item a:hover
{
background: #536089;
color: #EBECFF;
}

#navcontainer ul li.current_page_item a
{
padding: 10px 10px 10px 10px;
background: #536089;
color: #EBECFF;
text-decoration: none;
float: left;
border-left: 2px solid #EBECFF;
}

#navcontainer ul li.current_page_item a:hover
{
background: #536089;
}

#menu
{
clear: right;
float: left;
position: relative;
top: 40px;
left: 10px;
margin: 0 0 10px 0;
width:240px;
}

#menu ul
{
list-style-type: none;
margin: 10px 0;
padding: 0;
}

#menu ul li
{
color: #5f5f5f;
font-size: 90%;
margin: 0;
padding: 0;
}

#menu ul li p
{
font-size: 90%;
font-weight: bold;
}

#menu ul li h2
{
border-bottom: 1px solid;
width: 230px;
color: #666699;
font-size: 90%;
font-weight: bold;
margin: 0;
padding: 3px;
}

#menu ul li ul
{
margin: 5px 0 15px 10px;
}

#menu ul li ul li
{
font-weight: bold;
margin: 0 0 3px 0;
padding: 0;
line-height: 16px;
text-decoration: none;
}

#menu ul li#winamp ul li
{
width:230px;
}

#menu ul li ul li a
{
color: #5F5F5F;
text-decoration: none;
}

#menu ul li ul li a:hover
{
color: #FF0000;
font-weight: bold;
text-decoration: none
}

#searchform
{
margin: 2px 0 15px 15px;
}

#searchform input
{
background: #FFFFFF;
border: 1px solid #6F6F6F;
font-size: 90%;
margin-top: 3px;
padding: 2px;
}

#footer1
{
clear: both;
font-size: 100%;
font-weight:bold;
color: #FFFFFF;
background: #ADB3C3;
border-bottom: 4px solid #ADB3C3;
margin: 0 30px auto;
padding-left:120px;
line-height: 120%;
width:815px;
}


#footer2
{
clear: both;
font-size: 100%;
font-weight:bold;
color: #495865;
background: transparent;
margin: 0 30px auto;
padding-left:120px;
line-height: 120%;
width:815px;
}

p.credit
{
color: #FFFFFF;
background: #ADB3C3;
border-top: 4px solid #ADB3C3;
clear: both;
font-size: 70%;
margin: 0 30px 0;
line-height: 150%;
text-align: center;
width:935px;
}

p.credit a
{
color: #FFFFFF;
font-size: 100%;
}

p.credit a:hover
{
color: #000000;
}

#openend
{
background: url(images/streifen_mitte.jpg);
background-repeat:repeat-y;
background-position:center;
margin: auto auto auto auto;
width:1000px;
text-align: left;
}


/* Begin Forms */

.contactform {
        width:450px;
}
      

#wpcf label {
	clear: both;
	display: block;
        font-size: 90%;
	float: left;
	width: 150px;
}
#wpcf input {
	width: 250px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 400px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 306px;
	width: 100px;
}
/* End Forms */