/* CSS Document */


* {padding: 0; margin: 0; border: 0;}

html { border-top: 10px solid #F9FAFC; border-left: 10px solid #F9FAFC; border-right: 10px solid #F9FAFC;}

body {
margin: 25px 0 30px 0;
padding: 0;
text-align: center;
font: 12px Verdana, Arial, sans-serif;
color: #333;
background: #F9FAFC url(bg.jpg) repeat-x top left;
}
a {
color: #205A9C;
text-decoration: none;
}

a:active {
color:#a80000;
}
a:hover {
color: #105A9C;
background-color: #EBF0F4;
text-decoration: underline;
}
.ano, a.ano:hover {
border: none;
text-decoration: none;
}
.hoi {
font-weight: bold;
}
img {
border: none;
}
br.cleaning {
clear:both;
display:block;
height:1px;
font-size:1px;
line-height:1px;
}

h1, h2, h3, h4 {
margin: 0;
padding: 3px 0;
}

h5 {
font-size:100%;
margin: 0;
padding: 3px 0;
}

#wrapper {
width: 760px;
margin: 0 auto;
padding: 0px;
background: #fff;
text-align: left;
border-bottom: 2px solid #205A9C;
}

.wrapper-c {
padding: 10px 30px;
margin: 0;
}
h1 {
display: none;
}
#head {
height: 95px;
background: transparent url(logo.gif) 500px 30px  no-repeat;
}

.splash {
height: 120px;
clear: left;
}

div.spl-home {
background: transparent url(splash_wuensche.jpg) top left no-repeat;
}
/*div.spl-home {
background: transparent url(splash_winter.jpg) top left no-repeat;
}*/
div.spl-vermietung {
background: transparent url(splash_vermietung.jpg) top left no-repeat;
}
div.spl-verkauf {
background: transparent url(splash_verkauf.jpg) top left no-repeat;
}
div.spl-gewerbe {
background: transparent url(spl-gewerbe.jpg) top left no-repeat;
}
div.spl-hausplanung {
background: transparent url(spl-hausplanung.jpg) top left no-repeat;
}
div.spl-hausverwaltung {
background: transparent url(spl-hausverwaltung.jpg) top left no-repeat;
}
div.spl-ueberuns {
background: transparent url(splash_ueberuns.jpg) top left no-repeat;
}
div.spl-agb {
background: transparent url(spl-agb.jpg) top left no-repeat;
}
div.spl-kontakt {
background: transparent url(spl-kontakt.jpg) top left no-repeat;
}
div.spl-imprint {
background: transparent url(spl-imprint.jpg) top left no-repeat;
}
div.spl-error {
background: transparent url(splash_error.jpg) top left no-repeat;
}

