@CHARSET "UTF-8";

/******ACCORDION LEISTUNGEN********/

#leistungen {
	position:relative;
	width:99%;
}

form {
	width:99%;
}

h2.toggler {
  margin: 0;
  padding: 2px 5px;
  background: #fff;
  font-size: 1.2em;
  font-weight: bold;
  color:#333;
  cursor:pointer;
  width:100%;
}
 
.accordion {

}

.accordion .inner {
  padding:1em;
}

.accordion p {
  margin: 0;
}


/******************************************/
	
/* CSS by www.crossconcept.eu */

/* Farben */
/* Textgelb: #babb3f */
/* Textblau: #1F829E */

html {
	margin:0;
	padding:0;
}

body{
	background: url(../images/_new/bg_main.jpg) repeat-x;
	background-color: #88CFD1;
	font: 12px/18px Arial, Helvetica, sans-serif;		
	line-height: 1.5em;
	color: #444;
}


#bodyframe {
	width:1000px;
	margin:0 auto;
	background: url(../images/_new/bg_main.jpg) repeat-x;
}

#header {
	width:1000px;
	height:100px;
}
#header #logo {
	float: left;	
	width: 257px;	
	height: 100px !important;	
}
#header #navigation {
	float: right;
	width: auto;
	height: 40px;
	margin: 63px 0 0 0px;	
}
#main{
	clear: both;
	width: 1000px;
	height: auto;
	background: url(../images/_new/bg_container.jpg) repeat-x;
	background-color: #9FD9DA;
}
#breadcrumbs{
	width: 978px;
	height: 25px;
	text-align: left;
	padding: 5px 0 0 22px;
	clear: both;
}
#container{
	width: 970px;
	margin: 0 auto;
	display: block;
	padding-top:20px;
	background: url(../images/_new/bgcontent.gif) repeat-y;
}
#sidebar_left {
	width:177px;
	float:left;
	height: auto;
}
#content {
	width: 505px;
	float: left;
	margin: 0 25px 0 25px;
	padding-bottom:15px;
}
#sidebar_right {
	float:left;
	width:210px;
	margin-left:10px;
}
#profile_home {
	margin-bottom:5px;	
}

#footer {
	clear:both;
	width:1000px;
}


/* Teaser in der Sidebar Rechts*/ 


.hotlineteaser{
	margin: 5px 0 0 0;
	padding: 0;
	background: url(../images/_new/hotline.gif) no-repeat;
	height: 47px;
}
.hotlineteaser a {
	color:#fff;
}

.texthotline1 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 0 15px;
	margin: 0;
}

.texthotline2{
	color: #07859b;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 0;
}


.finanzierungteaser{
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	background: url(../images/_new/teilzahlung.gif) no-repeat;
}
.finanzierungteaser a{
	color: #a684b0 !important;
	text-decoration: underline !important;
	font-weight: bold;	
	font-size: 11px;
	padding: 0 15px 0 15px;
	margin: 0;
}

.textfinanzierung1{
	color: #a684b0;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 15px 0 15px;
	margin: 0;
}
.textfinanzierung1 a{ 
	color: #a684b0;
	font-size: 14px;
	font-weight: bold;
	margin:0;
	padding:0;
	text-decoration:none !important;
}

.textfinanzierung2{
	font-size: 11px;
	padding: 8px 15px 10px 15px;
	margin: 0;
}

.sicherheitteaser{
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	background: url(../images/_new/sicherheit.gif) no-repeat;
}
.sicherheitteaser a{
	color: #a98686 !important;
	text-decoration: underline !important;
	font-weight: bold;	
	font-size: 11px;
	padding: 0 15px 0 15px;
	margin: 0;
}

.textsicherheit1{
	color: #a98686;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 15px 0 15px;
	margin: 0;
}
.textsicherheit1 a{
	color: #a98686;
	font-size: 14px;
	font-weight: bold;
	margin:0;
	padding:0;
	text-decoration:none !important;
}
.textsicherheit2{
	font-size: 11px;
	padding: 8px 30px 10px 15px;
	margin: 0;
}

