/********** CVA cva -- SERVICESEITE **********/

* {
font-size: 9pt;
font-family: verdana;
color: #000;
outline:none;
}
*html * {
margin: 0 auto;}

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

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

#overhead {background: url(zentraleDesigns/cva/pics/header-komplett.jpg);
	height: 174px;
	width: 900px;

}

#overhead a.angebote {background: url(zentraleDesigns/cva/pics/top-angebote.jpg);
	display:block;
	height: 151px;
	width: 152px;
	float:right;

}
 
#overhead a.angebote:hover {background-position: 0px 151px;

}

#overhead-right hover {background: url(zentraleDesigns/cva/pics/top-angebote-hover.jpg);
	height: 151px;
	width: 150px;
	position: relative;
	top: 0px;
	left: 750px;
}




.imageField {
	float:left;
}


#logo {
float:left;
background: url(zentraleDesigns/cva/pics/logo.jpg) no-repeat top right;
margin: 5px 42px 0 28px;
width: 139px;
height: 85px;
}

.logolink {
	position: relative;
	top:0px;
	left: 43px;
	width: 198px;
	height: 178px;
	display:block;
}

#login {
float: left;
margin: 26px 0 0 0;
width: 406px;
height: 64px;
background: url(zentraleDesigns/cva/pics/slogan.gif) no-repeat top left;
}
html>body #login {margin: 26px 0 0 28px;}

#sitehead {
width:900px;
background: url(zentraleDesigns/cva/pics/hg_head.jpg) no-repeat top center;
text-align:right;
padding:55px 20px 0 0;
}
html>body #sitehead {
width:880px;}

#navigation {
margin: 0 auto;
padding: 3px 0 0 25px;
width: 900px;
height: 39px;
background: url(zentraleDesigns/cva/pics/hg_navi.jpg) no-repeat top center;
}
html>body #navigation {float:left; width: 875px; padding: 0 0 0 25px;}

#bild {
clear:both;
margin:0 0 0 21px;
width: 858px;
height: 30px;
background: url(zentraleDesigns/cva/pics/undernav.gif) repeat-x top center;
}

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

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


#banner_right {
float: right;
margin: 0 auto;
width:214px;
background: url(zentraleDesigns/cva/pics/hg_news.gif) repeat-y top left;
}
#banner_right h5 {font-size: 9pt; font-weight: bold; color: #94B914; margin: 10px 0 10px 20px;}
#banner_right a {font-weight:bold; font-size:10px; text-decoration: none; color: #6d6f72; margin:0 0 0 0px;}
#banner_right a:hover {font-weight:bold; font-size:10px; text-decoration: none; color: #acc423; margin:0 0 0 0px;}
#banner-right-foot {background: url(zentraleDesigns/cva/pics/news-proneuemedien.jpg) no-repeat bottom center; width: 214px; height:127px; padding:0 58px 0 20px; font-size:11px; color: #6d6f72;}
html>body #banner-right-foot {width:136px;}

#content_news {

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

#footer {clear:both; text-align:right; background:url(zentraleDesigns/cva/pics/hg-foot.jpg) no-repeat bottom center; width:900px; height:100px; padding:0 25px 0 0;}
html>body #footer {width:875px; height:100px;}

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

#nav {}

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

#navi0 {display: inline; width: 100px; height: 35px; text-align: center;}
*html #navi0 {height: 35px; margin: 0 0 0 0; padding: 0 0 0 0;}

#navi0A {display: inline; width: 100px; height: 35px; text-align: center;}
*html #navi0A {display: inline; width: 100px; height: 35px; text-align: center; padding: 0 0 0px 0;}


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


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

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


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

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