.bcumb {border-top: 1px dotted #aaa; margin-top: 1px;}

#navcontainer ul
{
background: #3769A4 /*url(nav_verlauf.gif) bottom right no-repeat*/;
color: #ffffff;
float: left;
width: 700px;
font: bold 1em arial, helvetica, sans-serif;
border-bottom: 1px solid #fff;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
letter-spacing:.01em;
padding: 0.4em 1em;
background-color: #3769A4;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li.red a
{
background-color: #BF3B3B;
}

#navcontainer ul li.red a:hover
{
background-color: #DF3737;
}

#navcontainer ul li a:hover
{
background-color: #5883B6;
color: #fff;
}

#navcontainer ul li a:active { color:#fff; background:#205A9C; }
#navcontainer ul li.red a:active { color:#fff; background:#AF2B2B; }

#start #navStart a { background-color: #274F7F; color: #fff; }
#verkauf #navVerkauf a { background-color: #274F7F; color: #fff; }
#vermietung #navVermietung a { background-color: #274F7F; color: #fff; }
#gewerbe #navGewerbe a { background-color: #274F7F; color: #fff; }
#hausplanung #navHausplanung a { background-color: #8F2323; color: #fff; }
#hausverwaltung #navHausverwaltung a { background-color: #274F7F; color: #fff; }
#ueberuns #navUeberUns a { background-color: #274F7F; color: #fff; }
#kontakt #navKontakt a { background-color: #274F7F; color: #fff; }
#impressum #navImpressum a { background-color: #274F7F; color: #fff; }

.mainbox {
line-height: 20px;
}

.big {
border-top: 1px dotted #aaa;
width: 500px;
float: left;
margin-top: 1px;
background: #fff url(schatten.gif) no-repeat top right;
}

.bigger {
width: 100%;
float: left;
margin-top: 1px;
border-top: 1px dotted #aaa;
}
.big-c {
padding-bottom: 10px;
margin: 0;
}

.small {
width: 197px;
float: right;
margin-top: 1px;
margin-bottom: 15px;
padding-left: 1px;
padding-top: 1px;
font-size: 11px;
border-left: 1px dotted #aaa;
border-right: 1px dotted #aaa;
border-top: 1px dotted #aaa;
background: #fff url(blau_5px.gif) left bottom repeat-x;
}
.small-c {
padding-bottom: 10px;
margin: 0;
}

p {
margin: 0;
padding: 4px 0;
}
.sbox {
padding: 10px;
}

.sbox ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
border-top: 1px solid #EDEDED;
}

ul.plan {
margin: 10px 0;
padding-left: 15px;
}

.plan li {
margin: 0px 0px 0px 0px;
padding-left: 20px;
list-style: none;
background: url(blume_klein.gif) 0 4px no-repeat;
		}	
    
ul.haus {
margin: 10px 0;
padding-left: 15px;
}

.haus li {
margin: 0px 0px 0px 0px;
padding-left: 20px;
list-style: none;
background: url(ok_klein.png) 0 4px no-repeat;
		}		

ul.lightbox {
float:right;
list-style-type: none;
/*margin: 5px 0px 10px 0px;*/
margin: 0px 0px 20px 15px;
}

/*ul.lightbox li {
display: inline;
}*/

ul.lightbox li img {
padding: 5px;
background: #E0E7EF;
/*border: 1px solid #fff;*/
}

ul.lightbox li img:hover {
padding: 5px;
background: #A0B5D0;
/*border: 1px outset #A0B5D0;*/
}

.sbox ul li {
padding: 4px 0;
border-bottom: 1px solid #EDEDED;
}

.sbox h2, .sbox h3 {
font: bold 14px Century Gothic, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #555;
}

.infoGrau { padding: 7px 10px 7px 50px; background: #f5f5f5; border: 1px solid #e5e5e5;
}

.item {
padding: 10px 5px 10px 0px;
line-height: 2.05em;
}

.item h2 {
font: normal 24px Century Gothic, Arial, Helvetica, sans-serif;
color:#205A9C;
}

.item-b h2 {
font: normal 21px Century Gothic, Arial, Helvetica, sans-serif;
color:#205A9C;
margin: 15px 0px;
}

.item-b strong {
font: bold 16px Century Gothic, Arial, Helvetica, sans-serif;
}

/*#neu {background: transparent url(neu.jpg) no-repeat right top;}*/

.sub-item {
margin: 0;
padding-left: 0;
padding-top: 7px;
padding-bottom: 15px;
color: #444;
clear: both;
}

.sub-item img {
float: left;
margin: 2px 20px 15px 0px;
padding: 5px;
background: #E0E7EF;
/*border: 1px solid #fff;*/
}

.sub-item img:hover {
padding: 5px;
background: #A0B5D0;
/*border: 1px outset #A0B5D0;*/
}

* html .sub-item { padding-bottom:25px; }

div.sub-item h3 {
	color: #444; 
	font: bold 14px Century Gothic, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;	
}

div.sub-item h4 {
font: bold 14px/20px Century Gothic, Arial, Helvetica, sans-serif;
color:#454545;
margin-bottom: 10px;
}

.item-c {
padding: 15px 0 20px 0;
border-top: 1px dotted #999;
margin: 10px 10px 10px 0;
line-height: 2em;
clear: both;
}

#smartList {
		list-style: none;
		margin: 10px 0px 15px 15px;
	}
#smartList a {
		background: transparent url("dot.gif") no-repeat 0px 50%;
		padding-left: 16px;
		text-decoration: none;
		font-weight: bold;
	}
#smartList a:hover {
		background-position: -400px 50%;
		min-width: 400px;
		display: block;
	}

ul.bilder li { list-style: none; font-size: 12px; margin-bottom:2px; border: none 0;}
ul.bilder li img { border: none 0; }

.imgLeft {float:left;}
.imgRight {float:right;margin:0px 0px 15px 10px;}

#footer {
border-top: 1px dotted #aaa;
margin-top: 10px;
padding: 10px 0;
text-align: left;
font-size: 10px;
}
div.bt-nav {
padding: 5px 0 0 0;
text-align: left;
font-size: 11px;
}

.bt-nav b {border:1px solid #999;}

#copy_design {
  width: 700px;
  margin: 0px auto 15px auto;
  padding-bottom: 35px;
  clear: both; }

