@charset 'utf-8';

* {
  margin: 0;
  padding: 0;
  outline: 0;
}

img {
  border: 0;
}

body {
  color: #232323;
  font-family: "Century Gothic", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  /*	background: rgb(233,233,233);*/
  background: rgb(35,35,35);
  height: 100%;
}

a {
  text-decoration: none;
  color: rgb(220,220,220);
}

a:hover {
  color: #fff;
}

p {
	padding-top: 5px;
	line-height: 16px;
}

.header_content_left p{
font-size: 14px;
}

/* ############################################# STRUCTURE #### */

#wrapper {
  /*background: url('../images/background.png') repeat center top;*/
}

#topline{
  	background: rgb(35,35,35);	
  	height: 5px;
	line-height: 10px;
}

#header {
  background: rgb(233,233,233) url('../images/header_bg_k.png') repeat-x center top;
}

#header_in{
	margin: 0 auto;
	width: 1000px;
  	height: 170px;
}

.index #header_in{
	margin: 0 auto;
	width: 1000px;
  	height: 450px;
}


.logo{
	 background-image: url('../images/logo.png');
	 float: left;
   	 margin: 50px 0 20px 120px;
   	 padding: 0;
   	 width: 200px;
   	 height: 150px;  
}

.logo_o{
	 float: left;
   	 margin: 15px 0 0 120px;
   	 padding: 0;
   	 width: 200px;
   	 height: 150px;  
}


.navigation{
  	float: right;
  	width: 500px;
  	height: 65px;
  	margin: 80px 150px 20px 20px;
  	font-size: 1.0em;
  	letter-spacing:0.25em;	
}

.index .pfeil_l{
	margin: 100px 0 0 50px;
	float: left;
	font-weight: bold;
}

.index .pfeil_r{
	margin: 100px 0 0 20px;
	float: left;
	font-weight: bold;	
}

.index #header .header_content_left{
	width: 380px;
	margin: 70px 20px 20px 80px;
	float: left;
}

.index #header .header_content_left_sub{
	width: 380px;
	margin: 50px 20px 20px 80px;
	float: left;
}

.index #header .header_content_right {
	width: 250px;
	margin: 70px 5px 20px 40px;
	float: left;	
}

#content {
	clear: both;
	float: left;
	width: 100%;
  	background: rgb(224,231,233);
}

#content #content_in{
	margin: 0 auto;
	width: 850px;
	height: auto;
	padding: 20px;
}

#content .left, #content .center, #content .right{
	float: left;
	background: #fff;
  	width: 245px;
  	height: auto;
 	margin: 0 10px 20px 0;
 	padding: 10px 10px 20px 10px;
	background: #f5f5f5;
	border: 1px solid #ddd;

}

.uebersicht {
	width: 240px;
	height: 140px;
}

.leistungen #content .left, .leistungen #content .center, .leistungen #content .right{
	/*margin-top: -60px;	*/
}

/* */


.leistungen #content .main{
  	  background: rgb(224,231,233);
	  border: 0;
}


.leistungen #content .main .box-l,.leistungen #content .main .box-r{
	width: 830px;
	height: auto;
	clear: both;	
	float: left;
	border: 1px solid #ccc;
	background: #f5f5f5;
	padding: 15px;
	box-shadow: 1px 1px 5px #ccc, -1px -1px 5px #ccc;
}

.leistungen #content .main p{
	font-size: 14px;
	line-height: 20px;
}

.leistungen #content .main h2{
	font-size: 26px;
}

.leistungen #content #content_in .main .box-l img{
	float: left;
	margin-right: 25px;
}

.leistungen #content .main .box-r img{
	float: right;
	margin-left: 25px;
}

.leistungen #content .box .text-r{
	float: left;
	wifth: auto;
}

.leistungen #content .box .text-l{
	float: left;
	wifth: auto;
}




#content .main {
	margin-top: 0;
	background: #fff;
  width: 820px;
  height: auto;
 	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #ddd;
}

