*{
	margin:0;
	padding:0;
}

@font-face {
    font-family: roboto;
    src: url(fonts/roboto/Roboto-Regular.ttf);
    font-weight:normal;
}

@font-face {
    font-family: robotolight;
    src: url(fonts/roboto/Roboto-LightItalic.ttf);
    font-weight:normal;
}

body, html
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}

a
{
	text-decoration:none;
	color:#3474A4;
}

.in_text_box h1, .in_text_box h2{
		font-family:roboto, Helvetica, sans-serif;
		font-size:17px;
		font-weight:normal;
		margin-bottom:12px;
	}
	
	.in_text_box h3{
		font-family:roboto, Helvetica, sans-serif;
		font-size:14px;
		font-weight:normal;
		margin-bottom:5px;
	}

.index_kreis{
	/*background-image: url("img/bg_kreis.png");*/
	color: #FFFFFF;
    float: left;
    font-family: robotolight, Helvetica, sans-serif;
    font-size: 65px;
    height: 380px;
    line-height: 1.2;
    margin: 155px 0 0 10px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 1000px;
}

.travanto_header{
	width:1000px;
	height: 110px;
	margin:0 auto;
	padding:20px 25px 0 25px;
	background-color:#FFFFFF;
}

.travanto_header a img{
	border:none;
	text-decoration:none;
	outline:none;
}

.social{
	float: right;
    margin-top: 85px;
    position: absolute;
    text-align: right;
    width: 1000px;
}

.social a{
	border:none;
	float:right;
	text-decoration:none;
}

a.social_facebook{
	background-image:url(img/facebook.png);
	width:28px;
	height:20px;
}

a.social_facebook:hover{
	background-image:url(img/facebook_dark.png);
}

a.social_twitter{
	background-image:url(img/twitter.png);
	width:25px;
	height:20px;
}

a.social_twitter:hover{
	background-image:url(img/twitter_dark.png);
}

a.social_googleplus{
	background-image:url(img/googleplus.png);
	width:26px;
	height:20px;
}

a.social_googleplus:hover{
	background-image:url(img/googleplus_dark.png);
}

a.social_xing{
	background-image:url(img/xing.png);
	width:26px;
	height:20px;
	margin-right:3px;
}

a.social_xing:hover{
	background-image:url(img/xing_dark.png);
}

