@charset "utf-8";
/* CSS Document */

  
/*************
 * BASIC
 *************/ 
 
#container{ width: 100%; }
#containerIn{ width: 964px }
#top{ height: 250px; }
#logo{ }

#hmenu{ }
#hmenuInner{  }

#header{ width: 100%; height: 555px; }
#headerOverlay{  width: 100%; height: 289px;  }
#headerImage{ }

#main{ }
#mainIn{}
#mainLeft{ width: 250px; }
#mainLeftIn{}
#pagetitle{ }
#content{ }
#mainRight{ width: 734px; }
#infocenter{ }

#footer{}
#service{}

.contentLayer{ width: 237px; }
.contentLayerButton{ height: 40px; }
.contentLayerContent{ height: 212px; }
.contentLayerContent .clcIn{ height: 207px; width: 211px; }

/******************** 
 * FORMAT: Standard
 ********************/

body, h3, h2, h1, p, form, input, textarea, select, div, table, a, ul{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 140%;
	color: #6C7A8C;
	}
input, textarea, select{ color: #000000; }
body, table, td, h3, h2, h1, div, span, form {
	margin: 0px;
	padding: 0px;
	}

p{ margin: 8px 0; }

/* tables */
table.contenttable, table.anfragetable{ margin: 6px 0px; }
#content td p, #content td ul { margin: 2px 0px; font-size: 11px; }
td{ vertical-align: top; }

/* links */
a img{ border: none medium; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img.iconImg,div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img.iconFile {
	border: none medium;
	padding:0;
}
a{
	text-decoration: none; 
	}
a:hover{ text-decoration: none; }

/* liste */
ul{ padding-left: 30px;	}
#content ul li{ padding: 2px 0px; }	
	
/********************
 * FORMAT: Layout
 ********************/

#container{
	position: absolute;
	z-index: 111;
	 }
#containerIn{ margin: 0 auto; }
#top{ }
#topIn{ float: right }
#logo{ float: left; }

#hmenu{ }
#hmenuInner{  }

#header{
	position: absolute;
	z-index: 0;
	overflow: hidden;
	}
#headerOverlay{
	position: absolute;
	z-index: 11;
	bottom: 0;
	}
#headerImage{
	position: absolute;
	z-index: 10;
	}

#main{ }
#mainIn{}
#mainLeft{
	position: absolute;
	z-index: 55;
	margin: 0;
	}
#mainLeftIn{ padding-top: 230px; }
#pagetitle{ margin: 0 0 1px 18px; }
#pagetitle h1{ padding: 2px 0 2px 36px; }
#content{
	min-height: 700px;
	}
#contentIn{ padding: 34px 34px 0 54px; }
#mainRight{ 
	position: absolute;
	z-index: 56;
	margin-left: 229px;
	}
#infocenter{ }
.footer p{ color: #999999; }
.footer{ margin-top: 215px; padding: 0 10px 0 20px; }
#service span, #service div, #service a{ color: #666666; }
.break{ clear: both; }

.maus, .contentLayerButton, #hmenuButton{ cursor: hand; cursor: pointer; }

#service span.icon_flag_de a, #service span.icon_flag_en a, #service span.icon_facebook a, #service span.icon_twitter a{
	width: 23px;
	height: 21px;
	display: block;
	float: right;
}


#layerTable td{ vertical-align: top; }

#topIn .contentLayer p, #topIn .contentLayer a, #topIn .contentLayer a:hover {color:  #FFFFFF; }
#topIn .contentLayer .clcIn p{ padding: 3px 6px; }

.contentLayer{	margin-right: 1px; margin-top: -212px;	}
.contentLayerContent{ overflow: hidden; }
.contentLayerContent .clcIn{ overflow: hidden; }
.contentLayerButton h3{ padding: 10px 0 0 25px; margin-left: 0px }
.contentLayerContent{ padding-left: 13px; }

#googlemap .gLeft{ float: left; margin-bottom: 20px; }
#googlemap .gRight{ float: right; margin-bottom: 20px; }

/********************
 * FORMAT: Menus
 ********************/
 
.hmenu_ul, ul.hmenu_ul, ul.submenu_ul, ul.service_ul, ul.sitemapSub_ul, #submenu_ul, ul.hmenu2_ul{
	padding: 0px;
	margin: 0px;
	list-style: none; 
}

.hmenu_ul .hmenu_li a,
.hmenu_ul .hmenu_li_active a{
	height: 26px;
	display: block;
	background-color: #D4D9DF;
    margin-bottom: 1px;
	}
.hmenu_ul .hmenu_li_active a{ height: 32px; }
.hmenu_ul .first_li a{  }
/*.hmenu_ul .hmenu_li_active a, .hmenu_ul .hmenu_li a:hover{ background-color: #4D1211; }*/

.hmenu_ul .hmenu_li a, .hmenu_ul .hmenu_li_active a{ display: block; } 

ul.submenu_ul{ margin: 6px 0 13px 0; }
ul.submenu_ul li a{
    font-size: 12px;
    line-height: 20px;
    padding-left: 15px;
    display: block;
	}
ul.submenu_ul li a:hover{
    background-color: #E51610;
    color: #FFFFFF;
	}
ul.service_ul{  }
ul.service_ul li{ padding-left: 15px; }
ul.service_ul li a{ color: #6C7A8C; padding-left: 18px; }
ul.service_ul li a:hover{
    background: none;
    color: #6C7A8C;
	}

#service .s_li{ float: right; }
#service .s_li a:hover{ text-decoration: underline; }

/********************
 * FORMAT: Bilder
 ********************/ 
#headerOverlay{
	background-image: url(../images/overlay.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
#content{
	background-image: url(../images/content_hg.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
#pagetitle{
	background-image: url(../images/pagetitle_hg.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
.hmenu_ul .hmenu_li_active a{
    background: none;
	background-image: url(../images/hmenu_aktiv_hg.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
ul.service_ul li a{
    background: none;
    background-image: url(../images/icon.png);
	background-position: 0px -238px;
	background-repeat: no-repeat;
	}
ul.service_ul li a:hover{
    background-image: url(../images/icon.png);
	background-position: 0px -281px;
	background-repeat: no-repeat;
	}
#service span.icon_flag_de a, #service span.icon_flag_en a, #service span.icon_facebook a, #service span.icon_twitter a{
    background-image: url(../images/icons.gif);
    background-repeat: no-repeat;
}
#service span.icon_flag_de a, #service span.icon_flag_de a:hover{  background-position: 0px -5px; text-decoration:none; }
#service span.icon_flag_en a, #service span.icon_flag_en a:hover{  background-position: -23px -5px; text-decoration:none; }
#service span.icon_facebook a, #service span.icon_facebook a:hover{ background-position: -50px -5px; text-decoration:none; }
#service span.icon_twitter a, #service span.icon_twitter a:hover{ background-position: -73px -5px; text-decoration:none; }



.contentLayer{
	background-image: url(../images/top_hg.png);
    background-position: left top;
    background-repeat: repeat;
	}
#contentLayerC1 .clcIn, #contentLayerC2 .clcIn, #contentLayerC3 .clcIn{
	background-image: url(../images/startcontent_hg.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
	}
#contentLayerC2 .clcIn{ background-position: -230px 0; }
#contentLayerC3 .clcIn{ background-position: -460px 0; }

.contentLayerButton h3{
	background-image: url(../images/icon.png);
    background-position: -132px -128px;
    background-repeat: no-repeat;
}