#content .main a{
	color: rgb(105,135,145);
}

#content .main a:hover{
	color: rgb(180,200,210);
}


#footer {
  	width: 100%;
  	background-color: rgb(35,35,35);
  	color: rgb(220,220,220);
}

#footer_in{
	margin: 0 auto;
	width: 1000px;
  	height: 320px;
}

.topline{
	width: 100%;
	height: 60px;
  	background: rgb(233,233,233) url('../images/header_bg.png') repeat-x center top;	
}

#footer .left{
	float: left;
	width: 300px;
	height: 230px;
	margin: 15px 20px 0 80px;	
	background: url(../images/divider_v.png) no-repeat scroll right center transparent;
}

#footer .right{
	float: right;
	width: 500px;
	height: 230px;
	margin: 15px 20px;		
}

#footer .right p{
padding-top:1px;;
}

#footer .right li{
padding-top:4px;;
}

#footer .line{
	background: url(../images/divider_h_l.png) no-repeat scroll top center transparent;	
	width: 1000px;
	height: 3px;
	margin: 10px 0 10px 0;
}

#footer .line_l {
	width: 300px;
	color: #bbb;
	float: left;
	height: 20px;
	margin: 10px 0 0 80px;	
}

#footer .line_r {
	width: 450px;
	float: right;
	height: 20px;
	margin: 10px 80px;	
	text-align: right;
}



/* ############################################# BOOTSTRAP #### */

.nav-pills{
	margin: 25px 0 0 40px;
	line-height: 30px;
	height: 30px;
}
 .nav-pills>li{
 float:left;
 width: 120px;

 }
 .nav-pills>li>a{
 border-radius:10px;
 padding: 10px;
 font-weight: normal;
 font-size: 14px;
 color: rgb(105,135,145);
 }
 
 .nav-pills>li+li{
 margin-left:2px;
 }
 
 .nav-pills>li.active>a,
 .nav-pills>li.active>a:hover,
 .nav-pills>li.active>a:focus{
 color: #fff;
 background-color: rgb(105,135,145);
 }
 
.nav-pills>li>a:hover,
.nav-pills>li>a:focus{
 color: #fff;
 background-color: rgb(180,200,210);
 }
 
 /* */
 
.nav-pills-more{
	margin-top: 20px;
	line-height: 30px;
	height: 30px;
}
 .nav-pills-more>li{
 float:left;
 width: 200px;
 }
 .nav-pills-more>li>a{
 border-radius:10px;
 padding: 10px;
 color: #fff;
 background-color: rgb(105,135,145);
 }
 .nav-pills-more>li+li{
 margin-left:2px;
 }
 
 .nav-pills-more>li.active>a,
 .nav-pills-more>li.active>a:hover,
 .nav-pills-more>li.active>a:focus{
 color: #fff;
 background-color: rgb(105,135,145);
 }
 
.nav-pills-more>li>a:hover,
.nav-pills-more>li>a:focus{
 color: #fff;
 background-color: rgb(180,200,210);
 }
 
 
/* ############################################# LOGO #### */

h1.logo_t  {
   /*width: 338px;*/
   float: left;
   text-transform: uppercase;
   font-size: 15px;
   letter-spacing:0.10em;
   text-align: center;
   margin-left: 30px;
}

h1.logo_t a {
  font-weight: bold;
  text-decoration:none;
  color: rgb(65,65,65);
  /*background: url(../img/logo.png) no-repeat scroll 0 0 transparent;
  text-indent: -9999px;*/
}

h1.logo_t a span{
 font-weight:normal;
}












/* ############################################# NAVIGATION #### */

  ul.nav li {
   float: left;
   margin: 0 0 0 30px;
   /*padding: 0 10px 0 0;
    height: 27px;*/
   list-style-type: none;
   text-align: center;
  }

  ul.nav span{
 /*     font-size:14px;
      line-height: 27px;
      */

  }
  
    ul.nav li a{
      /*
      font-size:14px;
      line-height: 27px;
      */

    }