/* CSS Document */

/* Basic */

#container{ width: 956px; }

#top{ height: 271px; }
#top_inner{ width: 942px; }
#logo{ height: 90px; width: 942px; }
#header{ height: 230px; }
#hmenu{ height: 30px; width: 706px; }
#suche{ height: 30px; width: 236px; }
#flag{ width: 16px; }

#main{}
#left{ width: 216px; }
#submenu{}
#servicecenter{}

#middle{ width: 491px; }
#pagetitle{}
#content{}

#right{ width: 235px; }
#breadcrump{}
#contentright{}

#footer{ height: 70px; }
#footer_inner{} 

.hmenu_item, .hmenu_item_active{ width: 141px; }
.csc-frame-red-bottom{ padding-top: 4px; }
.csc-frame-download, .csc-frame-video{ height: 62px; }

/* Format */
/* Standards */
body, h3, h2, h1, p, form, input, textarea, div, table{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 140%;
	color: #57585A;
	font-weight: normal;
	}
body, table, td, h3, h2, h1, div, span {
	margin: 0px;
	padding: 0px;
	}
td p { font-size: 11px; }
a{ text-decoration: none; }
td{ vertical-align: top; }
ul{ padding-left: 14px; }

/* Userdefine */
#container{ margin: 0 auto; }

#top{}
#top_inner{ 
	padding: 4px 0px 7px 7px; 
	position: absolute;
	z-index: 2;
	}
#logo{ 
	position: absolute;
	z-index: 9;
	top: 0;
	}
#logo{ text-align: center; } 
#header{ overflow: hidden; }
#hmenu{ float: left; }
#suche{ float: right; }

#flag{
	position: absolute;
	z-index: 0;
	margin-left: 956px;
	margin-top: 3px;
	}
#flag a{ margin-bottom: 1px; }

#main{ padding: 7px; }
#left{ float: left; }
#submenu{ margin-bottom: 40px; }
#servicecenter{}

#middle{ float: left; margin-top: 33px; }
#pagetitle{}
#content{ padding-right: 15px; padding-top: 13px; }
#content p, #content h2{ margin: 0px; padding-bottom: 8px; }
#content .content_block, #content .csc-frame-grau{ margin-bottom: 30px; }
#content .csc-frame-grau .content_block{ margin-bottom: 0px; }

#right{ float: right; }
#breadcrump{ margin-bottom: 20px; padding-left: 10px; }
#contentright{}

#footer{ margin-top: 30px; }
#footer ul li{ color: #FFFFFF; }
#footer_inner{ padding: 46px 7px 7px 18px; }
*+html #footer_inner{ padding-top: 44px }
#footer_inner p{ margin: 0px; }
#left h3{ 
	padding-top: 31px; 
	margin-bottom: 25px;
	padding-left: 27px;
	}
#bildergalerie{ display: none; }
.clear{ clear: both; }
.fontWhite, .csc-frame-red p, .csc-frame-red ul, .quickmenu_ul a{ color: #FFFFFF; }
.csc-frame-red h2{ padding-top: 0px; }
.csc-frame-red ul{ 
	margin-bottom: 0px; 
	padding-bottom: 2px;	
	}
.csc-frame-hidden{ display: none; }
.csc-frame-grau{ background-color: #F0F0F0; }
.csc-frame-grau .csc-frame-inner{ padding: 5px 5px 5px 17px; }
.csc-frame-grau ul li{ list-style-image: url(../images/arrow_flame.jpg); }
.umbruch{ float: left; }
.googlemap{ width: 461px; }
.googlemap_inner{ padding: 5px 0 5px 5px; }

/* Frames */
.csc-frame-red .csc-frame-inner{ padding: 5px 18px 0px 10px; }
.csc-frame-red p{ margin: 0px; padding-bottom: 6px; }
.csc-frame-red h2{ margin-bottom: 10px; }
.csc-frame-red, .csc-frame-red-bottom{	margin-left: 10px; }

.csc-frame-download, .csc-frame-video{ margin-bottom: 10px; }
.csc-frame-download .csc-frame-inner,
.csc-frame-video .csc-frame-inner{ padding: 7px 18px 0px 23px; }

/* Menüs */
ul.hmenu_ul, ul.submenu_ul, ul.service_ul, ul.quickmenu_ul{
	padding: 0px;
	margin: 0px;
	list-style: none; 
	padding-right: 20px;
}
.quickmenu_ul li { display: inline; }
ul.quickmenu_ul{ float: right; }
.quickmenu_ul a{ text-transform: uppercase; }

ul.service_ul{ margin-top: 8px; }
li.service_li a, li.submenu_li a, li.submenu_li_active a{ 
	padding: 0px 0px 0px 15px; 
	margin-bottom: 1px;
	}

.hmenu_item a, .hmenu_item_active a,
li.service_li a, li.submenu_li a, li.submenu_li_active a,
li.hmenu_li a, li.hmenu_li_active a{ 
	display: block; 
	}
.hmenu_item a, .hmenu_item_active a{ text-align: center; }
.hmenu_item, .hmenu_item_active{ float: left; }	

.submenu_li a:hover, .submenu_li_active a{ background-color: #CA1F27; }

#breadcrump span a{ color: #999999; }
#breadcrump span a:hover, #breadcrump span.aktiv a{ text-decoration: underline; }

/* Backgrounds */
body{}

#top{
	background-image:url(../images/header_hg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
#hmenu{
	background-image:url(../images/hmenu_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
#suche{
	background-image:url(../images/suche_hg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	}
#footer{
	background-image:url(../images/footer_hg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	}
	
.hmenu_item a:hover, .hmenu_item_active a{
	background-image:url(../images/hmenu_aktiv_hg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
.hmenu_item a:hover{ background-image:url(../images/hmenu_over_hg.jpg); }

#submenu, #servicecenter{
	background-image:url(../images/submenu_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
.csc-frame-red{
	background-image:url(../images/red_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	}
.csc-frame-red-bottom{
	background-image:url(../images/red_bottom_hg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.csc-frame-download{
	background-image:url(../images/download_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
.csc-frame-video{
	background-image:url(../images/video_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
.googlemap{ 
	background-image:url(../images/border_maps.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
