/***********************************************/
/* main.css                                    */
/***********************************************/

/***********************************************/
/* Kleine Helferlein                           */
/***********************************************/ 
.debug div {
	border: 1px solid green;
}


/***********************************************/
/* Gleich Bedingungen schaffen fuer die Browser*/
/***********************************************/ 

* {margin:0; padding:0;}
option {padding-left: 0.4em}
html {height: 100%}


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	min-height:101%;
	font-family: Arial,sans-serif;
	font-size:11px;
	color: #000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{
	color: black;
	text-decoration: none;
}

a:link{
	color: black;
	text-decoration: none;
}

a:visited{
	color: black;
	text-decoration: none;
}

a:hover{
	color: black;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 130%;
 color: #2a4882;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 110%;
 color: #2a4882;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #2a4882;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #2a4882;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: disc;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


em {
  font-style:normal;
  font-weight:bold;
 color: #3C4355;
 
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#logo,
#siteContainer {
	margin: auto;
	min-width: 951px; /* leider erst ab IE7 */
	max-width: 1200px;/* leider erst ab IE7 */ 
	width: 95%;
}

#siteContainer{
	height: 100%;
	background-color:#EA423F;
}

#logo{
	height:90px;
	padding-top:30px;
	padding-left:50px;
}

#content {
	position:relative;
	margin-left:75px;
	margin-right:75px;
	z-index:0;
}

#pictures {
	height:150px;
	z-index:3;
	background-color:#DEDEDE;
	margin-top:2px;
	margin-right:22px;
	margin-left:176px;
}

#pictures img {
	border-style: solid;
	border-color: black;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0;
	border-left-width:0;
}



#navLeft {
	position:absolute;
	left:24px;
	top:0px;
	background-color:#DEDEDE;
	z-index:2;
	width:152px;
	height:100%;
}

#navLeft img {
	border-style: solid;
	border-color: black;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
}



#navMain {
	height:20px;
	z-index:4;
	background-color:#DEDEDE;
	border-top:4px solid #EA423F;
	margin-right:22px;
	margin-left:176px;
}


#borderTopLeft,
#borderEdgeTopLeft,
#borderTop,
#borderTopRight,
#borderEdgeTopRight {
	height: 16px;
}

#borderTop {
	position:relative;
	top:0;
	left:0;
	min-width: 750px; /* leider erst ab IE7 */
	max-width: 1200px;/* leider erst ab IE7 */ 
	background-repeat:repeat-x;
	background-image:url(../img/layout/shadow_border_u.jpg); 
	background-position:bottom;	
}

#borderEdgeTopLeft {
	position:absolute;
	top:0;
	left:0;
	width:73px;
	height:56px;
	background-repeat:no-repeat;
	background-image:url(../img/layout/shadow_edge_ul.jpg); 
	background-position:top left;

}

#borderEdgeTopRight {
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:56px;
	background-repeat:no-repeat;
	background-image:url(../img/layout/shadow_edge_ur.jpg); 
	background-position:bottom left;	

}

#borderTopLeft {
	position:absolute;
	top:0;
	left:73px;
	width:16px;
	background-repeat:no-repeat;
	background-image:url(../img/layout/shadow_border_ul.jpg); 
	background-position:top left;
}

#borderTopRight {
	position:absolute;
	right:70px;
	top:0;
	width:25px;
	background-repeat:no-repeat;
	background-image:url(../img/layout/shadow_border_ur.jpg); 
	background-position:top right;	

}


#borderLeft {
	background-image:url(../img/layout/shadow_border_l.jpg); 
	background-position:left;
	background-repeat:repeat-y; 
	border:0;
		
}

#borderRight {
	background-image:url(../img/layout/shadow_border_r.jpg); 
	background-position:right;
	background-repeat:repeat-y;
	border:0;
	margin-right: -1px;	
}

#borderBottom,
#borderBottomLeft,
#borderEdgeBottomLeft,
#borderBottomRight,
#borderEdgeBottomRight {
	height: 16px;
}

