/**************************************************'*/
/* locom_styles.css			      					*/
/* copyright 2008 tp-werbeagentur, freiburg		    */
/*											 	    */
/****************************************************/
body {
	background: url("http://img.locom.com/images/locom/body_bg.jpg") 0px 0px repeat-x;
	margin: 0px;
  	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #646466;
	text-align: center;	
}
html, body{
	height: 100%;
}
html[xmlns^="http"]{
         /* verhindert Mozilla-Zucken
          * > Firefox 1.5
          */
         overflow-y: scroll;
}
#containerMain {
	width: 870px;
	height: auto;
	text-align: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
}
/***********************************************/
/*********** Header  ***************************/
/***********************************************/
#header {
  	width: 192px; /*870*/
	height: 209px; /*209*/
	text-align: left;
	margin: 0 0 0 1px;
	padding: 0 20px 0 658px;
	text-align: left;
        background: top left no-repeat;
	overflow: hidden;
}
#lang{
	width: 192px;
	height: 30px;
	text-align: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#news {
  	width: 192px;
	height: 209px;
	margin: 107px 0 0 0;
	padding: 0;
	text-align: left;
	color: #fff;
	overflow: hidden;
}
#navHeader {
  	width: 845px; /*870*/
	height: 108px; /*126*/
	text-align: left;
	margin: 0;
	padding: 18px 17px 0 18px;
	overflow: hidden;
}
/***********************************************/
/*********** navi  *****************************/
/***********************************************/
#nav{
	text-align:left;
	margin: 45px 0 0 0;   
	padding: 0;
	background: url("http://img.locom.com/images/locom/nav_main_bg.jpg") 0px 0px no-repeat;
	height: 38px; /*46*/
	width: 548px; /*556*/
	float: left;
	padding: 2px 4px 6px 4px;
}
#nav ul {     
	padding: 0px;
	margin: 0px;   
	list-style: none; 
	line-height: 1;
} 
#nav ul li {     
	float: left;   
	text-align: left; 
	text-align: center;
}
#nav ul li a {     
	display: block;     
	font: bold 11px/39px  verdana, arial, sans-serif; 
  	margin: 0; 
	padding: 0;
	color: #6e6e6e;
	text-decoration: none;
	background: url("http://img.locom.com/images/locom/nav_bg.jpg") 0px 0px repeat-x;
} 
#nav ul li a:hover, #nav ul li .navActive{
	background: url("http://img.locom.com/images/locom/nav_bg_hover.jpg") 0px 0px repeat-x;
	color: #FFF;
}
#nav ul li.trenner{
	background: url("http://img.locom.com/images/locom/main_nav_trenner.gif") top left no-repeat;
	height: 39px;
	width: 2px;
	font-size: 2px;
	line-height: 2px;
	margin: 0;
	padding: 0;
}
.nocursor{
	cursor: default;
}
/***********************************************/
/*********** Sub-Navi  *****************************/
/***********************************************/
#subNav{
	float: left;
	width: 178px; /*178*/
	padding: 0;
	height: 350px;
	background: url("http://img.locom.com/images/locom/sub_nav_main_bg.jpg") top left no-repeat;
	overflow: hidden;
}
#subNav ul {     
	padding: 0px;
	margin: 0px;   
	list-style: none; 
	line-height: 1;
} 
#subNav ul li {      
	text-align: left; 
}
#subNav ul li a {     
	display: block;     
	font: bold 12px/26px verdana, arial, sans-serif; 
  	margin: 0; 
	padding: 0 17px 0 17px;
	color: #707070;
        white-space: nowrap;
	text-decoration: none;
	background: transparent;
	width: 140px;
} 
#subNav ul li a:hover, #subNav ul li .navActive{
	background: url("http://img.locom.com/images/locom/sub_nav_bg_hover.jpg") top left repeat-x;
	color: #FFF;
}
#subNav ul li ul li a {     
	display: block;     
	font: bold 12px/26px verdana, arial, sans-serif; 
  	margin: 0; 
	padding: 0 17px 0 30px;
	color: #707070;
	text-decoration: none;
	background: transparent;
	width: 127px;
} 
#subNav ul li ul li  a:hover, #subNav ul li ul li  .navActive{
	background: transparent;
	color: #ff9900;
}
#subNav ul li.trenner{
	background: url("http://img.locom.com/images/locom/sub_nav_trenner.gif") top left no-repeat;
	height: 2px;
	font-size: 2px;
	line-height: 2px;
	margin: 0;
	padding: 0;
}