.main_body{
	width:102%;
	height:720px;
	margin-bottom:10px;
	background-image:url(img/bg_start.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #FFF;
}

.main_body_portal{
	width:102%;
	height:720px;
	margin-bottom:10px;
	background-image:url(img/bg_portale.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #FFF;
}

.main_body_werbung{
	width:102%;
	height:720px;
	margin-bottom:10px;
	background-image:url(img/bg_werbung.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #FFF;
}

.main_body_kooperation{
	width:102%;
	height:720px;
	margin-bottom:10px;
	background-image:url(img/bg_kooperation.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #FFF;
}

.main_body_wir{
	width:102%;
	height:720px;
	margin-bottom:10px;
	background-image:url(img/bg_wir.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #FFF;
}

.main_body_buero{
	width:102%;
	height:720px;
	margin-bottom:10px;
	background-image:url(img/bg_buero.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #FFF;
}

.content_in{
	width:1000px;
	margin:0 auto;
	height:720px;
	padding:0 25px;
}

.main_navi ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
  float:left;
}

.main_navi li.topmenue {
  float:left;
  width:159px;
}

.main_navi li a:hover {
  float:left;
}

.extra_menue a:hover, .extra_menue a:active{
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	position:relative;
	behavior:url(htc/PIE.htc); 
	}

.topmenue a {
  	float:left;
}

.topmenue ul{
  display:none;
  background:url(img/bg_transparent.png) transparent;
  width:144px;
  float:left;
  padding:0 0 8px 0;
  margin-left: 15px;
  -webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	position:relative;
	behavior:url(htc/PIE.htc); 
}

li.submenue{
	background:none;
	float:left;
}

.submenue a{
  	color: #3B6EA3;
    font-size: 12px;
    padding: 1px 10px;
	font-family:roboto, Helvetica, sans-serif;
	width:124px;
  position:relative;
  clear:both; /* special IE6 */
}

li.submenue a:hover{
	background-color: #ACC5E4;
	padding:1px 10px;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.main_nav a:hover, .topmenue.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
}

/*
.topmenue:hover ul {
  display:block;  
  z-index:500;
}
*/

.main_navi{
	float:right;
	margin: 15px 0 0 0;
	height: 39px;
	height: 37px\9;
	
}

body:nth-of-type(1) .main_navi{height: 37px;}



.main_navi_point{
	font-family: roboto, Helvetica, sans-serif;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	padding:2px 8px;
	margin-left:15px;
	background-color:#FFFFFF;
	color:#3b6ea3;
	font-size:17px;
	text-align:center;
	width: 128px;
	float:left;
	position:relative;
	behavior:url(htc/PIE.htc);
}

.main_navi_point:hover{
	background:url(img/bg_transparent.png) transparent;
}

.main_navi_point_aktiv{
	font-family: roboto, Helvetica, sans-serif;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0; 
	padding:2px 8px 15px 8px;
	margin:0 0 0 15px;
	height:20px;
	background:url(img/bg_transparent.png) transparent;
	background-repeat:repeat;
	color:#3b6ea3;
	font-size:17px;
	text-align:center;
	width: 128px;
	float:left;
	position:relative;
	behavior:url(htc/PIE.htc);
}

.unter_content{
	margin:0 auto;
	width:1000px;
	float: left;
	height:668px;
}

.kompetenzen_text{
	margin-left: 61px;
	width: 523px;
	height:700px;
	float:left;
}

.kompetenzen_text .text_box{
	-webkit-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
	position:relative;
	behavior:url(htc/PIE.htc);
}

.kompetenzen_info_text{
    color: #FFFFFF;
    float: left;
    font-family: robotolight,Helvetica,sans-serif;
    font-size: 40px;
    margin-left: 45px;
    margin-right: -60px;
    margin-top: 300px;
    width: 250px;
}

.portale_text{
	margin-left:220px;
	width: 523px;
	height:700px;
	float:left;
}

.portale_text .text_box{
	-webkit-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
	position:relative;
	behavior:url(htc/PIE.htc);
}

.portale_info_text{
    color: #FFFFFF;
    float: left;
    font-family: robotolight,Helvetica,sans-serif;
    font-size: 40px;
    margin-left: 45px;
    margin-right: -60px;
    margin-top: 300px;
    width: 250px;
}

.werbung_text{
	width: 523px;
	height:700px;
	float:left;
}

.werbung_info_text{
	color: #FFFFFF;
    float: left;
    font-family: robotolight, Helvetica, sans-serif;
    font-size: 40px;
    margin-left: 54px;
    margin-right: -50px;
    margin-top: 400px;
    width: 283px;
}

.kooperation_text{
	float: left;
	margin-left:141px;
    height: 700px;
    width: 541px;
}

.kooperation_info_text{
	color: #FFFFFF;
    float: left;
    font-family: robotolight, Helvetica, sans-serif;
    font-size: 40px;
    margin-left: 50px;
    margin-top: 330px;
    width: 250px;
}

.wir_text{
	float: left;
    height: 700px;
    width: 541px;
}

.wir_info_text{
	color: #FFFFFF;
    float: left;
    font-family: robotolight, Helvetica,sans-serif;
    font-size: 40px;
    margin-left: 50px;
    margin-top: 380px;
    width: 250px;
}

.buero_text{
	float: right;
	margin-right: 0;
    height: 700px;
    width: 541px;
}

.buero_info_text{
	color: #FFFFFF;
    float: left;
    font-family: robotolight, Helvetica,sans-serif;
    font-size: 40px;
    margin-left: 210px;
    margin-top: 498px;
    width: 200px;
}

.unter_navi{
	background:url(img/bg_transparent.png) transparent;
	background-repeat:repeat;
    float: right;
    height: 98px;
    margin: 0;
    padding: 0;
    width: 144px;
	color:#233e6b;
}

.unter_navi > a{
	color:#233e6b !important;
	float: left;
    width: 124px;
	font-size:12px;
	padding:1px 10px;
	cursor:pointer;
}

.unter_navi a.aktiv, .unter_navi a:hover{
	color:#233e6b;
	font-size:12px;
	padding:1px 10px;
	background-color:#acc5e4;
}


.unter_navi > a.unter_navi_point_presse {
	padding: 1px 4px 1px 15px;
    width: 125px;
}

.text_box{
	-webkit-border-radius: 4px 0 4px 4px;
	border-radius: 4px 0 4px 4px;
	background:url(img/bg_transparent.png) transparent;
	background-repeat:repeat;
    float: right;
	width: 523px;
	max-height: 555px;
	position:relative;
	behavior:url(htc/PIE.htc);
}

.in_text_box{
	color: #223E6E;
	line-height:1.5;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    max-height: 480px;
    margin: 30px 0 30px 25px; 
    padding-right: 15px;
    width: 485px;
}

.in_text_box ul{
	list-style:square;
	margin: 0 0 0 15px;
}

.in_text_box li{
	margin:0 0 8px 0;
}

.blue{
	float:none;
	color:#3474A4;
}

.content_scroll{
	width:490px; 
	height:480px; 
	overflow:auto;
	}


.content {
	margin: 0; 
	padding:0;
	width: 100%; 
	text-align:left;
}

.presse_box{
	float: left;
    margin-bottom: 35px;
    width: 460px;
	line-height: 1.3;
}

.presse_box_img{
	width:110px;
	height:110px;
	margin-right:10px;
	float:left;
}

.presse_box_text{
	border-bottom: 1px solid #acc5e5;
    float: left;
    padding-bottom: 10px;
    width: 335px;
}

.presse_box_text h2{
	font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
}

.presse_box_datum{
	font-size:11px;
}

.presse_mehr{
	margin-top:4px;
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
	}
	
.presse_box_alt{
	float: left;
    line-height: 1.3;
    margin-bottom: 35px;
    margin-left: -15px;
    width: 426px;
}

.presse_box_text_alt{
	border-bottom: 1px solid #acc5e5;
    float: left;
    padding-bottom: 10px;
    width: 300px;
}

.presse_box_text_alt h2{
	font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
}

.travanto_footer{
    margin: 0 auto;
    width: 1000px;
	margin-bottom:40px;
	text-align:right;
	}
	
.travanto_footer a{
    margin: 0 0 0 10px;
	color:#94bbd8;
	}
	
.travanto_footer a:hover{
	text-decoration:underline;
	}