/* 
	STYLESHEET: handheld.css
	--------------------------------------------------------------
	
	Media Type: 	handheld
	Copyright:		(c)2009
	Updated: 		2009-09-17
	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.mieter-hilfe.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;
}


/* 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:20px;}
#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;
   }


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