.normaltext {width:580px; margin:0 0 20px 20px; }
.news {margin-left:15px; font-size:8pt; width:134px; border-bottom:1px dashed #A4D53E; padding-top:10px;}
*html .news input {margin-left:-15px;}
.special {font-weight: bold; color: #666;}
.klein {font-size:9px; margin-left: 25px;}

img {border:0px;}

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/cva/pics/ref_head.jpg) top left no-repeat;}
h4 {margin: 0 0 1em 0; padding: 2px 0 0 10px; height: 23px; font-weight: bold; color: #fff; background: url(zentraleDesigns/cva/pics/ref_head_long.gif) top left no-repeat;}
h5 {font-size: 9pt; font-weight: bold; color:#03468D; margin:0 15px 0 15px;}
h6 {margin: 0 0 1em 0; padding: 2px 0 0 10px; height: 23px; font-weight: bold; color: #fff; background: url(zentraleDesigns/cva/pics/button.jpg) top left no-repeat;}
.sieben {font-size: 14pt; font-weight: regular; margin: 0 0 15px 20px; color: #5a8cde; padding: 5px 0 0 0;}
	
	
.sieben span.web_h7 {
	color: #193268;
	font-size: 30px;
	font-weight: regular;
}


.sieben span.plus {
	color: #8ed70d;
	
	
}

.divgruen{float:left; font-size: 18px; color: #99c236; background-repeat:no-repeat;padding-left:18px;background-image:url(zentraleDesigns/cva/pics/plus.png); background-position: left center; margin-bottom: 8px; margin-left: 5px;}

b {color: #6d6f72;}
a {font-weight: bold; text-decoration:underline; color: #6d6f72;}
a:hover {text-decoration:none; color: #000;}

a img {border:0px;}
a:hover img {filter:alpha(opacity=70); -moz-opacity: 0.70;}

a.pdf:link, a.pdf:visited { background:url(zentraleDesigns/cva/pics/pdf.gif) left top no-repeat; float: left; width: 40px; height: 27px; padding: 13px 0 0 46px; display: block;  text-align: left; font-weight: normal; font-size: 12px; color:#03468D; text-decoration:none; }/*font-weight: bold; color:#084866; text-decoration:none; display: block; float: left; */
a.pdf:hover, a.pdf:active { background:url(zentraleDesigns/cva/pics/pdf-hover.gif) left top no-repeat; color:#686868; }/*color:#59B7E5;*/


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


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; border:0px;}
a.foot:hover {text-decoration:underline; background: url(zentraleDesigns/cva/pics/navi_over_impress.jpg) repeat-x bottom left;}
html>body a.foot:hover {background: transparent;}


.bild {float:right; padding:10px;
}

.text {margin: 0 0 30px 20px;}

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

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

.referenzen, .maklerprodukte {
clear: both;
margin: 10px 0 30px 20px; 
padding: 1px 0 0 0; 
width: 550px;
background: url(zentraleDesigns/cva/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/cva/pics/ref_more_hg.jpg) top center repeat-y; 
}
.designref {width: 520px; height:155px; float: left;}
.bildRef {float: right; margin: 0 0 20px 0; width: 220px; height: 139px;}
.bildProd {float: left; margin: 0 20px 0 20px; width: 121px; height: 217px;}

.textRef {margin: 0 0 1em 10px;}
.textRefBold {margin: 0 0 1em 10px; font-weight: bold; color: #94BE3A;}
.textProd {margin: 0 0 1em 10px; width: 320px;}


.linkRef {width: 300px; text-align: right;}
.ref_more_link {font-weight:normal;}

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

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

/******************* Templates **************************/


#topbild {
	background:url(zentraleDesigns/cva/pics/top.jpg) top left no-repeat;
	width: 550px;
	height: 276px;
	float:left;

	
}

#basic {
	background:url(zentraleDesigns/cva/pics/basic.jpg) top left no-repeat;
	width: 170px;
	height: 199px;

			
}
	
	
#angebote a {
	text-decoration: none;
	margin: 20px 16px 0 0;
	display:block;
	width: 170px;
	height: 199px;
	float:left;
	
}

#basicplus {
	background:url(zentraleDesigns/cva/pics/basicplus.jpg) top left no-repeat;
	width: 170px;
	height: 199px;

	
}


#bussines {
	background:url(zentraleDesigns/cva/pics/bussines.jpg) top left no-repeat;
	width: 170px;
	height: 199px;

	
}

#button {
	background:url(zentraleDesigns/cva/pics/button.jpg) top left no-repeat;
	width: 201px;
	height: 23px;
	position: relative;
	top: 0px;
	left: 345px;
	margin: 5px 0 10px 20px;
}

#button a {
	background:url(zentraleDesigns/cva/pics/button.jpg) top left no-repeat;
	text-decoration: none;
	width: 201px;
	height: 23px;
	float:left;
	
}


#button_kontakt {
	background:url(zentraleDesigns/cva/pics/button.jpg) top left no-repeat;
	width: 201px;
	height:23px;
	margin-left: 380px;
	margin-bottom: 30px;
	
	
}

#button_kontakt a {
	background:url(zentraleDesigns/cva/pics/button.jpg) top left no-repeat;
	text-decoration: none;
	width: 201px;
	height: 23px;
	float:left;
	
	
	
}


#button1,#button2 {
	position: relative;
	margin-left: 35px;
	width: 110px;
	line-height: 25px;
	height: 25px;
	margin-bottom: 15px;
}

#boxen{ display:block;}

.divhatt{
		float:left;
		font-size: 18px;
		color: #333;
		cursor: pointer;
		background-repeat:no-repeat;
		padding-left:18px;
		background-image:url(zentraleDesigns/cva/pics/plus.png);
		background-position: left center;
		margin-bottom: 8px;
		margin-left: 5px;
		display:block;
		clear:both;
		width:90%;
		} 

.divhatt:hover{color:#5a8cde;}

.divhatt a {color:#aaa; font-size: 17px; font-weight: normal;}
.divhatt a:hover {color:#ccc; text-decoration: underline;}


.hiddenbox {
	width: 90%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 25px;
	background: #efefef;
	padding: 8px;
	float:left;
	clear:both;
}

#pcontent{float:left;clear:none;}

.tip {
	width: 330px;
	height:180px;
	z-index: 13000;
	background: url(zentraleDesigns/cva/pics/blase.png) bottom right;
}

.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #243e8c;
	padding: 15px 20px 4px;
	background: url(bubble.png) top left;
	text-align:left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 20px 20px;
	
	text-align:left;
}


a.webbasic-button {
	display:block;
	width:92px;
	height:42px;
	margin:0 0 0 250;
	padding:0 0 0 0;
	background:url(http://www.cva.de/zentraleDesigns/cva/pics/webbasic-button.jpg);
	float:left;
	}

a.webbasic-button:hover {
	background-position:0px 42px;
}
	
a.webbasicplus-button {
	display:block;
	width:92px;
	height:42px;
	margin:0 0 0 5px;
	padding:0 0 0 0;
	background:url(http://www.cva.de/zentraleDesigns/cva/pics/webbasicplus-button.jpg);
	float:left;
	}

a.webbasicplus-button:hover {
	background-position:0px 42px;
}
	
a.webbussines-button {
	display:block;
	width:92px;
	height:42px;
	margin:0 0 0 5px;
	padding:0 0 0 0;
	background:url(http://www.cva.de/zentraleDesigns/cva/pics/webbussines-button.jpg);
	float:left;
	}
	
a.webbussines-button:hover {
	background-position:0px 42px;}
 	
.mb{-webkit-transition: all 0.2s ease-in-out;border:3px solid #666;margin:3px;}
.mb:hover{-webkit-transform:rotate(8deg) translate(0em, 0em) scale(1.5);}