
* {font-size: 100%}

body {
	font-size:90%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0;
	background: url(../img/body-bg.jpg) repeat-x;
	background-color: #e9e9e9;
}

.versteckt { 
	position:absolute; left:-10000px;
}

div#bodyframe {
	background-image: url(../img/hintergrundbild-endg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#wrap { 		
	width:1024px;
	/*width:900px;
	margin:3em auto;*/
	margin: 0;
	}
		
div#header {   	height:125px;
		}

div#header_sub { 
				height:3em;
				float:right;
				padding-right: 5px;
				width: 400px;
			}

div#header_sub  a  {	
	color:#333333; 
	text-decoration:none; 
	padding-right: 10px; 
	padding-left: 10px; 
	font-size: 0.85em;
}

div#header_sub  a:hover {
	color:#0033CC;
	text-decoration:none;
				}

div#rootline { 
	padding:15px 30px;
	font-size:76%;
	width:500px;
	position:absolute;
	left: 200px;
	/*z-index: 1000;*/
	
} 

div#rootline a {
    text-decoration:none;
    color: #003399;}
				
span.globals {
	float:right;
	position:relative;
	top:0.4em;
	left:1px;
	padding:0.5em;
	font-size:90%;
	color:#8AACFD;
	}
				
div.logo {
	clear:left;
	margin-top: 25px; 
	width: 500px; 
	float:left; 
	padding-left: 15px
	}
	
span.language  { 
	float:left; 
	width:190px; 
	padding:5px 0 5px 15px; 
	font-size:90%;
}

div#main_wrap {
	/*background-color: #1e4d91;*/
	background-color: #fff;
	width:100%;
	clear:both;
	background-image: url(../img/bg-content.jpg);
	background-repeat:repeat-y;
				}
		
div#navigation { clear:both;
				width:200px;
				padding-top: 40px; 
}
				
div.suchen { 	
			padding:5% 7%; 
			background: url(../img/suche_bg.gif);
			font-size:80%;
			font-weight:bold;
			border-bottom:1px solid #ddd;
			float:left;
			width:86%;
			margin-bottom:1em;
		}

div.suchen form { 

}		
		
div.suchen input {	
				border:1px solid #aaa;
				float:left;
				margin-right:5px;
				}
		
div.login { 	padding:5px; 
		}
		
div.service {
	margin-top: 150px;
	padding:8px 20px;
	font-size: 1.1em;
	font-weight:bold;
	color:#C8C8C8;
	background-image:url(../img/hg_serviceHotline.jpg);
	background-repeat:repeat-x;
	letter-spacing: 0.06em;
}
div.service h2 {
	font-size: 1em;
	font-weight:bold;
	color:#D2D2D2;
	letter-spacing: 0;
	line-height: 1.2em;
	margin-bottom: 2px;
}		
		
div#nav_col {   width:200px;
				float:left;
				padding-top: 25px;
				}		
				
div#nav_hinweis {
                margin-bottom: 100px
}
			
div#content {	padding:5px;
			
		}
div#inhalt {	padding-left:30px;
				padding-top: 10px;
				width: 100%;
			
		}
		

/*div.rechts {
			padding:5px;
			font-size:86%;
			padding-bottom: 40px;
			width: 274px;
			
		}

div.rechts p {	
			padding-right: 20px;
	}*/
	
div#content_wrap  {	width:794px;
					/*width:824px;*/
					background-color:#FFFFFF;
					float:right;
				
}	

/*div#content_wrap label {  
				display:block; 
				padding-right:5px;
				width:200px;
				float:left;
				text-align:right;
				font-weight:bold;
	    }	
	
*/		
div#content_col 	{
					width:490px;
					font-size:90%;
					font-family: Arial, Helvetica, sans-serif;
					background-color:#FFFFFF;
					
		}	
div#content_col a	{
					text-decoration: none;
					color:#0033CC;
					
		}		
	
div#content_colr 	{
	float:right;
	width:274px;
	background-color:#E4E4E4;
		}	
		
div#content_colr  h3 {
	color: #333333;
	padding: 6px 10px;
	margin:20px 0 0 0;
	font-size: 100%;
	background-image: url(../img/hg-contentr-h3.jpg);
	background-repeat: repeat-x;
		}	
		
div#content_colr  p {	
					padding: 0 10px;
		}	
div#content_colr a	{
					text-decoration: none;
					font-size: 100%;
					color:#0033CC;
		}					
		
div#footer {
	clear: both;
	height: 16px;
	padding-top:10px;	
	padding-bottom: 10px;
	/*border-top:1px solid #999;
	background-color:#e9e9e9;*/
	background-color:#666666;
	font-size:11px;	
	color: #FFFFFF;
	/*background-image: url(../img/hg-footer.jpg);
	background-repeat: repeat-y;
	background-position: left;*/
}
		