/* Ende */ 

#footer{
	width: 1000px;
	height: 37px;
}

#footerleft{
	float: left;
	padding: 8px 0 0 20px;
}

#footerright{
	float: right;
	padding: 8px 10px 0 0;
}

/* Allgemein */

.floatclear{
	clear: both; 
}

img{
	border: none;	
}

* a:hover{
	text-decoration: underline;	
}

* a{
	color: #1F829E;
	text-decoration: none;	

}

/* NAVIGATION */

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;	
}

#navigation ul li {
	float: left;
	padding: 0 15px 0 15px;
}

#navigation ul li.current {
	margin: 0;
	padding: 0 15px 0 15px;
	background: url(../images/_new/bg_nav_active.gif);
	background-position: center bottom;	
	background-repeat: no-repeat;
	height: 40px;
}


#navigation ul li a{
	text-decoration: none;
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 8px 0 0 0;
	display: block;
}

#navigation ul li.current a{
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #DFE393;
}
	

#navigation ul li.selected a,
#navigation ul li a:hover{
	color: #DFE393;
}



#navigation ul li.selected{
	background: url(../images/_new/bg_nav_active.jpg) repeat-x;
}


/* SUBNAVIGATION */

.sidebar{
	background-color: #ECF9F9;
}

.sidebar .text{
	padding: 0 5px 10px 10px;
}


.sidebar h1,
.sidebar h1 a,
#sidebar_left h1,
#sidebar_left h1 a {
	width: 166px;	
	list-style: none;
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	background: url(../images/_new/bg_subnav.jpg);	
	height: 22px;
	padding: 0 0 0 10px;
	margin: 0 0 2px 0;
}


#sidebar_left ul{
	list-style: none;
	margin: 0;
	border-bottom: 1px dotted #a7e7e9;
	padding: 12px 0 12px 0;
}	

#sidebar_left ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

	
#sidebar_left .cat1{
	padding: 0 0 0 10px;
}

#sidebar_left .cat2{
	padding: 2px 0 0 10px;
}

#sidebar_left ul li.current{
	background-color: #92E0E2;
}

#sidebar_left ul li.current a{
	color: #fff;
}

#sidebar_left .cat1 a{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #1F829E;
	font-weight: bold;
	text-decoration: none;
}

#sidebar_left .cat2 a{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #1F829E;
	font-weight: normal;
	text-decoration: none;
}


#sidebar_left a:hover{
	text-decoration: underline;
}


.bgpurple{
	background-color: #EFEEEF !important;
}

.bgpurple ul{
	border-bottom: 1px dotted #DAC3DD !important;
}

.bgpurple ul li.current{
	background-color: #C09AC7 !important;
}

.bgpurple ul li.current a{
	color: #fff !important;
}

.bgpurple .cat1 a,
.bgpurple .cat2 a{
	color: #AE0080 !important;
}

.bggreen{
	background-color: #F5F8E1 !important;
}

.bggreen ul{
	border-bottom: 1px dotted #AAB77B !important;
}

.bggreen ul li.current{
	background-color: #B1BD87 !important;
}

.bggreen ul li.current a{
	color: #fff !important;
}

.bggreen .cat1 a,
.bggreen .cat2 a{
	color: #74891A !important;
}



/* Breadcrumbs */


#breadcrumbs{
	font: 11px/18px Arial, Helvetica, sans-serif;	
	font-weight: normal;
	color: #fff;
}

#breadcrumbs a{
	text-decoration: none;	
	color: #fff;
	margin: 0;
	padding: 0;
}

#breadcrumbs a:hover{
	text-decoration: underline;
}

.breads{
	height: 25px;
	margin: 0;
	padding: 0;
}


/*Col grid*/

