/* SEITENFORMATIERUNG _______________________________________*/

* { margin: 0; }

html, body { height: 100%; }

body { 
	background-color: rgb(115,103,89);
	color: rgb(0,0,0);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90.01%;
	text-align: center; 
}


#top { 
	position: relative;
	background-color: rgb(115,103,89);
	background-image: url(../images/shadow-header.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 830px;
	height: 58px;
	margin: 0;
	padding: 0; 
}

#layout { 
	position:relative;
	background-color: rgb(255,255,255);
	background-image: url(../images/shadow.gif);
	background-position: center center;
	background-repeat: repeat-y;
	width: 830px;
	margin: 0 auto -50px;
	padding:0;
}

#hauptBereich { 
	width: 770px;
	min-height: 100%;
	margin: 0px;
	padding: 0 26px 0 26px; 
}

.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
 
/* HEADER    ____________________________________________________ */

#header{ 
	position: relative;
	width: 775px;
	height: 93px;
	margin: 0 0 19px 0;
	padding: 0; 
}

#logo { 
	position: absolute;
	background-image: url(../images/logo.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	bottom: -1px;
	right: 15px;
	width: 164px;
	height: 52px;
	padding: 0;
	margin: 0; 
}

* html #logo { right: 14px;}

#logo h1 { display:none; }


/* HAUPTNAVIGATION____________________________________________________ */

#hauptNavigation { 
	position: absolute;
	bottom: -4px;
	left: 0;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
}

#hauptNavigation ul { 
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
}

#hauptNavigation ul li { 
	float: left;
	width: auto;
	margin: 0 0.8em 0 0;
	padding: 0; 
}

#hauptNavigation img { 
	border:0px;
}



/* CONTENT ____________________________________________________ */

#hauptContent { 
	text-align: left;
	margin:0;
	padding: 0; 
}

#hauptContent p { margin: 0 0 15px 0; }

#contentWrapper { 
	width: 777px;
	margin: 0;
	padding: 5px 0 0 0;}                          

#linkeSpalte {
	position: relative;
	float:left;
	background-color: rgb(255,255,255);
	font-size: 1.1em;
	width: 180px;
	min-height: 250px;
	margin:0 3px 0 0;
	padding: 19px 10px 0 0;
}

#linkeSpalte .linksHeadline {
	padding: 0;
	margin:0; 
	text-transform: none;
	color: #000000;
}

#contentSpalte { 
	position: relative;
	float:left;
	font-size: 0.8em;
	line-height: 1.4em;
	width: 370px; /* geändert 513px*/
	margin: 0 2px 0 0;
	padding: 20px 20px 0 0; /* geändert 20px 70px 0 0*/
	/*border: 1px solid red;*/
}

#contentSpalte p.ohneabstand { 
	margin: 0 0 0px 0;

}

#contentSpalte ul { 
	margin-left:8px;
	padding-left: 8px;
	margin-top:5px;
	margin-bottom:5px;
}

#contentSpalte li { 
	margin:0;
	padding: 0;
}

#zusatzSpalte01 {
	position: relative;
	float:left;
	background-color: rgb(255,255,255);
	font-size: 0.75em;
	width: 172px;
	min-height: 250px;
	margin:0;
	padding: 20px 10px 0 0;}

#zusatzSpalte02 { 
	position: relative;
	float:left;
	background-color: rgb(191,191,191);
	font-size: 0.75em;
	width: 172px;
	min-height: 250px;
	margin:0;
	padding: 20px 10px 0 10px;
}

#zusatzSpalte02 img { 
	margin: 0 0 15px 0;
	padding: 0;
}


#zusatzSpalte03 { 
	position: relative;
	float:left;
	background-color: rgb(209,200,187);
	font-size: 0.75em;
	width: 172px;
	min-height: 250px;
	height: 100%;
	margin:0;
	padding: 20px 10px 0 10px;
}

#zusatzSpalte03 p { 
	padding: 0; 
	margin: 10px 0 15px 0;
}


/* IMAGEBOX_________________________________________________ */

#infoBox{ 
	border-top: 1px solid rgb(169,169,169);
	border-bottom: 1px solid rgb(169,169,169);
	width: 777px;
	margin:0;
	padding: 5px 0 5px 0;
}

* html #infoBox{ padding: 5px 0 2px 0;}

.imageBox{  
	float: left;
	width: 192px;
	height: 190px;
	padding: 0;
	margin: 0 3px 0 0;
}

.imageBox img { padding: 0; margin: 0; }


/* SUBNAVIGATION_________________________________________________ */

#sekNavigation { 
	float: left;
	display:inline;
	background-color: rgb(221,217,214);
	width: 192px;
	height: 190px;
	padding: 0;
	margin: 0;
}