div#footer  a  {
	color: #666666;
	/*color:#FFFFFF;*/
	text-decoration: none;
					}			
		
div.copyright {
	float:left; 
	width:40%; 
	padding-left: 20px;
}

div.toplink a{
	clear: right;
	float: right; 
	width:30%; 
	text-align:right; 
	padding-right:30px;
	color: #666666;
}
div#group {
	width: 250px; 
	position: relative; 
	top:-50px; 
	left: 336px; 
	z-index:5; 
	float: right;
	background-color:#FFFFFF;
}
* html div#group {
	left: 307px; 
}

/** html #group {
	left: -33%;
	}*/
/*div.bottomnavi {text-align:center;*/


/* Navigation */

div#navigation ul 	{	list-style-type:none;
					padding:0;
					margin:0;
					/*margin:1em;*/
				}
div#navigation ul ul	{	list-style-type:none;
						padding:0;
						/*margin:0 0 0.5em 1em;*/
						margin:0;
				}			
								
ul.navi li	 { 		margin-bottom:0.2em;
}	
		

ul.navi li a {
	display:block;
	padding:3px 0 3px 20px ;
	/*width: 200px;*/
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 90%;
	/*border:1px solid #ddd;
	background-color:#666666;*/
				}	
				
* html ul.navi li a {
	display:inline-block;
	width: 200px;
	
}
				
ul.navi li  a:hover {
	text-decoration:none;
	color:#FFFFFF;
	border-color:#ccc;
	/*background-color: #ddd;*/
	background-image: url(../img/hg_navi-gr.jpg);
	background-repeat: repeat-x;
			}
			
ul.navi li a.active { 
	background-image: url(../img/hg_navi-active-gr.jpg);
	background-repeat: repeat-x;
	/*background-color:#999;
				  border-color:#999;*/
				  color:#fff;
}
					
ul.subnavi li	{
	list-style-type:none;
	margin: 0;
	padding:0;
	margin-bottom:0;
	/*margin-left: -14px;	*/		
				}				
				
ul.subnavi li a {
	font-size:80%;
	/*width: 200px;*/
	padding:3px 0 3px 30px;
	text-decoration:none;
	color:#AEB8BD;
	background-color: #1e4d91;
	font-weight:normal; 
	/*	background:white;
	border:0;
	border-left: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;*/
				}	
				
* html ul.subnavi li a {
		width: 200px;
		}
										
ul.subnavi li a:hover {
	/*color:#AEB8BD;*/
	color: #E8E8E8;
	color: #fff;
	/*background-color: #ddd;*/
				}

ul.subnavi li a.active {
	background-image: url(../img/hg_subnavi-active-gr.jpg);
	background-repeat: repeat-x;
	/*background-image: none;
	background-color:#99CC00;
	border-color:#999;
	color:#AEB8BD;
	font-weight:bold;*/
	color: #fff;
	
	}				
				
/*********** Navigation Ende ***************/

/****** Layoutspalten Templa Voila *******************/

div.content2sp_33-66, div.content2sp_66-33, div.content1sp_100, div.content3sp_33-34-33	{
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	/*padding:1em 0;*/
	float:right;
	width:100%;
	/*padding-bottom: 70px;*/
	/*border-bottom: 1px dotted #aaa;*/
	}
						
div.content2sp_33-66 { /*background:url(../img/bg_content2sp_33-66.gif) 33% top repeat-y;*/
 }
 
div.content3sp_33-34-33 { background:url(../img/bg_content3sp_33-34-33.gif) 33% top repeat-y;
 }
 
div.content2sp_66-33 {
		background-image: url(../img/hint-66-33-rotunde.jpg);
		background-repeat: repeat-y;
		/*background-position: 60% top;*/
		background-position: right top;
		min-height: 650px;
		height:auto !important;  /* für moderne Browser */
		height:750px;  /*für den IE */
	}
 
div.w30 { 	width:190px;
			padding-right: 20px;
			font-size: 87%;
}
* html div.w30 { 	
			width:230px;
			/*padding-top: 30px;*/
			padding-right: 20px;
			
}

div.w33 { 	width:205px;
			padding-right: 30px;
			font-size: 87%;
			
}
* html div.w33 { 	
			width:240px;
			/*padding-top: 30px;*/
			padding-right: 16px;
}
div.w33 h1{ 	
			color: #003399;
			font-size: 100%;
			padding-top: 15px;
}

div.w67 { 	width:510px;
			padding-bottom: 90px;
}

div.w34 { 	width:33%; 
			margin: 0 33%;
}
div.w100 { padding-right: 100px;
			/*padding-left: 14px;*/
			padding-top: 20px;
			}