.box {
	width: 460px;
     display:block; 
}
.box .repeat {
	border-bottom:1px dotted #cecece;
	padding:5px 0 5px 0;
}
.box .threecol {
    width:33%;
	float:left;
	display:block;
}
.box .twocol {
	width:49%;
	float:left;
	display:block;
}
.box .left {
	width:auto;
	float:left;
	margin-right:15px;
}
.box .left img {
	border:1px solid #444;
}
.box .right {
	width:65%;
	float:left;
}

.docs {
	border:1px solid #cecece;	
	padding:10px;
}
.docs img {
	border:2px solid #D6EAF6;
	outline:1px solid #1F829E;
}
.docs .location {
	margin-top:20px;
}


/* Pagination */
	#pagination {
		margin-top:10px;
	}
	
	#pagination .info {
		float:left;
		padding:1px 6px 1px 6px;
		border-right:1px solid white;
		background:#D6EAF6;
		margin-right:10px;
	}
	
	#pagination a.sites, #pagination .current {
		display:block;
		background:#D6EAF6;
		color:#333;
		float:left;
		padding:1px 6px 1px 6px;
		border-right:1px solid white;
		text-decoration:none;	
	}
	#pagination .current	{
		color:#fff;
		background:#1F829E;
	}
	#pagination a.sites:hover {
		color:#fff;
		background:#1F829E;
	}	


/* Contactform */

#contactform {
	
}
#contactform span.form {
	display:block;
	float:left;
	width:100px;
}

/* Footer */


#footer ul,
#footer ul li{
	list-style: none;
	margin: 0;
	display: inline;
}

#footer ul li{
	padding: 0px 25px 0 0;
}


#footer,
#footer a{
	font-size: 11px;
	color: #1F829E;	
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover{
	text-decoration: underline;
}

/* Text */

#content ul{
	padding: 10px 0 10px 20px;
	margin: 0;
} 

#content ul li{
	list-style-image: url(../images/_new/li.gif); 	
	padding: 0 0 3px 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #444;
}

	
#content ul li a{
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;	
}

#content ul li a:hover{
	text-decoration: underline;
}

#content .text{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #444;
	}
  
#content .smallfont {
  font-size:0.9em;
}

#content h1{
	font: 18px/18px Arial, Helvetica, sans-serif;
	color: #07859B;
	font-weight: normal;
}

#content h2{
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #babb3f;
	font-weight: bold;
}

#content h3{
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #babb3f;
	line-height: 20px;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

#content .textsmall{
	font: 11px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #babb3f;
	margin: 0;
}


#content ul{
	padding: 10px 0 10px 20px;
	margin: 0;
} 

/* INFO */

#info .imageprofile{
	padding: 0 25px 0 25px;
}

#info .imageprofile img{
	border: 1px solid #70C3C8;
	width: 160px;
	margin: 0 0 5px 0;
}

#info .textsmall{
	font: 11px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #babb3f;
	padding: 8px 0 5px 0;
	margin: 0;
}

#info h1{
	font: 12px/18px Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	margin: 0;
	color: #babb3f;	
}

#info h2{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #babb3f;
	line-height: 17px;
	font-weight: bold;
}

#info h3{
	font: 14px/18px Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
	margin: 0;
	font-weight: bold;
	color: #babb3f;	
}

#info .text{
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 8px 0 0 0;
	color: #555;
	line-height: 17px;
}

#info strong{
}

#info ul{
	padding: 5px 0 0 20px;
	margin: 0;
}

#info ul li{
	list-style-image: url(../images/_new/li.gif); 	
	margin: 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #444;
}

#info ul li a{
	font: 12px/18px Arial, Helvetica, sans-serif;
}

#info a{

	text-decoration: none;	
}

#info a:hover{
	text-decoration: underline;
}


/* images */

.imageright{
	float: right;
	padding: 15px;	
}

.hotline{
	margin: 0;
	padding: 0;
}