#sekNavigation ul { 
	font-size: 0.75em;
	list-style: none;
	font-weight: normal;
	margin:0;
	padding: 10px 0 0 10px;
}

#sekNavigation li { 
	text-align: left;
	line-height:1.2em;
	margin:  0 0 0.25em 0;
	padding: 0;
}

#sekNavigation li a,
#sekNavigation li a:link, 
#sekNavigation li a:visited { color: rgb(121,120,118); text-decoration: none; }

#sekNavigation li a:hover, 
#sekNavigation li a:active, 
#sekNavigation li a:focus { color: rgb(0,0,0); }

#sekNavigation ul li.active a { color: rgb(0,0,0); }


/* SUBSUBNAVIGATION_________________________________________________ */

#terNavigation { 
	background-color: rgb(218,210,199);
	float: left;
	width: 192px;
	height: 190px;
	padding: 0;
	margin: 0 3px 0 0;
}

#terNavigation ul { 
	font-size: 0.75em;
	list-style-type: none;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 10px;
}

#terNavigation li { 
	text-align: left;
	line-height:1.2em;
	margin: 0 0 0.25em 0;
	padding: 0;
}

#terNavigation li a,
#terNavigation li a:link, 
#terNavigation li a:visited { color: rgb(121,120,118); text-decoration: none; }

#terNavigation li a:hover, 
#terNavigation li a:active, 
#terNavigation li a:focus { color: rgb(0,0,0); }

#terNavigation ul li.active a { color: rgb(0,0,0); }


/* FOOTER /  METANAVIGATION  ____________________________ */

.fixContent { height: 50px; }

.footer { 
	position: relative;
	background-color: rgb(115,103,89);
	background-image: url(../images/shadow-footer.gif);
	background-position: top center;
	background-repeat: no-repeat;
	width: 830px;
	height: 50px;
	margin: 0 auto; 
}

#metaNavigation { 
	position: absolute;
	bottom: 0;
	left: 0;
	margin:0;
	padding: 0 0 13px 0; 
}

#metaNavigation ul { 
	font-size: 0.75em;
	list-style-type: none;
	margin:0 0 0 15px;
	padding: 0; 
}

#metaNavigation li { 
	float: left;
	text-align: left;
	margin: 0 15px 0 0;
	padding: 0; 
}

#metaNavigation li a,
#metaNavigation li a:link, 
#metaNavigation li a:visited { color: rgb(159,152,144); text-decoration: none; }

#metaNavigation li a:hover, 
#metaNavigation li a:active, 
#metaNavigation li a:focus  { color: rgb(255,255,255); }

#copy { 
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.75em;
	color: rgb(159,152,144);
	margin: 0 15px 0 0;
	padding: 0 0 13px 0;
}



/* TEXTFORMATE  ____________________________ */
h1 { 
	color:rgb(0,110,205);
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform:none;
	margin: 0 0 15px 0;
}

h2  { 
	color:#333333;);
	font-size: 1em;
	font-weight:bold;
	margin: 0 0 15px 0;
}

h3 { 
	color:rgb(0,110,205);
	font-size: 1em;
	font-weight: normal;
	text-transform:uppercase;
}

a { text-decoration: none; color: rgb(0,0,0); }
a:hover { color: rgb(0,110,205); }

.bluetext { 
	color:rgb(0,110,205);}

.bluearrow { 
	background-image: url((../images/liste-blau.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 3px 10px;
}

.bodytext { 
	line-height: 1.4em;
	margin: 0 0 15px 0;
}	  

.zitat { color: rgb(121,121,121);}



/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */


.news-catmenu  {

}
.news-catmenu-header  {
	color:rgb(0,110,205);

	font-size: 1em;

	font-weight: normal;

	text-transform:uppercase;
}
.news-catmenu DIV {

}
.news-catmenu DIV img {
	margin:0px;
	padding:0px;
	vertical-align: middle;
}
.news-catmenu-ACT {
	color:rgb(0,110,205);
}

/*  Styles for catmenu mode "nestedWraps" */
.level0 {

	padding-left:0px;
}
.level1 {
	padding-left:0px;
		background-image: url(../images/liste-blau.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 3px 10px;
}
.level2 {
	padding-left:10px;
}
.level3 {
	padding-left:10px;
}
.level4 {
	padding-left:10px;
}


/* TEAMSEITE _______________________________________*/

.bilder {
	width:380px;
	height: 170px;
	clear:both;
}


.bildreihe {
	width:120px;
	margin-right:5px;
	float:left;
}

#teamportrait {
	width:100px;
	border:solid 1px #365276;
}

.portraitklein {
	width:120px;
}

.bu {
	font-size:10px;
	line-height:14px;
}