div.links { 	
			float:left; 
			padding-top: 20px;
			/*padding-left: 14px;*/	
}
div.rechts { 	
			/*float:left;*/ 
			float:right; 
			padding-top: 20px;
			padding-left:10px;
}

div.rechts a { 
			text-decoration: none;
			color: #33CC66;
			}

div.rechts a:link { 
			color: #003366;
			}
div.rechts a:hover { 
			color: #003366;
			}
div.rechts a img { 
			border: none;
			}

div.c_pad { 	
			padding:8px 0px;
			/*padding:8px 25px 8px 16px;*/
			}
div.c_pad h1{ 	
			padding-bottom:8px;
			}


div#c7 {
			padding: 30px; 
		
			}
div.x_pad {
			width: 520px;
			float: left;
			margin-bottom: 20px;
			}
* html div.x_pad {
			margin-bottom: 0px;
			}
div.x_padDarkTitle {
			margin: 0;
}

div.x_padDarkTitle h1 {
			
			background-color:#666;
			color: #fff;
			padding: 3px 7px 5px 7px;
			font-size: 90%;
			margin: 0;
			font-weight: bold;
}

div.x_padContent{
			background-color:#E3E4E0;
						
}
div.x_padContent p {
			padding-top: 10px;
			margin: 0;
			font-size: 80%;
			line-height: 1.6em;
			}

/********* Styles for Content Elements ****************/

/*.csc-default {
			width: 750px;
}*/

/*.csc-textpic-text { 
			color: #CC0033;
            width: 400px;}

.csc-header {
			padding-top: 30px;
}*/
/**************** Header ***********************/
.csc-header h2 {
	font-size: 100%;
	color:#003399;
	/*color:#003399;
	line-height: 12px;*/
	margin-top: 10px;
	margin-bottom: 20px;
}
/*
.csc-header h5 {
	font-size: 0.9em;
	color:#FFFFFF;
	/*color:#003399;*/
/*	line-height: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color:#666666;
	width: 680px;	
	padding: 8px;
	height: 6px;
}
.csc-textpic{
/*padding-right: 40px;*/
/*}
.csc-firstHeader h1 {
	/*padding-top: 30px;*/
/*	padding-bottom: 15px;
	font-size: 1.1em;
	color:#003399;
}
.csc-textpicHeader h2 {
	font-size: 0.9em;
	color:#003399;
	/*color:#003399;*/
/*	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.csc-textpicHeader h3 {
	font-size: 0.95em;
	color:#666666;
	/*color:#003399;*/
/*	line-height: 12px;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.csc-textpicHeader h4 {
	font-size: 0.8em;
	color:#494A47;
	/*color:#003399;*/
	/*line-height: 12px;
	padding-top: 10px;
	
}*/
.csc-frame-frame1 {
	background-color: #CDCDCD;
	padding:0 12px;
	border: #999999 1px solid;
}
.csc-frame-indent {
	padding-left: 10px;
	}

/********** Styles für Formular ***************/

form {overflow:hidden;}

.csc-mailform { border: none; }
 
label,input,textarea { /* Alle Labels UND Formularelemente auswaehlen */
		 
		 float: left;
		 /*width: 190px;  Breite.*/
		 text-align: left;
		 /*margin: auto;*/
		 margin: 0;
		 font-size: 90%;
}
input { 
		display: block;
		width: 190px;
		border: 1px #ccc solid;
		background: #fafafa;
}
textarea {
		border: 1px #ccc solid;
		display: block;
		}

label {
		/*text-align: right; */
		padding-right: 1em;
		padding-top: 5px; 
		margin: auto;
		font-size: 85%;
}
.csc-mailform-label {
	color: #333333;
	font-size: 80%;
	width: 200px;
}
csc-mailform-submit {
	color: #33CCCC;
}
/*.csc-mailform-radio label {
  display:inline-block;
  margin-left:0.3em;
}

.csc-mailform-radio legend {
  display:none;
}
*/

.csc-mailform-check {
 	display:inline;
	margin-top:0.5em;
	width: 20px;
	margin-bottom: 4px;

}
.csc-mailform-check label {
 	display:inline;
	
}


form br {
	 clear: left;
}

submit {
  	height: 20px;
 	margin-top:2em;
}
  
fieldset {
 	border: 0;
}
input, textarea {
	/*width: auto;*/
	/*border: 1px #ccc solid;
	background: #fafafa;
	padding: 3px;
	color: #003399;
	font-size: 100%;*/
}

/***********************************************/


h1 {
	padding-top: 30px;
	padding-bottom: 15px;
	font-size: 110%;
	color:#003399;
}

