@CHARSET "UTF-8";

/* ##################################################
 * #												#
 * # HOCHZWEI Stylesheet							#
 * #												#
 * # Autor: Julia Zehentner							#
 * # 												#
 * # Datum: 05.01.2010								#
 * # 												#
 * ################################################## 
 */

.blauBG .csc-textpic-text{
	padding-top:10px;
	display: table;
}

body, * {
	margin:0;
	padding:0;
}


#sub32 {
	display:none;
}

.mid {
	
}

.floatLeft { float:left; }
.floatRight { float:right; }
.clearBoth { clear:both; }

html, body {
	height:100%;

}

body {
	background: url(../img/navi_bg.png) top left repeat-x;					/*für IE 6 anders*/
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	color:#4b4b4b;
	line-height:1.8em;
}
#bgnavimg {
	background: url(../img/navi_bg.png) top left repeat-x;					/*für IE 6 anders*/
	z-index: 2;
	position: absolute;
	top: 0;
	width: 100%;
	height: 55px;
	z-index: 2;
}

#bgimg {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#bgimg img {
	width: 100%;
	height: 100%;
}



#frame{
	position: relative;
	z-index: 3;
	width:982px;
	margin:auto;
}

#top{
	position: relative;
	width:958px;
	padding: 0 12px;
	height:40px;
	margin-bottom:10px;
}

#lang{
	height:40px;
	background: url(../img/divider.png) top left no-repeat;
	z-index: 101;
	width: 90px;
}

#navi{
	height:60px;
	/* position: absolute; */
	left: 98px;
}

#navi li{
	float:left;
}

#navi2 {
}

#pic{
	width:958px;
	height:351px;
	/*background:#ffffff;*/
	margin: 0 0 0 12px;
	
}

#standSub{
	width:958px;
	background:#ffffff;
	margin: 0 12px;
}

#standSub .leftCon{
	width:312px;
	padding:0 6px;
}

#standSub .main{
	width:598px;
	padding: 15px 21px 10px 15px;
}

#subStart{
width:958px;
	background:#ffffff;
	margin: 0 12px;
	height:205px;
}


#bottomnavi{
	width:958px;
	height:27px;
	margin: 10px 12px;
	background: url(../img/metanavi_bg.png) top left repeat-x;
}

#bottomnavi li{
	float:left;
}

#bottom{
	height:90px;
	width:958px;
	margin: 0 12px;
	position:relative;
	margin-bottom:50px;
}
#bottom .logoleiste{
	position:absolute;
	top:0;
	left:0;
	/*
	height:90px;
	*/
	height: 180px;
	width:958px;
	overflow:hidden;
}

#bottom #background{
	height:90px;
	width:958px;
	position:absolute;
	top:0;
	left:0;
	background: #0073ad;
	opacity: 0.5;
}

#suche {
	position: absolute;
	right: 20px;
	z-index: 300;
	top:0px;
}
/*
td, th {
	vertical-align: top;
}
sub {
	vertical-align:0;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

#frame {
	
	position:absolute;
	height:100%;
	width: 962px;
	left: 50%;
	margin-left: -481px;
	text-align:left;
	display: table;
}

#container {
   
	width: 946px;
	float: left;
	overflow: hidden;
	margin-left: 8px;
}

#head {
	float: left;
	width: 946px;
	height: 105px;
	background: url(../img/bgHead.jpg) no-repeat top left;
}

#head .topBlock {
	float: left;
	width: 946px;
	height: 73px;
}

#head .bottomBlock {
	float: left;
	clear: both;
	width: 946px;
	height: 32px;
}

#headTeaser {
	float: left;
	clear: both;
	width: 946px;
	height: 316px;
	margin-top: 8px;
}

#contTeaser {
	float: left;
	clear: both;
	width: 954px;
	height: 161px;
	margin-top: 8px;
	overflow: hidden;
}

#contBg {
	float: left;
	clear: both;
	width: 946px;
	margin-top: 8px;
	background: url(../img/bgContentMuster.jpg);
}

#cont {
	float: left;
	clear: both;
	width: 948px;
	margin-top: 8px;
	background: url(../img/bgContent.jpg) bottom repeat-x;
}

#cont .blockLeft {
	float: left;
	clear: both;
	width: 620px;
	overflow: hidden;
}

#cont .blockRight {
	float: left;
	width: 310px;
	overflow: hidden;
}

#cont .blockSpace {
	float: left;
	clear: both;
	width: 1px;
	height: 1px;
}

#footer {
	float: left;
	clear: both;
	width: 948px;
	height: 8px;
	background: #264276;	
}

/*
#innerNav {
	height: 97px;
	list-style: none;
	float: left;
}
#innerNav .tblList,
ul.navi li {
	float: left;
	display: block;

}

ul.subnavi {
	display: block;
	float: left;
	width: 620px;
	list-style: none;
}
ul.subnavi li {
	float:left;
	margin-right: 5px;
}
 
ul.subnavi li {
	text-decoration: none;
	color: #94928F;
	letter-spacing: 1px;
	font-weight: 100;
	line-height: 21px;
	font-size: 10px;
}
ul.subnavi li.on {
 color: #FFF;
}

/******** a *************/
a, a:link, a:visited               {
 color: #2B4E8E;
 text-decoration: underline;
 }
a:hover                            {
 color: #2B4E8E;
 }
.tx-indexedsearch a,
.tx-felogin-pi1 a                     {
 line-height: 18px;
 padding-left: 12px;
 background: url(../img/arrowMoreDrk.gif) no-repeat scroll 0 2px;
 font-weight: normal;
 font-style:italic;
 }
/*********************/
hr.clearer {
 height: 30px;
 float: left;
 clear: both;
 display: block;
 background: url(../img/lineHor.jpg) no-repeat center;
 width: 500px;
 border: 0;
 }
 
.csc-frame-rulerAfter,
.contentLinieMargin                 {
 height: 30px;
 width: 100%;
 display: block;
 background: url(../img/lineHor.jpg) repeat-x center;
 }
.blockLeft .contentLinieMargin           {
 width: 620px;
 }
.right .contentLinieMargin {
 width: 310px;
 background:transparent url(../img/lineHorSmall.jpg) repeat-x center;
 height: 30px;
 margin:0;
 padding:0;
 display: block;
 overflow: hidden;
 float: left;
 clear: both;
}