/***********************************************************************************/
/******** MainContent **************************************************************/
/***********************************************************************************/
#containerContentTop{
	background: url("http://img.locom.com/images/locom/content_top_bg.gif") 17px 0px no-repeat;
	width: 870px;
	height: 60px;
}
#containerContent{
	/* width: 769px; */
	/* padding: 0 49px 18px 52px; */
        padding: 0 49px 18px 37px;
        width: 784px;
	overflow: hidden;
	background: url("http://img.locom.com/images/locom/content_bg.gif") 17px 0px repeat-y;
}
#textContent_2_1{
	float: left;
	/* width: 568px; */
	/* padding: 0px 23px 0px 0px; */
        width: 568px;
	padding: 0px 23px 0px 15px;
	line-height: 16px;
	font-size: 11px;
	/* color: #333; */
	color: #363636;
}
#textContent_1_2_1{
	float: left;
	/* width: 370px; /*396*/
	width: 393px;
	padding: 0px 23px 0px 10px;
	line-height: 16px;
	font-size: 11px;
	/* color: #333; */
	color: #363636;
}
#textContent_1_2{
	float: left;
	width: 571px; /*396*/
	padding: 0px 0px 0px 20px;
	line-height: 16px;
	font-size: 11px;
	/* color: #333; */
	color: #363636;
}
#textContent_2_1 h1.headlineHome{
	/* height: 32px; */
	font: normal 26px/32px verdana, arial, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0;
	color: #2082bf;
}
#textContent_2_1 h1, #textContent_1_2_1 h1, #textContent_1_2 h1{
	/* height: 24px; */
	font: normal 21px/24px verdana, arial, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0;
	color: #2082bf;
}
#textContent_2_1 h2, #textContent_1_2_1 h2, #textContent_1_2 h2{
	/* height: 16px; */
	font: bold 14px/17px verdana, arial, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

#contentBox, .boxStandard, .boxSpecial{
	width: 178px;
	height: auto;
	float: left;
}

.contentBoxTop{
	width: 178px;
	line-height: 7px;
	height: 7px;
	font-size: 7px;
	background: url("http://img.locom.com/images/locom/box_top_bg.gif") 0px 0px no-repeat;
}
.boxStandard .contentBoxMiddle{
	/* width: 138px; */
	width: 158px;
	height: auto;
	line-height: 14px;
	font-size: 10px;
	background: url("http://img.locom.com/images/locom/box_middle_bg.gif") 0px 0px repeat-y;
	/* padding: 0 20px 5px 20px; */
	padding: 0 10px 5px 10px;
}
.boxStandard .contentBoxMiddle h1{
	/* height: 16px; */
	font: normal 16px/18px verdana, arial, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0;
	color: #2082bf;
}
.boxSpecial .contentBoxMiddle{
	width: 138px;
	height: auto;
	line-height: 14px;
	font-size: 10px;
	background: url("http://img.locom.com/images/locom/box_middle_bg.gif") 0px 0px repeat-y;
	padding: 0 20px 5px 20px;
	font-weight: bold;
}
.boxSpecial .contentBoxMiddle h1{
	height: 16px;
	font: bold 16px/18px verdana, arial, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0;
	color: #ff9900;
}
.contentBoxBottom{
	width: 178px;
	line-height: 7px;
	height: 7px;
	font-size: 7px;
	background: url("http://img.locom.com/images/locom/box_bottom_bg.gif") 0px 0px no-repeat;
	margin: 0 0 11px 0;
}
#containerContentBottom{
	background: url("http://img.locom.com/images/locom/content_bottom_bg.gif") 17px 0px no-repeat;
	width: 870px;
	height: 20px;
}
/*************************************************************/
/* footer  */
/*************************************************************/
#footer{
	color: #666;
	padding: 0 40px 0 20px;
	text-align: right;
	font-size: 10px;
	width: 810px;
	/* background: #EEE; */
	line-height: 32px;
}