h2 {
	font-size: 90%;
	color:#003399;
	/*color:#003399;*/
	margin-top: 0px;
	margin-bottom: 1em;
}

h3 {
	font-size: 100%;
	color:#555555;
	/*color:#003399;*/
	/*padding-top: 10px;*/
	margin-top: 0px;
	margin-bottom: 1em;	
}
* html h3 {
	margin-top: -0.5em;
}


h4 {
	font-size: 90%;
	color:#555555;
	margin-top: 0px;
	margin-bottom: -0.5em;
}
* html h4 {
	margin-bottom: -1em;
}

h5 {
	font-size: 90%;
	color:#FFFFFF;
	/*color:#003399;*/
	margin-top: 20px;
	margin-bottom: 20px;
	background-color:#666666;
	width: 100%;	
	padding: 4px 8px;
}

a {		text-decoration: none;
		color:#0033CC;
}	
	
a:hover {
	text-decoration: none;
	color:#666666;
}	
a:visited {
	text-decoration: none;
	color:#DDDDDD;
}	
			
.smalltext {
	font-size: 80%
}
	
sub {
    font-size: 80%
	}	
p.bodytext {
    font-size:90%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#494A47;
	
}
.bodytext a {
		text-decoration: none;
		}
p.bodytext a:link {
	color: #3366CC;
}
p.bodytext a:hover {
	color: #666666;
			}
p.bodytext a:visited {
	color: #999999;
			}
p.bodytext a img { 
			border: none;
			/*margin-right: 8px;*/
			}
#content_wrap ul {
	font-size:90%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
*.csc-textpic-text {
    /*width: 500px;*/
	/*padding-right: 40px;*/
}
.csc-frame-rulerAfter {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin:0;
	/*width: 800px;*/
	padding-bottom: 20px;
}
div.w67 csc-frame-rulerAfter {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin:0;
	width: 500px;
	padding-bottom: 20px;
}
csc-textpic-intext-left-nowrap {
	margin-top: 10px;
}

/********* Lumoscout Expose ******************/

div.tx-lumoscoutexpose-pi1 {
	
}

div.tx-lumoscoutexpose-pi1 dl{
	float: left;
	width: 200px;
	text-align:left;
	margin:0;
	
			
}
div.tx-lumoscoutexpose-pi1 dt{
	font-size: 0.9em;
	font-weight: bold;
	display:inline;
		
}
div.tx-lumoscoutexpose-pi1 dd{
	font-size: 0.9em;
	
		
}


/************ IS-24 Plugin **************/

/**** Listenübersicht ********/
div.is24-list-item {
	background-color: #E0E0E0;
	color:  #333333;
	float: left;
	width: 330px;
	margin-right: 15px;
	margin-bottom: 20px;
	/*clear:left;*/
}
div.is24-list-item img {
	/*margin-right: 20px;*/
	float: left;
	border-color:#E0E0E0;
	margin: 2px 15px 2px 0;
	/*margin-bottom: 50px;*/	
	padding-bottm: 20px;
}

div.is24-list-item h1 {
	color: #F2F2F2;
	font-size: 90%;
	width: 320px;
	
	background-color:#666666;
	margin: 0;
	padding: 5px;
	}
* html .is24-list-item h1 {
	width: 330px;
}

div.is24-list-item p {
	color:  #333333;
	font-size:0.75em;
}

div.borderBottom {

border-bottom-color:#99CC66;}

/********** Einzelanzeige ************/


div.is24-single-container{
	width: 680px;
	}

div.is24-single-item {
	color:  #333333;
	width: 680px;
	float: left;
	margin-bottom: 20px;
	}
div.is24-single-text {
	font-size: 0.8em;
	float: right;
	width: 430px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
div.is24-single-item img {
	/*margin-right: 20px;*/
	float: left;
	border-color:#E0E0E0;
	/*margin: 5px 15px 6px 0;*/
	margin-bottom: 3px;
}

div.is24-attachments {
	width: 180px;
	float: left;
	/*position: absolute;
	left: 230px;
	top: 600px;*/
}
div.is24-single-attachment-picture-caption {
	font-size: 70%;
	padding-left: 5px;
	margin-top: 3px;
}
div.is24-single-item h1 {
	color: #666666;
	font-size: 100%;
	margin: 0;
	margin-bottom: 20px;
	}
* html .is24-single-item h1 {
}

div.is24-single-item p {
	color:  #333333;
	font-size:100%;
}

div.is24-single-item a {
	text-decoration: none;
}
div.is24-single-item a:link {
	color: #3366CC;
}
div.is24-single-item a:hover {
	color: #666666;
			}
div.is24-single-item a:visited {
	color: #999999;
			}

