/* 
	STYLESHEET: basic.css
	--------------------------------------------------------------
	
	Media Type: 	Screen
	Copyright:		(c)2009
	Updated: 		2009-12-09
	Description:	Default Styles
	
------------------------------------------------------------------

__________________01. GLOBAL
__________________02. HEADER
__________________03. NAVIGATION
__________________04. CONTENT & MAIN
__________________05. SIDEBAR
__________________05. FOOTER

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


/* 01. GLOBAL
------------------------------------------------------------------*/

* {margin:0; padding:0}
body {
	color: #000;
	font: 100.01%/1.4 Verdana, Geneva, sans-serif;
	background: url(http://www.ra-wehrrecht.de/images/bg_body.gif) left top repeat-x;
}
a {text-decoration:none; color:#2f3f94; font-weight:bold;}
a:hover {text-decoration:underline}
a img {border:none}

h1 {margin:0 0 0.3em 0}
h2 {margin:50px 0 .2em 0}

address {font-style:normal}

dl {border-top:1px solid #e8e8e8}
dt {
	width: 100px;
	float: left;
	margin: 7px 0 0 7px;
}
dd {
	border-bottom: 1px solid #e8e8e8;
	padding: 10px;
}
.spacer {
	background: 0;
	border: 0;
	border-top:1px solid #e8e8e8;
	margin: 0.7em 0 3.5em 0;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* 02. HEADER
------------------------------------------------------------------*/
#header {
	padding: 40px 0 16px 0;	
	position: relative;
}
#logo {
	margin: 0;
	padding: 0;
	height: 42px;
	width: 266px;
	float: left;
}
#logo a {
	height: 42px;
	width: 266px;
	display: block;
	text-indent: -999em;
	background: url(http://www.mieter-hilfe.de/web/Bilder/logo_02.jpg) left top no-repeat;
}


/* 03. NAVIGATION
------------------------------------------------------------------*/
#navigation {
	float: right;
	margin-top: 20px;
}
#navigation li {
	list-style: none;
	display: inline;
	margin-left: 5px;
}
#navigation a {
	padding: 7px 8px;
}
#navigation a:hover, #navigation a.active {
	color: #fff;
	text-decoration: none;
	background: #2f3f94;
}


/* 04. CONTENT & MAIN
------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 925px;
	font-size: 80%;
}
#content {
	border: 1px solid #ababab;
	border-top: 0;
	padding: 40px 30px;
}
#main {
	width: 580px;
	float: left;
}
#main ul {margin:0 0 0 15px}
.email {margin-bottom:-2px; }

/* FAQ */
p.answer {border-top:1px solid #e8e8e8; padding-top:0.5em; display:none;}
#questions div {border-top:1px solid #e8e8e8; padding:5px;}
#questions, #answers {border-bottom: 1px solid #e8e8e8}
#answers {padding-bottom:0.5em}
#questions .active {background:#eff0f7}
#question .active a {color:#000}
#questions p {float:left; width:100px}
#questions a {float:right; width:470px;  font-size:95%}

#contact {
	background: #ddfdd6;
	padding: 12px 12px 3px 12px;
	margin: 45px -12px 0 -12px;
}
* html #contact {margin:45px 0 0 0} 
#contact h2 {margin:0px;}
h2 img {margin-top:5px;}
#contact form {margin-top:10px}
#contact form p {margin:0 0 9px 0}
#contact label {float:left; width:100px; padding-top:3px}
#contact input {padding:3px; width:225px}
#contact select {padding:3px 1px; width:233px}
#contact #form-send {padding:2px 10px; width:auto; font-weight:bold; margin:0 0 0 -2px}
button {width: 140px; height: 28px; font-weight:bold; }
#FirstSatz {font-weight:bold;}

/* Ueber uns */
.member {border-top:1px solid #e8e8e8; padding-top:14px; margin-bottom:40px}
.member img {float:left; margin:5px 20px 0 0; width:78px;}
.member li {margin-top:0.3em}
.member div {float:left}
.member h3 {font-size:100%; margin-bottom:0.7em}
.map-canvas {width:285px; height:180px}

/* Sitemap */
ul#sitemap {list-style:none; font-weight:bold; margin:2em 0 0 0; padding:0}
ul#sitemap li {margin-bottom:0.3em}
#sitemap ul {list-style:outside}
#sitemap .margin {padding-top:1em}

#disclaimer p {margin-bottom:1em}

#W {
    color:#3149a4;
   }

h2 img {
       padding:20px;
       }

#fehlerMeldung {
	visibility:hidden;
	font-size:12px;
	font-weight:bold;
	color:#c50000;
	width:520px;
	text-align:left;
	padding-top:10px;
}
div.gut {
        font-style:italic;
        }
div.error {
        font-size:14px;
	font-weight:bold;
	color:#c50000;
        }
/*Titledesign für input-Felder*/
.tipsy {
        padding:3px;
        filter:alpha(opacity=100);
        -moz-opacity:1.0;
      	-khtml-opacity: 1.0;
      	opacity: 1.0;

      }
      
      .tipsy-inner {
        background:#194c84;
        color:#fff;
        font-size:13px;
        max-width:300px;  
		font-family:Arial, Helvetica, sans-serif;
        padding:5px 10px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;                
      }
      
      .tipsy-west {
        background:transparent url(http://www.mieter-hilfe.de/bild/tipsy-west.png) no-repeat left center;
      }


/* 05. SIDEBAR
------------------------------------------------------------------*/
#sidebar {
	float: right;
	width: 227px;

}
.box {
	border: 1px solid #cfcfcf;
	margin-bottom: 17px;
	padding: 19px;
}
.box .highl {background:#ddfdd6; display:inline; padding:5px 8px; margin-left:-8px}
.box h3 {font-size:100%; margin-bottom:6px}
.box img {margin:0.5em 0}
.box .more {margin-top:0.5em}


/* 06. FOOTER
------------------------------------------------------------------*/
#footer {
	color: #afafaf;
	font-size: 11px;
	margin: 5px 0 30px 0;
}
#footer a {font-weight:normal}