/* Profilenavi */


	#content ul.articlenav {
		width: 495px;
		height: 30px;
		background: url(../images/_new/bg_articlenav.gif) no-repeat;	
		margin: 0;
		padding: 0 0 0 10px;
	}
	
	#content ul.articlenav li {
		float: left;
		list-style: none !important;	
		margin: 0;
		padding: 0;
	}
	
	#content ul.articlenav li.current{
		background: url(../images/_new/bg_articlenav_right.gif) no-repeat right top;

	}	

	#content ul.articlenav li a {
		color: #1F829E;
		text-decoration: none;
		display: block;
		padding: 8px 9px 4px 9px;
	}


	#content ul.articlenav li a:hover{
		text-decoration: underline;
	}

	#content ul.articlenav li.current a {
		background: url(../images/_new/bg_articlenav_left.gif) no-repeat left top;			
		padding: 8px 9px 4px 9px;
		font-weight: normal;		
	}


	#content .profilemain{
		width: 495px;

	}

	#content .profile{
		background: url(../images/_new/bg_article.gif) no-repeat;	
	}

	#content .articleprofile{
		width: 446px;
		padding: 5px 0 5px 13px;
	}


/* Search */

#search{
	background-color: #f7f7e5;
	padding: 0 20px 10px 20px;
	}

#search h2{
	padding-top: 10px;
}

#search .submit{
	float: right;
}

.searchheadline{
	font-weight: bold;
	padding-top: 5px;
}

/* Sonstiges */

#map{
	border: 2px solid #1F829E; 
	width: 460px;
	height: 300px;	
	text-align: center;
	padding: 0;
	margin: 0;
}

#mapbg{
	width: 495px;
	background: url(../images/_new/bg_article.gif) no-repeat;	
}

#mapouter{
	padding: 15px 0 0 15px;
}

.articleprofile label{
	padding: 0 10px 0 0;
}


.twocol{
}

#contactform{
}

#contactform span{
	height: 25px;
	width: 250px;
	padding: 0 50px 5px 0;
}

#contactform input{
	width: 200px;
	}


.searchbutton{
	display: block;
	width: 60px;
	height: 23px;
	background: url(../images/icons/buttonsubmit.gif) no-repeat;
	border: none;
	float: right;
	outline: none;
	cursor: pointer;
}

.routebutton{
	display: block;
	width: 110px;
	height: 23px;
	background: url(../images/icons/buttonroute.gif) no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
}

.submitbutton{
	display: block;
	width: 81px;
	height: 23px;
	background: url(../images/icons/buttonsubmit2.gif) no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
}

.searchsmall tr{
	height: 23px;
}

.searchsmall table{
	width: 220px;
	padding: 5px 0 5px 0;
}

.boxhead{
	width: 208px;
	height: 12px;
	background: url(../images/_new/boxbody.gif) repeat-y;
}

.boxbody{
	width: 208px;
	height: auto;
	background: url(../images/_new/boxbody.gif);
	background-repeat: repeat-y;

}

.boxbottom{
	width: 208px;
	height: 12px;
	background: url(../images/_new/boxbottom.gif) no-repeat;
	margin-bottom:4px;
}


/* Minimap tabs */ 
 
#minimap_types ul.tabs { 
     margin:0; 
     padding:0; 
     list-style:none; 
} 

#minimap_types ul.tabs li { 
     margin:0; 
     padding:0; 
     float:left; 
     width:auto; 
     list-style:none; 
     margin-right:1px;      
} 

#minimap_types ul.tabs li a { 
     display:block; 
     width:auto; 
     height:20px;
     line-height:20px; 
     background:#D6EAF6; 
     color:#1F829E; 
     padding:3px; 
} 

#minimap_types ul.tabs li a:hover,
#minimap_types ul.tabs li a.current { 
     background:#1F829E;
     color:#D6EAF6;
     text-decoration:none;
}

