/********** CVA MAKLERSERVICE -- SERVICESEITE **********/

* {
font: 9pt verdana;
color: #000;
}
*html * {
margin: 0 auto;}


body {
margin: 0 auto;
padding: 0 auto;
height:100%;
text-align: center;
background: url(zentraleDesigns/maklerservice/pics/hg_body.jpg) repeat-x top #CCCCCC;
}


#seite {
text-align: left;
margin: 0 auto;
width: 900px;
background: url(zentraleDesigns/maklerservice/pics/hg_seite.gif) #FFFFFF;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

#head {
background: url(zentraleDesigns/maklerservice/pics/hg_head.gif) repeat-x top left;
}

#logo {
float:left;
background: url(zentraleDesigns/maklerservice/pics/hg_logo.gif) no-repeat top right;
margin: 16px 0 0 30px;
width: 434px;
height: 69px;
}



/********** LOGINBEREICH  **********/

#login {
float: right;
margin: 0 34px 12px 0;
padding: 2px 10px 0 10px;
width: 220px;
height: 83px;
background: url(zentraleDesigns/maklerservice/pics/hg_login.jpg) no-repeat top left;
}
html>body #login {width: 200px;}

#login_head {margin: 0 0 1px 0; font-weight: bold; color: #03468D;}
#login_form {text-align: right;}

.login_link {margin: 0 0 2px 10px; font-size: 7pt; font-weight: bold;}

label {font-size: 8pt;}
#makleruser, #maklerpassword {margin: 2px 0 0 0; font-size: 7pt;}

/********** LOGINBEREICH  **********/


#navigation {
clear: both;
padding: 3px 0 0 40px;
width: 900px;
height: 39px;
background: url(zentraleDesigns/maklerservice/pics/hg_navi.jpg) no-repeat top center;
}
html>body #navigation {width: 860px; height: 39px; padding: 0 0 0 40px;}

#bild {
width: 900px;
height: 115px;
background: url(zentraleDesigns/maklerservice/pics/bild_start.jpg) no-repeat top center;
}

#content {
padding: 20px 21px 0 21px;
width: 900px;
}
html>body #content {width: 858px;}

#content_main {
float:left;
width: 600px;
margin: 0 0 0 20px;
}

#content_news {
float: right;
margin: 0 auto;
width:214px;
background: url(zentraleDesigns/maklerservice/pics/hg_news.gif) repeat-y top left;
}

#footer {clear:both; text-align:right; background:url(zentraleDesigns/maklerservice/pics/hg_foot.gif) no-repeat bottom center; width:900px; height:87px; padding:21px 25px 0 0;}
html>body #footer {width:875px; height:66px;}

/********** NAVIGATION **********/

#nav {}

#navi{list-style-type: none;}

#navi0 {display: inline; width: 99px; height: 35px; text-align: right;}

#navi0A {display: inline; width: 99px; height: 35px; text-align: right;}


#navi0 a:link, #navi0 a:visited  {display: block; float:left; padding: 18px 4px 0 0; width: 99px; height: 35px; font-weight: bold; color: #03468D; text-decoration: none; background: url(zentraleDesigns/maklerservice/pics/hg_active.gif) repeat-x top right; border-right:1px solid #ffffff; text-transform:lowercase;}
html>body #navi0 a:link, #navi0 a:visited {padding:18px 4px 0 0; width: 95px; height: 17px; margin-top:3px;}

#navi0A a:link, #navi0A a:visited {display: block; padding: 18px 4px 0 0; float:left; width: 99px; height: 35px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: url(zentraleDesigns/maklerservice/pics/hg_active_a.jpg) no-repeat top right; text-transform:lowercase; border-right:1px solid #ffffff;}
html>body #navi0A a:link, #navi0A a:visited {padding:18px 4px 0 0; width: 95px; height: 17px; margin-top:3px;}

#navi0 a:hover {display: block; float:left; color:#686868; border-right:1px solid #ffffff; background: url(zentraleDesigns/maklerservice/pics/hg_hover.gif) repeat-x top center;}



/******************* Inhalte **************************/

#news-foot {background: url(zentraleDesigns/maklerservice/pics/news-mit-frau.jpg) no-repeat bottom center; width:214px; height:246px; padding:90px 0 0 15px; font-size:8pt; font-weight:bold;}
html>body #news-foot {width:199px; height:156px;}