#borderBottom {
	position:relative;
	top:0;
	left:0;
	min-width: 750px; /* leider erst ab IE7 */
	max-width: 1200px;/* leider erst ab IE7 */ 
	width: 100%;
	background-repeat:repeat-x;
	background-image:url(../img/layout/shadow_border_b.jpg); 
	background-position:top;	
}


#borderEdgeBottomLeft {
	background-image:url(../img/layout/shadow_edge_bl.jpg); 
	position:absolute;
	bottom:0;
	left:0;
	width:74px;
	height:42px;
	background-repeat:no-repeat;
	background-position:bottom left;
		
}

#borderEdgeBottomRight {
	background-image:url(../img/layout/shadow_edge_br.jpg);
	background-position:bottom left; 
	position:absolute;
	right:0px;
	bottom:-2px;
	width:70px;
	height:42px;
	background-repeat:no-repeat;
	
		
}

#borderBottomLeft {
	background-image:url(../img/layout/shadow_border_bl.jpg); 
	position:absolute;
	bottom:0;
	left:74px;
	width:16px;
	background-repeat:no-repeat;
	background-position:top left;	
}

#borderBottomRight {
	background-image:url(../img/layout/shadow_border_br.jpg);
	background-position:top right; 
	position:absolute;
	right:70px;
	bottom:0px;
	width:24px;
	background-repeat:no-repeat;
	
	
}

#contentBox {
 	height:600px;
 	margin-left:191px;
	margin-top:15px;
	background-color:white;
	margin-right:23px;
}


#immobilienFrame {
	border:0;
	width:100%;
	height:100%;
}


/***********************************************/
/* Sonderlayout Startseite                     */
/***********************************************/

.startseite #pictures {
	height:150px;
	z-index:3;
	background-color:#DEDEDE;
	margin-top:2px;
	margin-right:22px;
	margin-left:176px;
}


.startseite #pictures img {
	border-style: solid;
	border-color: black;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:1px;
}



.startseite #pictures img.spacer {
  border-right-width:0;	
  border-left-width:0;
  border-color: #DEDEDE;
}

.startseite #pictures img.last {
	border-right-width:1px;	
}


#picturesRight
{
	position:absolute;
	left:552px;
	top:-276px;
	width:152px;
	height:276px;
	background-color:#DEDEDE;
	vertical-align:bottom;
}

#picturesRight img{
    margin-top:125px;
	border-style: solid;
	border-color: black;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
}

#picturesBottom
{
	width: 605px;
	height: 152px;
	margin-left:99px;
	background-color:#DEDEDE;
}


#picturesBottom img{
	border-style: solid;
	border-color: black;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
}

#picturesBottom img.spacer{
	border-top-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
}


#picturesBottom img.last{
	
	border-right-width:1px;
	
}


.startseite #siteContainer {
	min-width: 801px; /* leider erst ab IE7 */
	max-width: 1200px;/* leider erst ab IE7 */ 
	/*background-color:fuchsia;*/
}

.startseite #borderTopLeft,
.startseite #borderEdgeTopLeft,
.startseite #borderTop,
.startseite #borderTopRight,
.startseite #borderEdgeTopRight, 
.startseite #borderBottom,
.startseite #borderBottomLeft,
.startseite #borderEdgeBottomLeft,
.startseite #borderBottomRight,
.startseite #borderEdgeBottomRight ,
.startseite #borderLeft,
.startseite #borderRight{
	background-image: none;
}

.startseite #siteContainer{
	background-color:white;
}

.startseite1 #contentBox{
    background-image:url(../img/layout/bg_content_start.jpg); 
	background-repeat:no-repeat;
	background-position:left top;
	margin-left:174px;
	margin-top:0px;	
	margin-right:0px;
	width:303px;
	height:280px;
}


.startseite #navLeft img 
{
	border-top-width:1px;
}

#navLeft img.img2 
{
	border-top-width:0px;
}


.startseite #pictures {
	height:151px;
	background-color:#FFF;
	margin-top:1px;
}

.startseite #navMain
{
	width: 453px;
	
}


