@charset "utf-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
    border: none;
}


body{
/*background-color:#28acde;*/
background-color:#2aadd4;
background-image:url(img/bg_01.gif);
background-repeat:repeat-x;
margin:0px;
padding:0px;
color:#818080;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
/*font-style:italic;*/
margin:0;
padding:0;
text-align:left;
line-height: 1.5;
}


#content{
width:980px;
margin: 0 auto;
height:575px;
position:absolute;
left:50%;
margin-left:-490px;
}

#header{
height:75px;
width:405px;
/*background:url(img/logo.gif) no-repeat top left;*/
margin: 45px 0px 30px 0px;
}

#navi{
width:1200px;
height:45px;
float:left;
width:980px;
/*
margin-left:-120px;
padding-top:25px;
margin-bottom:30px;
background-color:#cccccc;*/
}

#content_white{
background:#ffffff;
border: solid 2px #c0bfbf;
width:976px;
min-height:650px;
margin-top:10px;
margin-bottom:10px;
float:left;
padding-bottom:80px
}

#content_text{
min-height:320px;
width:500px;
float:left;
margin: 40px 0 0 60px;
font-size:12px;
font-style:normal;
/*margin-bottom:60px*/
}

#content_images{
float:left;
min-height:320px;
width:300px;
/*margin:43px 60px 0 40px;*/
margin-left:40px;
margin-top:43px;
font-size:10px;
}

#datenschutz a{
text-decoration:none;
font-size:14px;
color:#FFFFFF !important;
margin-left:760px;
float:left;
height:45px
}

#impressum a{
text-decoration:none;
font-size:14px;
color:#FFFFFF !important;
margin-left:8px;
float:left;
height:45px
}

.img_title{
margin-top:5px;
font-size:10px;
text-align:left;
}

.title{
color:#28acde;
font-size:14px;
font-weight:bold;
padding:0;
margin-bottom:30px;
}

.subtitle{
color:#28acde;
font-size:11px;
padding:0;
}

h3{
margin:0;
font-size:12px;
color:#28acde;
font-weight:normal;
margin-bottom:5px;
/*text-transform:uppercase;*/
}


/*h1 .csc-firstHeader{
font-size:14pt;
color:#28acde;
}*/

a{
color:#28acde;
}

ul {
list-style-image:url(fileadmin/templates/img/bullet_point.gif);
}

a img{
border-color:#00CC99;
border-style:none;
border-width:0px;
}


/*table_start*/


.boxTop{
	border-top:1px solid #818080;
	border-left:1px solid #818080;
	border-right:1px solid #818080;
	padding-top:20px;
	}

	
.boxLeft{
border-left: 1px solid #818080;	
	}

	
.boxRight{
border-right: 1px solid #818080;	
	}	


.heading{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #28ACDE;
	background-color:#FFF;
	text-align:center;
	height:60px;
}

.headingBigBusiness{
	margin-top:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#818080;
	font-weight:bold;
	text-align:center;
	border:1px solid #336699;
	
}

#content_table {
background:#FFFFFF url(../images/bg.gif) repeat-x scroll 0 0;
border:1px solid #336699;
color:#818080;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px 0 2px 9px;
border-bottom:1px solid #336699 !important;
border-top:1px solid #336699 !important;
height:17px;
font-weight:bold;
padding-left:10px;
text-transform:uppercase;
font-family:Verdana, Geneva, sans-serif;
/*color:#818080;
padding:2px 0 2px 9px;
height:10px;
width:50px;
text-indent:-999999px;
height:16px; 
line-height:16px;
width:30px;*/
padding:2px 0 2px 9px;
}

.productHeading{
font-family:Verdana, Geneva, sans-serif;
background:#EEE none repeat scroll 0 0;
text-transform:uppercase;	
font-weight: bolder;
color:#28ACDE;
height:30px;
	}

.productHeadingBoarder{
border-top:1px solid #818080 !important;
border-bottom:1px solid #818080 !important;
border-left:1px solid #818080 !important;
border-right:1px solid #818080 !important;
padding:2px 0 2px 8px;
	}

.productFeature{
padding:2px 0 2px 20px;
font-family:Verdana,Geneva,sans-serif;
font-weight:bold;
border-bottom:1px solid #EAEAEA;
border-right:1px solid #818080 !important;
color:#818080;
font-size:12px;
/*width:200px;*/
height:20px;
/*padding:2px 0 2px 9px;
height:9px;
*/
}


.productFeatureLeft{
padding:2px 0 2px 20px;
font-family:Verdana,Geneva,sans-serif;
font-weight:bold;
border-bottom:1px solid #EAEAEA;
border-right:1px solid #818080 !important;
border-left:1px solid #818080 !important;
color:#818080;
font-size:12px;
/*width:200px;*/
height:20px;
/*padding:2px 0 2px 9px;
height:9px;
*/
}

.productFeatureLeftBottom{
padding:2px 0 2px 20px;
font-family:Verdana,Geneva,sans-serif;
font-weight:bold;
border-bottom:1px solid #818080;
border-right:1px solid #818080 !important;
border-left:1px solid #818080 !important;
color:#818080;
font-size:12px;
/*width:200px;*/
height:20px;
/*padding:2px 0 2px 9px;
height:9px;
*/
}

.productFeatureBottom{
padding:2px 0 2px 20px;
font-family:Verdana,Geneva,sans-serif;
font-weight:bold;
border-bottom:1px solid #818080;
border-right:1px solid #818080 !important;
/*border-left:1px solid #818080 !important;*/
color:#818080;
font-size:12px;
/*width:200px;*/
height:20px;
/*padding:2px 0 2px 9px;
height:9px;
*/
}

.matrixYes{
/*border-bottom:1px solid #EAEAEA;
border-right:1px solid #818080 !important;*/
color:#ffffff;
background:#FFFFFF url(img/matrixYes.gif) no-repeat center ;
text-align:left;
margin:0px;
}


.matrix{
font-family:Verdana,Geneva,sans-serif;
color:#818080;
text-align:center;
font-size:10px;
/*height:12px;*/
}

.matrixFokus{
font-family:Verdana,Geneva,sans-serif;
color:#818080;
text-align:center;
font-size:10px;
height:12px;
}



.matrixYesRight{
/*border-bottom:1px solid #EAEAEA;*/
border-right:1px solid #C09 thick !important;
color:#ffffff;
background:#FFFFFF url(img/matrixYes.gif) no-repeat center ;
text-align:left;
margin:0px;
}

/*table_ende*/



li { 
list-style-type:square;
color: #28acde;
line-height:2em;
margin: 0;
padding: 0;
}

ul{
margin: 20;
padding: 0;
}


ol{
margin: 20;
padding: 0;
}



li span { color: #818080; 
}






h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}