/*************************************************************/
/*-- Links ----------------*/
/*************************************************************/
a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
	font-size: 11px;
}
a:link {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
a:hover {

	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
a:active {
	font-weight: bold;
	color: #000;
}
.contentBoxMiddle .black {
 color: #333333;
text-decoration: none;
}
.contentBoxMiddle .black:link {
color: #333333;
text-decoration: none;
}
.contentBoxMiddle .black:visited {
color: #333333;
text-decoration: none;
}
.contentBoxMiddle .black:hover {
color: #333333;
text-decoration: underline;
}
.contentBoxMiddle .black:active {
color: #333333;
text-decoration: none;
}
/*************************************************************/
/*---------------Sonder-Links-----------------------*/
/*************************************************************/

#lang a:link {
	color: #646466;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
}
#lang a:visited {
	color: #646466;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
}
#lang a:hover, #lang a.navActive {
	color: #ff9900;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
}
#lang a:active {
	color: #ff9900;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
}

#news a:link {
	color: #FFF;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 5px;
	display: block;
}
#news a:visited {
	color: #FFF;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 5px;
	display: block;
}
#news a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration: underline;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 5px;
	display: block;
}
#news a:active {
	color: #FFF;
	font-weight:normal;
	text-decoration: underline;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 5px;
	display: block;
}

.contentBoxMiddle a.boxMehrLink {
	margin: 5px 0 0 75px;
}

.contentBoxMiddle a.boxMehrLink:link, .contentBoxMiddle a.mark:link{
	font-weight:bold;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
	padding-left: 22px;
	display: block;
	background: url("http://img.locom.com/images/locom/mehr_link_pfeil.gif") 0px 2px no-repeat;
	color: #646466;
}
.contentBoxMiddle a.boxMehrLink:visited, .contentBoxMiddle a.mark:visited {
	font-weight:bold;
	text-decoration: none;
	font-size: 10px;
	padding-left: 22px;
	display: block;
	background: url("http://img.locom.com/images/locom/mehr_link_pfeil.gif") 0px 2px no-repeat;
	color: #646466;
}
.contentBoxMiddle a.boxMehrLink:hover, .contentBoxMiddle a.mark:hover {
	font-weight:bold;
	text-decoration: none;
	font-size: 10px;
	padding-left: 22px;
	display: block;
	background: url("http://img.locom.com/images/locom/mehr_link_pfeil.gif") 0px 2px no-repeat;
	color: #646466;
}
.contentBoxMiddle a.boxMehrLink:active, .contentBoxMiddle a.mark:active{
	font-weight:bold;
	text-decoration: none;
	font-size: 10px;
	padding-left: 22px;
	display: block;
	background: url("http://img.locom.com/images/locom/mehr_link_pfeil.gif") 0px 2px no-repeat;
	color: #646466;
}

.contentBoxMiddle a:link {
	color: #ff9900;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
}
.contentBoxMiddle a:visited {
	color: #ff9900;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
}
.contentBoxMiddle a:hover {
	color: #ff9900;
	font-weight:normal;
	text-decoration: underline;
	font-size: 10px;
	line-height: 14px;
}
.contentBoxMiddle a:active {
	color: #ff9900;
	font-weight:normal;
	text-decoration: underline;
	font-size: 10px;
	line-height: 14px;
}
.boxSpecial .contentBoxMiddle a{
	font-weight: bold;
}

