/*berlin
!!Für jeden Kunden ist die height im Individualformat #popup-innerbody #header-container an die Höhe des Logos anzupassen !!
 */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Allgemein */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#innerbody {
	width:856px;	/* navimain + content */
	background-image : none;
}

#wrapper {
	
	background-image : url(seiten/hintergrund2.gif );
	background-repeat : no-repeat;
	background-position: bottom left;
	background-color : #80c2bc;
	
	
	
}
#popup-innerbody #wrapper {
	background-color : #FFFFFF;
		border:1px solid #999999;
		background-image : none;
}
/* \*/
* html #innerbody,
* html #content {
	height: 20em;
}
/* */


#popup-innerbody #wrapper {
	background-color : #FFFFFF;
		border:1px solid #999999;
}

#popup-innerbody{
	width:820px;
	border: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Header */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.centerblock {

	
	margin-top :0px;
	
	
}
#header-container {
	background-image : none;
	background-color : #FFFFFF;
	height:120px;
}


#popup-innerbody #header-container {
	height:90px;
	margin:0px;
	background-image : none;
	background-color: #ffffff;
	border-width:1px;
	border-style:solid;
	border-color: #ffffff;
}
#header {
	height: 90px;
	
	background-position: bottom left;
}

#header.popup {
	background-image: none;
	
}

#header img {
	margin: 0px;
}
#popup-innerbody #header img {
	
	margin: 0px 30px 5px 40px;
}
 #header #musterlogo {
	
	padding-top : 0px;
	padding-left :10px;
	}
	
	body 
{
	margin:0px;
	background-color:#c0e0dd;
}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Top-Navigation */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#navitop {
	width: 856px;
	height: 22px;
	margin: 0px;
	background-color : #008578;
	
}
*html #popup-innerbody #navitop {
	width:816px;			/*hinzugefügt*/
	margin:0px;
	margin-top : 1px;
	border : none;
	background-image : none;
	
}
#popup-innerbody #navitop {
	width:818px;			/*hinzugefügt*/
	margin:0px;
	margin-top : 1px;
	border : none;
	background-image : none;
	
}
#navitop ul {
	
	background-color: #008578;
	color: #ffffff;
	
}
#navitop ul li {
	padding:0px 15px;
	
	
	

}

#navitop ul ul {
	background-color: #008578;
	line-height:1.5em;

}
/* \*/
* html #navitop ul li li {
	border-bottom: 1px solid #80c2bc;
	
}
/* */
#navitop ul li li div {
	color: #008578;
}
#navitop ul ul {
	visibility:hidden;
	width: auto;
	height:1px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	background-color: #80c2bc;
	border: 1px solid #008578;
	line-height:auto;
	
}
#navitop a:link,
#navitop a:visited {
	color: #ffffff;
	
	
	
	}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Main-Navigation */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#navimain
{
	
	
	
	
	
	
}
#navimain a:link,
#navimain a:visited {
	color: #000000;
	border-bottom: 1px solid #008578;
	
}
#navimain a:hover,
#navimain a:focus {
	color: #000000;
	background-color: #008578;
	
	
}

#navimain p.navimain_title {
	background-image:none;
	background-color:transparent;
	border:none;
	color:#000000;
	
}

#navimain ul li.currentpage {
	color : #ffffff;
	
	
}

#navimain ul li.currentpage div {
	background-image :  none;
	border-bottom: 1px solid #008578;
	background-color : #008578;
	
	
}


#navimain ul li.currentpage ul,
#navimain ul li.currentbranch {
	color:#000000;
	
}
#navimain p.navimain_title
 {
	margin-top: 0px;
	padding: 1.5em 10px 1em 25px;
	color:#ffffff;
	
	
	
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Content-Area */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content {
	left:0px;
	width:541px;
	padding:2em 10px 2em 20px;
	background-image : url(seiten/hintergrund.gif);
	background-repeat : no-repeat;
	background-position : bottom  left;
	border : none;
	background-attachment : scroll;
}

#content-bg-stretch {
	position:absolute;
	bottom:22px;
	width:571px;
	margin-left:285px;
	background-color:#FFFFFF;
	
	
	z-index:1;
}
#content a:link,
 #content a:visited{
 color : #008578;
 text-decoration : underline;
 padding : 0px;
	
}
#content .garantiezins-iframe {
	border: none;
	padding:0;
	margin:0;
	width:100%;
	height:750px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Footer */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer {
	background-image: none;
	background-color : #c0e0dd;
}

#footer ul {
	/*position:relative;*/
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	list-style-type: none;
	text-align:right;
}
#footer a:link,
#footer a:visited {
	color: #008578;
	text-decoration : none;
}
#footer a:hover,
#footer a:focus {
	color: #80c2bc;
	text-decoration : underline;
}
#popup-innerbody #footer {
	border:none;

}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Für die Rechner */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div#klappentext {
	margin: 0px;
}

/* \*/
* html div#klappentext {
	margin-top: 0px;
}
/* */

/* \*/
* html #berechnungsformular {
	margin-top: -10px; /*setzt die Box nach oben, warum die Box unten steht weis der Teufel*/
}
/* */

#menueleiste{


	background-image: url(seiten/hintergrund2.gif);
	background-position: bottom left;
	
	
}
#starttext{
	padding-top : 0px;
	padding-left : 30px;
}

#startgrafik{
	padding-top : 0px;
	padding-left : 30px;
}
#navimain #seitenleiste {
	color:#ffffff;
	
	background-position : bottom;
}

#ueberschrift{
padding-top : 54px;
padding-right : 27px;

}

#bild{
margin-left : 3px;
margin-top : -15px;
}

#hintergrund{
	margin-left : -40px;

}

#dr{
	margin-left : 150px;
}

#navimain #seitenleiste{
	color :#008377;
}

#text{
	margin-left : 3px;
}