/*(c) TN2005, OP2009 com2 GmbH*/

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
html, body, textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
body {font-size: .75em; background-color: #f4f3ef} td {_font-size: .75em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}


html, body {
	height: 100%;
	margin: 0;
   padding: 0;
	text-align: center; /* gesamtpositionierung für IE<6 */
}


body#popup { background: #FFF url(../images/chrome/headbg-popup.gif) no-repeat right top; text-align: left;}

input:focus, SELECT:focus, TEXTAREA:focus {
	border: 1px solid #8C280E;
}
input.textinput { border: 1px solid #dddcdb;}

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: 700; }
img {border:none;}
p.imageText{ color: #616161; font-size: .8em;}
p.intro{ color: #616161; font-weight: bold; }
p, ol, ul, dl { margin-top: 0; margin-bottom: 15px; }

.cssForm input.button{ background: #fff url(../images/chrome/buttonbg.gif) repeat-x !important; border: 1px solid #ccc !important;}

/*  allgemeine HEADliNE-Styles -  Größe bezieht sich immer auf Elternelement */
h1 {display: inline; margin: 0; padding: 0; margin:69px 0 0 20px; float:left;}
h2 {font-size: 1.7em; font-weight: bold; color: #000; font-style: italic; font-family: Arial; margin: 0 0 30px 0; text-transform: uppercase;}
body#popup h2 {margin: 11px 0 11px 0;}
h3 {font-size: 1.1em; font-weight: bold; color: #3d3c3c; margin-top: 0;}
h3.noBorder {border-bottom: none; }
h4 {font-size: 1em; font-weight: bold; color: #3d3c3c; margin: 0;  }
div#rightContent h4 { border-bottom: 1px solid #c5c4c4; margin-bottom: 8px} 
h5 {font-size: 1em; font-weight: bold; color: #616161; margin-bottom: 0; clear: both; }


hr { height:1px; color: #D8D7D6; background: #D8D7D6; border: none;}
hr.red { color: #ED0302; background: #ED0302; }
legend { color: #6C6969; }
	legend a { color: #6C6969; font-weight: normal; color: #ed0302 }
/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.smaller, .small{font-size:.8em;} /* bezieht sich immer auf Elternelement */
.aktuell { color: #09DF00; font-weight: bold;}
.failed { color: #f00;}  /* für FORM eingabe-validierung */
.bordered{ border-bottom: none;   border-left: #CECDCD 1px solid;   border-right: #CECDCD 1px solid;   border-top: #CECDCD 1px solid;}
.bildtext {font-size: 70%; color: #0a2681}


a.quick:link, a.quick:visited, a.quick:hover, a.quick:active { color : white; font-weight:bold;}

a.small {font-size: 90%;}

.smaller{font-size:.8em;} /* bezieht sich immer auf Elternelement */

a:link, a:visited { color : #000; text-decoration: underline;}
a:hover, a:active { color: #ED0302;}	

td#content ul{ list-style-image: url(../images/chrome/ul-bullet.gif);}
 
a.close:link, a.close:visited, a.close:hover, a.close:active {margin-left: 15px; display: block; width: 32px; height: 30px; color: transparent; background: #fff url(../images/chrome/close-popup.gif) no-repeat 0 0; }
a.close:hover, a.close:active { background-position: -40px 0; }
a.close span { display:none;}

a.biglink:link { color : #ed0302; font-weight:bold; text-decoration:none;}
a.biglink:visited { color : #000; font-weight:bold; text-decoration:none;}
a.biglink:hover, a.quick:active { color : #000; font-weight:bold; text-decoration:none;}

img.icon { vertical-align: middle;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

caption { font-size: 1em; font-weight: bold; color: #ed0302; font-style: italic; text-align: left; }

table.optic1 { width: 524px; border-collapse: separate; }
table.optic1 td, table.optic1 th{ border-collapse: separate; vertical-align: top;}
table.optic1 thead th{
	border-bottom: 2px solid #000;
	border-top: 1px solid #cecdcd;
	background: #cecece url(../images/table-head.gif);
	padding: 3px;
}
table.optic1 TD, table.optic1 TH {
	border-bottom: 1px solid #CECDCD;
	padding: 3px;
}
table.optic1 TFOOT{
	background-color: #ececec;
	font-size: .9em;
}
table.optic1 A:link, table.optic1 A:visited,
table.optic1 A:hover, table.optic1 A:active { color: #6C6969; font-weight: bold; text-decoration: none;}

table.optic1 A:hover, table.optic1 A:active { text-decoration: underline;}


table.optic2{ border-right: 1px solid #cecdcd; border-top: 1px solid #cecdcd; vertical-align: top;}
	table.optic2 td, table.optic2 th { padding: 2px 4px; border-left: 1px solid #cecdcd; border-bottom: 1px solid #cecdcd;  background: #fff !important; color: #000; }
	table.optic2 .head td, table.optic2 .head th { background: #F4f3ef !important;}
	table.optic2 .foot td, table.optic2 .foot th {
		background: #FBFAF9 !important;
		font-size: .9em;
		padding: 0 4px;
		text-align: right;
		line-height: 110%;
		border-bottom: 4px solid #fff;
		color: #797979 !important;
	}

	


/*----------------------------------- FORUM --------------------------------------------*/ 

table.forumTable{ border: 1px solid #cecdcd; border-top: none;}
	table.forumTable td, table.forumTable th { padding: 2px 4px; border-top: 1px solid #cecdcd; background: #fff !important; color: #000; }
	table.forumTable .head td, table.forumTable .head th { background: #F4f3ef !important;}
	table.forumTable .foot td, table.forumTable .foot th {
		background: #FBFAF9 !important;
		font-size: .9em;
		padding: 0 4px;
		text-align: right;
		line-height: 110%;
		border-bottom: 4px solid #fff;
		color: #797979 !important;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LISTEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul.arrow{ /* soll pfeil als grafik bekommen */
	list-style-image: url(../images/li-arrw.gif);
	line-height: 150%;
}
ul.text{ /* für ganze absätze in listen */
	margin: 0;
	padding: 0;
}
ul.box {
	list-style-image : url(../images/listbox.gif);
}

table.balkenDiagramm{ }
table.balkenDiagramm td{ text-align: left !important; }
table.balkenDiagramm th{ border-right: 2px solid #cdcccc;  text-align: left; vertical-align: center !important; padding: 0 3px; }
	table.balkenDiagramm img { border :1px solid #F60201; border-left: none; margin: 5px 0; }
 
 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

div#tickerholder { position:relative; width: 784px; background-color: #f2f2f2; border: 1px solid #fff; height: 38px; overflow: hidden;}
div#head { height: 88px;}
div#suche{background-color: #f2f2f2; border: 1px solid #fff; height: 18px; padding: 10px }

tr#kopfZeile{
	height: 166px;
}

div#headbg { background: url(../images/chrome/header.jpg) no-repeat center top; height: 100%; margin: 0 auto; width: 1000px; position: relative;}
/*body.home div#headbg { background-image: url(../images/chrome/headbg-homepage.gif);}*/
body.subsite div#headbg { background: url(../images/chrome/headbg-subsite.gif) no-repeat center top; height: 100%;}
	#hiddenLine { position: absolute; left:50%; top: 0; width: 200px;}
table#contentRow {
	width: 1000px;
   text-align: left;
	height: 100%;
	w_height: auto;
	clear: both;
	*margin-top: 30px;
	padding-top: 30px;
	
}

	#contentRow #middle{width: 14px; }
	#contentRow td { background: none; vertical-align: top; color: #3F3F3F}
	#contentRow td#menuTd { padding: 0; width: 198px; border: 1px solid #dddcdb; background-color: #fff; }
	#contentRow td#content { padding: 0; border: 1px solid #dddcdb; line-height: 150%; background: #fff url(../images/chrome/rightcontentbg.gif) right top repeat-y ; width: 784px; }
		#full #contentRow td#content { background: #fff;  }
		#contentRow td#content div#innerContent { padding: 20px 20px 20px 20px; width: 550px;  float: left;}
			.home #contentRow td#content div#innerContent{padding-right: 5px; width: 565px	}
		
		#contentRow td#content div#teaserWrap { float:right; min-height: 400px; _height:400px; margin: -12px 0 0 20px; padding: 5px 0 0 10px; width: 204px; border-left: 1px solid #DDDCDB; }  
			#contentRow td#content div#teaser,#contentRow td#content div.teaser {
				 width: 194px; position: relative; height: 110px; background-color: #fff; padding:1px; border: 2px solid #e2001a; border-top: 22px solid #e2001a; margin-bottom: 10px;
				}
					#contentRow td#content div#teaser h3,#contentRow td#content div.teaser h3 { color:#fff; top: -21px; padding-left: 3px; position: absolute;}
					#contentRow td#content div#teaser p,#contentRow td#content div.teaser p { padding: 10px 76px 0px 4px; line-height: 110%;}
					
					#contentRow td#content div#teaser .awrap, #contentRow td#content div.teaser .awrap{position: absolute; height: 27px; width: 72px; bottom:0; right:0; }
					#contentRow td#content div#teaser a,#contentRow td#content div.teaser a { display: block; text-decoration: none; padding: 7px 0 0 8px; cursor: pointer; color: #fff; height: 20px; width: 64px; background: transparent url(../images/chrome/teaserbutton.png) 0px 0px no-repeat }
					* html #contentRow td#content div#teaser a, * html #contentRow td#content div.teaser a{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/chrome/teaserbutton.png', sizingMethod=''); background: none; }
					
		 				#contentRow td#content div#teaser div.txtTeaser img, #contentRow td#content div.teaser div.txtTeaser img{float: right; padding-top: 0px; width: 70px; height: 100px; }
		 				
						
		 	#full #contentRow td#content div#innerContent { width: 744px; }
		 #contentRow td#content div#rightContent { float: right; width: 172px; padding: 10px; background-color: transparent } 
		 div#rightContent div { margin-bottom: 15px; font-size: 0.9em} 
		 div#rightContent div#ticker { margin-bottom: 0} 
	
		
		#contentRow td#content img.border {border: 1px solid #CDCCCC;}
		.left {float:left; margin: 0 10px 10px 0}
		.right {float:right; margin: 0 0 10px 10px;}
	body#popup td#content { padding: 30px 15px 15px 15px ; line-height: 150%;}
	#contentRow div#func { padding-top: 25px}
		div#footer { color: #b0b1ae; font-size: 0.8em; clear: both; text-align: right; width: 980px; margin: 0 auto; margin-top: -20px}
/*--------------------------------- leftnav -----------------------------------------*/
	#contentRow div#menu {padding: 10px 4px 0 4px; }
		#contentRow div#menu ul { padding:0; margin: 0; list-style: none; }
			#contentRow div#menu ul ul {padding-left:10px;}
			#contentRow div#menu li { padding: 0 0 2px 0; margin: 0 0 1px 0; list-style: none; line-height: 22px; }
				#contentRow div#menu li li { padding: 0; border: none; line-height: 140%}
					#contentRow div#menu li li ul { padding: 7px 0;}
						#contentRow div#menu li li li { padding: 0 0 0 30px; background: none;  line-height: 140%}
						

/*------------------------ links		 --------------------------------------*/

				div#menu a:link, div#menu a:hover, div#menu a:active, div#menu a:visited {
					font-size: 1.1em;
					color: #5f5d5d;
					text-transform: uppercase;
					border-bottom: 1px solid #c5c4c4;
					font-weight: bold;					
					text-decoration: none;
					display:block;
					padding: 0 0 0 20px;
					_display: block;  /* damit padding im ie5 und 5.5 funzt */
					_width: 99%; /* wenn displ:block leerzeile im ie5.0 => so nicht */
				}
				div#menu a:hover, div#menu a:active,
				div#menu li.active a:link, div#menu li.active a:hover, div#menu li.active a:active, div#menu li.active a:visited {
					color: #e2001a;
					margin-right: 10px;
					background: transparent url(../images/chrome/redsquare.gif) 5px center no-repeat;
				}
				
				div#menu li.active a{
					border-color: #fff;
				}
			
					div#menu li.active ul{border-bottom: 1px solid #c5c4c4;
						
					}
				

				div#menu li.active li a:link, div#menu li.active li a:hover, div#menu li.active li a:active, div#menu li.active li a:visited {
					background: none;
					color: #3D3C3C;
					
					}
/*--------------- ebene 2 ----------------------------------------*/
				
					div#menu li li a:link, div#menu li li a:hover, div#menu li li a:active, div#menu li li a:visited {
						font-size: .9em;
						color: #5f5d5d;
						text-transform: none;
						border:none;
						text-decoration: none;
						width: 150px;
						padding: 0 0 0 18px; /* abstand für bullet */
						

					}
					div#menu li li a:hover, div#menu li li a:active,
					div#menu li li.active a:link, div#menu li li.active a:hover, div#menu li li.active a:active, div#menu li li.active a:visited {
						color: #000 !important;
						background: transparent url(../images/chrome/blacksquare.gif) 5px 3px no-repeat !important;
					}				

/*--------------- ebene 3 ----------------------------------------*/
				
						div#menu li li li a:link, div#menu li li li a:hover, div#menu li li li a:active, div#menu li li li a:visited {
							padding: 0; /* abstand für bullet */
							background: none;
							color: #616161;
						}
						div#menu li li li a:hover, div#menu li li li a:active,
						div#menu li li li.active a:link, div#menu li li li.active a:hover, div#menu li li li.active a:active, div#menu li li li.active a:visited {
							color: #ed0302;
						}							
					
/*--------------------------------- partner -----------------------------------------*/
div#memberNav {
	margin-top: 20px;
}

div#memberNav h2{
	font-size: 1em; color: #fff; background-color: #e2001a; margin: 0 0 3px 0; padding-left: 20px; font-style: normal;  text-transform: none; font-weight: normal;
}

div#memberNav a:link, div#memberNav a:hover, div#memberNav a:active, div#memberNav a:visited {
	border-bottom: 1px solid #e2001a;
	text-transform: none;
}	
					
div#memberNav a:hover, div#memberNav li.active a:hover {
	margin: 0;
}									
					
/*--------------------------------- func -----------------------------------------*/

		div#func ul { margin: 0; list-style: none; float: right; padding: 4px 260px 20px 0 }
			div#func li { padding: 0; margin: 0; list-style: none; display: inline; text-transform: uppercase }
				
				
/*--------------- func link ----------------------------------------*/
				
				div#func li a:link, div#func li a:hover, div#func li a:active, div#func li a:visited {
					font-weight: bold;
					color: #fff;
					text-decoration: none;
					padding-left: 10px;

				}
				div#func li a:hover, div#func li a:active
				{
					 text-decoration: underline;
				}						


/*--------------------------------- forum Nav -----------------------------------------*/

#contentRow ul.forumNav { padding: 0; margin: 15px 0; background: #fff url(../images/chrome/buttonbg.gif) repeat-x; border: 1px solid #ccc;list-style: none;}
#contentRow ul.forumNav li { display: inline;  list-style: none;}

#contentRow .forumAntworten { padding-left: 15px; }


/*--------------------------------- LINKS forum Nav -----------------------------------------*/

#contentRow ul.forumNav a:link, #contentRow ul.forumNav a:visited,
#contentRow ul.forumNav a:hover, #contentRow ul.forumNav a:active, #contentRow ul.forumNav a:focus {
	font-size: .9em; color: #616161; padding: 0 3px; border-right: 1px solid #ccc; text-decoration: none; font-weight: bold;
}
#contentRow ul.forumNav a:hover, #contentRow ul.forumNav a:active, #contentRow ul.forumNav a:focus {
	color: #ed0302; text-decoration: underline;
}			




/*======================= CSSFORMS: Breiten der spalten ================================*/

.cssForm fieldset{width: 520px;} /* [A]*/
.cssForm label { width: 120px; margin-bottom: 0; padding-bottom:0;} /* [B] */
.cssForm .rightCol {padding-left:125px; /* [B]+5px */ width: 380px; /* [A]-20-[B]=[C] */}
.cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 380px; /* [C] */ }

.cssForm p, .cssForm h3{
	padding-top: 8px;
}

 /* TWINROW: eine zeile beinhaltet label>input>label>input */
.cssForm .twinRow input, .cssForm .twinRow select,
.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 121px; /* ([C]-[B]-18)/2 */ margin-right: 10px; _margin-right: 9px;  }

.cssForm .assignment select {width: 200px;}

.buttonWrap {
	background-color: #e3e3e3; text-align: right; margin-top: 4px;
}

.buttonWrap button { 
	background: #de001a url(../images/chrome/buttonbgtriangle.gif) right 5px no-repeat; 
	padding: 0px 16px 3px 5px; 
	margin: 0;	
	color:#fff; 
	border: none; 
	font-size: 1em;  
	height: 20px;
	border-left: 1px solid #fff;
	cursor: pointer;
   overflow: visible;
	 
	 }
#suche input[type="text"]{
		height:16px;
	
		float: left;
	
}

#suche input.button {
line-height: 18px;
		background:#de001a url(../images/chrome/search.gif) no-repeat scroll center center !important;
		overflow:hidden;
		float: none;
		border: none !important;
		cursor: pointer;
	-moz-border-radius:0px;
		text-indent:-5000px;
		width:19px;
		padding-bottom: 2px;
		=padding:0;
}
	 
/*======================= CSSFORMS50_50: Breiten der spalten ================================*/

.cssForm50_50 fieldset{width: 520px;} /* [A]*/
.cssForm50_50 label { width: 250px;} /* [B] */
.cssForm50_50 .rightCol {padding-left:255px; /* [B]+5px */ width: 250px; /* [A]-20-[B]=[C] */}
.cssForm50_50 input, .cssForm50_50 .cssForm select,
.cssForm50_50 textarea, .cssForm50_50.cssForm .exInput,
.cssForm50_50 .exTextarea { width: 250px; /* [C] */ }

/*======================= CSSFORMS: Optik der Buttons ================================*/

input.button {
	font-weight: normal;
	-moz-border-radius: 3px;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
}


			
/*#####################################################################################################
                                    SPECIAL FÜR TEXTBROWSER
------------------------------------------------------------------------------------------------------*/	

.textonly{	display:none;} /* Element erscheint nur, wenn im Textbrowser.. */