#footer a:link {
	color: #646466;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
}
#footer a:visited {
	color: #646466;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
}
#footer a:hover {
	color: #000;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
}
#footer a:active {
	color: #000;
	font-weight:normal;
	text-decoration: none;
	font-size: 10px;
}
/*************************************************************/
.floatKiller{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
/*************************************************************/
/*************************************************************/
/*  Formulare */
/*************************************************************/
form {
	padding: 0px;

	margin: 0px;
	display: inline;
}

input, select, textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;	
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	border: 1px solid #d2d2d2;
	padding: 2px;
	background: #FFF;
	float: left;
}
form br{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;

	margin: 0px;

	padding: 0px;
}
.labelData{
	float: left; 
	width: 65px;
	margin: 1px 5px 5px 0px;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #6e6e6e;
}
.labelInput{
	float: left; 
	width: 294px;
	margin: 0px 0px 8px 0px;
	font-size: 12px;
	background: #FFF;
	color: #6e6e6e;
}
.labelTextarea{
	float: left; 
	width: 294px;
	height: 100px;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	background: #FFF;
	color: #6e6e6e;
}
/*************************************************************/
/*************************************************************/
/******** Tabellen Layout **********/
/*************************************************************/
table, tr, td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #646466;
}

table{
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	text-align: center;
	width: 100%;
}
table th, table td{
	padding: 5px 5px 5px 5px;
	background: #F2F2F2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
table td.bez{
	padding: 0 10px 5px 0;
	background: #b1d3ea;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #d2d2d2;
}
table td.spez{
  background: #FFFFFF;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
}


/*************************************************************/
/******** LOCOM Extensions **********/
/*************************************************************/
hr { 
 clear: both;
 margin: 10px 0 20px 0;
 border: 0;
 border-top:dashed #ccc 1px;
 height:1px;
}
a.textLink {
 font-weight: normal;
 color: #363636;
 text-decoration: underline;
}
.newsDate {
 font-size: 0.9em;
 font-style: italic;
 color: #bbb;
}
img {
 border: 0;
}
p {
 margin-top: 7px;
 margin-bottom: 7px;
}
img.inlineLeft {
 float: left;
 margin: 5px 7px 5px 0;
}
img.inlineRight {
 float: right;
 margin: 5px 0 5px 7px;
}
div.readMoreBox {
 width: 100%;
 margin-top: 25px;
}
div.readMoreBox h5 {
 width: 100%;
}
div.contentBox {
 float: left;
 margin: 3px 7px 5px 0;
}
div.contentBox, div.readMoreBox, div.imageBox {
 background-color: #f3f3f3;
}
div.contentBox h4, div.readMoreBox h5 {
 text-indent: 7px;
/* text-transform: uppercase; */
 font-size: 0.9em;
 color: #444;
 font-weight: bold;
 padding: 2px 0;
 margin: 0;
}
div.contentBox div, div.readMoreBox div {
 background-color: #fff;
 padding: 5px;
 border: 1px solid #ccc;
 margin: 0 5px 5px 5px;
}
div.contentBox div strong, div.readMoreBox div strong {
 color: #2082bf;
}
div.contentBox ul, div.readMoreBox ul {
 list-style-image: url(http://img.locom.com/images/locom/arrow_small.gif);
 padding: 0;
 margin: 0 0 0 15px;
}
div.imageBox {
 padding-top: 5px; 
}
div.imageBox img {
 background-color: #fff;
 padding: 5px;
 border: 1px solid #ccc;
 margin: 0 5px 5px 5px;
}
div.left {
 float: left;
 margin: 3px 7px 5px 0;
}
div.right {
 float: right;
 margin: 3px 0 5px 7px;
}
div.imageBox p {
 text-align: center;
 color: #444;
 font-size: 9px;
 line-height: 14px;
 margin: -4px 0 5px 0;
 padding: 0 3px;
}
.mark {
 background: url("http://img.locom.com/images/locom/mehr_link_pfeil.gif") 0px 2px no-repeat;
 padding-left: 22px;
}
ul.mark {
 list-style-type: none;
 background: none;
}
ul.mark li {
 background: url("http://img.locom.com/images/locom/mehr_link_pfeil.gif") 0px 2px no-repeat;
 padding-left: 22px;
}
ul.mark li:hover {
 text-decoration: underline;
}
.fakeLink {
 cursor: pointer;
 cursor: hand;
 font-weight: bold;
 color: #333;
}
/*Thickbox*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:300;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 302;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:303;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

* html #searchbox {
width: 150px;
overflow: hidden;
}