/***********************************************/
/* Navigation                                  */
/***********************************************/

#navMain ul {
	list-style:none;
}

#navMain ul li{
	display:inline;
	border-left:2px solid white;
	border-right:2px solid white;
	background-color: #DEDEDE;
	line-height:20px;
	padding:3px 0px 3px 0px ;
	
}

#navMain ul li.last{
	border-right:4px solid white;
}

#navMain ul li a,
#navMain ul li a:link,
#navMain ul li a:visited {
	padding:3px 10px 3px 20px;
	width:134px;
	line-height:20px;
	background-image: url(../img/layout/list_punkt.gif);
	background-position:8px 7px;
	background-repeat:no-repeat;
}

#navMain ul li a:hover, 
#navMain ul li a:active {
	background-image: url(../img/layout/list_punkt_hover.gif);
	text-decoration:none;
}

#navMain ul li a.active:link,
#navMain ul li a.active:visited {
	background-color: #fff;
	background-image: url(../img/layout/list_punkt_active.gif);
}



#navLeft ul {
	margin-top:7px;
	list-style:none;
}

#navLeft ul li {
	height:20px;
	line-height:20px;
	
}

#navLeft ul li.light {
	background-color:#EFEFEF;
}

#navLeft ul li a,
#navLeft ul li a:link,
#navLeft ul li a:visited {
	padding:0px 5px 0px 22px;
	line-height:20px;
	background-image: url(../img/layout/list_punkt.gif);
	background-position:8px 4px;
	background-repeat:no-repeat;
}

#navLeft ul li a:hover, 
#navLeft ul li a:active {
	background-image: url(../img/layout/list_punkt_hover.gif);
	text-decoration:none;
}

#navLeft ul li.active{
	background-color: #fff;
	border-bottom:1px solid #EA423F;
}

#navLeft ul li.active a:link,
#navLeft ul li.active a:visited {
	background-image: url(../img/layout/list_punkt_active.gif);
}


/***********************************************/
/* Inhalt                                      */
/***********************************************/

#logo img {
	border:0;
}

#contentBox{
	line-height:15px;
	background-color:#FdFaFa;
}

#contentBox h1{
	margin-left:30px;
	padding-top:25px;
}


#contentBox h2{
	margin-left:30px;
	padding-top:15px;
}
	
#contentBox h4{
	margin-left:30px;
	padding-top:15px;
}

#contentBox .datenschutz-box h2{
	margin-left:0px !important;
}
	
#contentBox .datenschutz-box h4{
	margin-left:0px !important;
}

#contentBox .datenschutz-box p{
	margin-left:0px !important;
}

#contentBox p{
	margin-left:30px;
	margin-top:10px;
	margin-right:60px;
	}

#contentBox ul{
	margin-left:45px;
	margin-top:15px;
	margin-right: 150px;
	margin-bottom:20px;
	}

#contentBox .absatzschmal{
	margin-left:150px;
	margin-right: 165px;
	}

#contentBox ul.absatzschmal{
	margin-left:165px;
	margin-right: 165px;
	}

#contentBox li{
	margin-bottom:5px;
	}
	
#contentBox	.abschnitt{
	background-color: #fff;
    border-bottom: 1px dashed #EA423F;
	padding-bottom:40px;
	height: 560px;
	overflow-y: scroll;
}

#contentBox .ersterAbsatz{
	padding-top:20px;
}	

#contentBox a:link,
#contentBox a:visited {
text-decoration:underline;
}

.abschnitt .datenschutz-box {
    border: 1px solid gray;
    width: 470px;
    padding: 10px;
	margin-left: 30px;
}

/***********************************************/
/* Inhalt  Formatierung für Startseite         */
/***********************************************/

.startseite #contentBox h1{
	margin-left:25px;
	width:265px;
	color: #251515;
}

.startseite #contentBox h2{
	margin-left:25px;
	width:265px;
	color: #000;
}
	
.startseite #contentBox p{
	margin-left:25px;
	width:255px;
	
	}
#contentBox p .notice {
	font-size: 0.8em;
	font-style: normal;
}