.normaltext {width:420px; margin:0 0 20px 20px;}
.special {font-weight: bold; color: #666;}
.news {margin-left:15px; font-size:7pt; width:134px; border-bottom:1px dashed #A4D53E;}
.news a {font-size:7pt;}
.klein {font-size:7pt; width:420px; margin:0 0 20px 20px;}

h1 {font-size: 11pt; font-weight: bold; margin: 0 0 15px 20px; color: #03468D;}
h2 {margin: 0 0 15px 20px; font-size: 12pt; font-weight: bold; color: #03468D;}
h3 {margin: 0 0 1em 0; padding: 2px 0 0 10px; height: 23px; font-weight: bold; color: #fff; background: url(zentraleDesigns/maklerservice/pics/ref_head.jpg) top left no-repeat;}
h4 {margin: 0 0 1em 20px; font-size: 10pt; font-weight: bold; color: #03468D; }

img {border:0px;}
img a {border:0px;}

a:link, a:active {font-weight:bold; text-decoration:underline;}
a:visited {text-decoration:underline; color:#9B9B9B;}
a:hover {text-decoration:none;}

a.foot:link, a.foot:active, a.foot:visited {color:#FFFFFF; font-size:8pt; font-weight:bold; text-decoration:none; margin:0 15px 0 15px; height:64px;}
a.foot:hover {text-decoration:underline; background: url(zentraleDesigns/maklerservice/pics/navi_over_impress.jpg) no-repeat bottom center;}
html>body a.foot:hover {background: transparent;}

a.bestellen:link, a.bestellen:active, a.bestellen:visited {display:block; background: url(zentraleDesigns/maklerservice/pics/pfeil.gif) no-repeat bottom left; color:#03468D; font-size:12pt; font-weight:bold; text-decoration:none; margin:5px 15px 0 310px; padding: 6px 0 0 50px; height:33px;}
a.bestellen:hover {text-decoration:underline;}
html>body a.bestellen:link, a.bestellen:active, a.bestellen:visited {padding: 6px 0 0 50px; height:27px;}

a.modul:link, a.modul:active, a.modul:visited {display:block; background: url(zentraleDesigns/maklerservice/pics/pfeil.gif) no-repeat bottom left; color:#03468D; font-size:9pt; font-weight:bold; text-decoration:none; margin:5px 15px 0 310px; padding: 6px 0 0 50px; height:33px;}
a.modul:hover {text-decoration:underline;}
html>body a.modul:link, a.modul:active, a.modul:visited {padding: 0px 0 0 50px; height:72px;}

a.kasten:link, a.kasten:visited, a.kasten:active {display:block; padding:5px 0 10px 20px; color: #03468D; font-weight:normal; text-decoration:none; }
a.kasten:hover { padding:4px 0 9px 19px; color: #000; font-weight: normal; background: url(zentraleDesigns/maklerservice/pics/kasten-over.gif) repeat-x bottom center; border:1px solid #D0D4D7;}

.bild {float:right; padding:10px;}
.text {margin: 0 0 30px 20px;}

.liste {margin-left: 15px; list-style: url(zentraleDesigns/maklerservice/pics/list-item-blue.gif);}
.liste li {margin-bottom: 5px; font-weight: bold; color: #666;}

.maklerprodukte li {margin: 0 0 7px 170px; font-weight: bold; color: #666;}
html>body .maklerprodukte li {margin-left: 15px;}


/**********-- Referenzen -- Produkte --**********/

.referenzen, .maklerprodukte {
clear: both;
margin: 10px 0 30px 20px; 
padding: 1px 0 0 0; 
width: 550px;
background: url(zentraleDesigns/maklerservice/pics/dotline.gif) top left repeat-x; 
}

.ref_more {
clear: both;
margin: 10px 0 30px 20px; 
padding: 0 0 0 0; 
width: 550px;
background: url(zentraleDesigns/maklerservice/pics/ref_more_hg.jpg) top center repeat-y; 
}

.bildRef {float: right; margin: 0 30px 0 0; width: 220px; height: 139px;}
.bildProd {float: left; margin: 0 30px 0 20px; width: 121px; height: 217px;}
html>body .bildProd {margin-bottom: 50px}


.textRef {margin: 0 0 1em 10px;}
.textProd {margin: 0 0 1em 171px;}

.linkRef {width: 300px; text-align: right;}


.ref_more_head {
margin: 0 0 0 0;
padding: 5px; 0 0 30px;
width: 550px;
height: 34px;
font-weight: bold;
color: #2C66A1;
background: url(zentraleDesigns/maklerservice/pics/ref_more_head.jpg) top left no-repeat; }
hmtl>body .ref_more_head {height: auto;}

.ref_more_bottom {
clear: both;
margin: 0 0 0 0;
width: 550px;
height: 24px;
background: url(zentraleDesigns/maklerservice/pics/ref_more_bottom.jpg) top left no-repeat; 
}