#copy_design .copy {
clear: left;
float: left;
font-size:0.9em;
height: 14px;
}
#copy_design .walldorf-media {
text-indent: -9999px;
clear: right;
float: right;
width: 145px;
height: 19px;
overflow: hidden;
background: url("walldorf-media.gif") no-repeat left;
}
#copy_design .walldorf-media:hover {
background-position: right;
}
#copy_design .copy {
margin-top: 8px;
color: #444444;
}
#copy_design .walldorf-media {
margin-top: 10px;
}

hr.linie {
 border: 0px; /* Für Firefox und Opera */
 border-top: dotted 1px #aaaaaa;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 margin: 5px 0px;
}

hr.linie2 {
 border: 0px; /* Für Firefox und Opera */
 border-top: dotted 1px #aaaaaa;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
 margin: 20px 0px 10px 0px;
}


.theform input, .theform textarea {
padding: 5px 3px;
font: 11px Verdana, Arial, sans-serif;
width: 88%;
background: #EFF4FF;
border: 1px solid #ADB1B6;
border-left: 5px solid #5B85B4;
}
.theform select {
padding: 5px 3px;
font: 11px Verdana, Arial, sans-serif;
width: 60%;
background: #EFF4FF;
border: 1px solid #ADB1B6;
border-left: 5px solid #5B85B4;
}
.theform input:focus, .theform select:focus, .theform textarea:focus {
background: #fff;
}
label.zemRequired {
font-weight: bold;
}
input#zemSubmit {
border-color: #ffffff #999999 #999999 #ffffff;
border-style: solid;
border-width: 1px;
padding: 5px 8px 6px;
background: #5B85B4;
color: #fff;
font-weight: bold;
width: auto;
}

input#zemSubmit:hover {
border-color: #ffffff #999999 #999999 #ffffff;
border-style: solid;
border-width: 1px;
padding: 5px 8px 6px;
background: #205A9C;
color: #fff;
font-weight: bold;
width: auto;
}

ul.zemError { background: #FFFCCF; border-top: 1px dotted #999; border-bottom: 1px dotted #999; color: #a80000; list-style: none; padding: 15px;}

p.imgthumb {
float: left;
margin-right: 10px;
}

blockquote {
font-size: 11px;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding-left: 15px;
padding-right: 15px;
background: #F7F7F7;
margin: 10px;
}
p.postedon {
font-size: 11px;
color: #666;
}

p.botnav {
text-align: center;
font-size: 11px;
}
p.tagline {
display: none;
}

/****************** tabelen formatierung ***********************+*/

table 
{
	background-color: #E0E7EF;
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 5px;
}

table a, table, tbody, tfoot, tr, th, td 
{
	line-height: 2em;
	font-size: 1em;
	color: #333;
}

table caption
{
	border-top: 1px solid #aeb3b6;
	padding: .5em 0;
	font-size: 240%;
	font-style: italic;
	color: #d2d7db;
}

table a
{
	display: block;
	padding: 0.75em 2px;
	text-decoration: none;
	color: #589acf;
}

table a:hover, table a:focus
{
	text-decoration: underline;
}

table td.one { width:35%; }
table td.two { width:65%; }

table th a
{
	min-height: 4.5em;
	text-align: right;
	padding: 0 2px 1.5em 2px;
}

table th a:hover, table th a:focus, tbody tr:hover th
{
	background-color: #205A9C;
	color: #fff !important;
}

table a:visited
{
	padding-left: 15px;
	background: url(check.gif) 2px 50% no-repeat;
}

table th a:visited
{
	padding-right: 15px;
	background: url(check.gif) 98% 0.4em no-repeat;
}

thead th
{
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #81888d;
	padding: 0.75em 2px;
	border-bottom: 1px solid #fff;
}

tbody th
{
	color: #25c1e2;
	font-style: italic;
	background-color: #fff;
	border-bottom: 1px solid #aeb3b6;
}

td
{
	border: 1px dotted #fff;
	padding: 0 2px;
}

tbody tr.odd
{
	background-color: #d7dce0;
}

tbody tr:hover td
{
	background-color: #205A9C;
}

tbody tr:hover td,tbody tr:hover th, tbody tr:hover a
{
	color: #fff !important;
}

ul.lightbox {
  width: 350px;
  }
  
ul.lightbox li {
  display: inline;
  }

.bildexpo { margin-bottom: 15px; }

/* QuickJump + PrintAdresse */

#Qj, #printAdresse { font-size: 0em; display: none; }
#Qj a, #printAdresse a { color: #000; text-decoration: none; }

.ihrHaus {
	background: url(ihrHaus.gif) no-repeat;
	margin-bottom: 10px;
	width: 180px;
	height: 102px;
	text-indent: -6000px;
	display: block;
	overflow: hidden;
	}
	.ihrHaus:hover {
		background-position: 0 -102px;
		}