/* #####################################################################
** ### Reset all #################
** #####################################################################
*/
center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
font-variant: inherit;
vertical-align: baseline;}

/* #####################################################################
** ### fonts, colors, headlines, tables, list elements etc. ############
** #####################################################################
*/
body{
	font-size:12px;
	line-height:1.0em;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color:#0a6c6d;
}
strong{font-weight:bolder;}
p{color:#0a6c6d; font-size:12px;padding: 0;	margin:0; line-height:1.2em;}
p.bodytext{color:#0a6c6d; font-size:12px;padding: 0;	margin:0;}

p.bodytext a{color:#0a6c6d; font-size:12px;padding: 0;	margin:0; text-decoration:underline;}
p.bodytext a:hover{color:#0a6c6d; font-size:12px;padding: 0;	margin:0; text-decoration:underline;}

a{color:#0a6c6d; font-size:12px;padding: 0;	margin:0; text-decoration:underline;}
a:hover{color:#0a6c6d; font-size:12px;padding: 0;	margin:0; text-decoration:underline;}

h1,h2,h3,h4,h5{
		color:#0a6c6d;
		font-weight:bold;
		padding:0 0 5px 0;
		line-height:1.2em;
}
h1{font-size:16px;}
h2{font-size:13px;}
h3{font-size:12px;}
h4{font-size:16px; font-weight:normal;}
h5{font-size:12px; font-weight:normal;}

fieldset{border:none;}
input{color: #0a6c6d; border: 1px solid #0a6c6d;	background-color:#edf5f5; font-size: 12px;}
select{color: #0a6c6d; border: 1px solid #0a6c6d;	background-color:#edf5f5; font-size: 12px;}
textarea{color: #0a6c6d; border: 1px solid #0a6c6d;	background-color:#edf5f5; font-size: 12px;}

ul, ol{	color: #0a6c6d; margin: 0;	padding:0; line-height:1.2em;}
li{	color: #0a6c6d; margin: 0 0 0 30px;	padding:0;font-size:12px;line-height:1.2em;}

li a{	color: #0a6c6d; margin: 0 0 0 0px;	padding:0;font-size:12px;line-height:1.2em;}

table{ /*border: 1px solid #0a6c6d;*/	background-color:#edf5f5; font-size: 12px;}
th{/*border: 1px solid #0a6c6d;*/	background-color:#edf5f5; font-size: 12px; font-weight:bold;}
tr{/*border: 1px solid #0a6c6d;*/	background-color:#edf5f5; font-size: 12px;}
td{ border-bottom: 1px solid #0a6c6d;	background-color:#edf5f5; font-size: 12px;}

/* #####################################################################
** ### Page styles #################
** #####################################################################
*/

body{	background: url(style_images/body.jpg) repeat-x 0 0;	height:100%;}

#page{	margin:0 0 0 8%;	width: 918px;}

#page-inner{}

#main{	width: 918px;}

/* ### header part ##################################################### */

#head{	
	height:108px;
	width: 918px;
	margin-bottom:1px;
	overflow: hidden;
}

#col1{
	float:left;
	background: url(style_images/michels.jpg) no-repeat 0 0;
	height:108px;
	width:74px;
}

#col2{	
   float:left;
	width:844px;
	background: url(style_images/herzog-julius.jpg) no-repeat 0 0;
	height: 69px;
}

#shortlinks{
	float:right;
	margin-top:43px;
	display: block;
	width:334px;
}

#search{
	margin-top:43px;
	float:right;
	display: block; 
	background: url(style_images/shortlinks_back.jpg) no-repeat left center;
	width:166px;
}

#nav-top{
	margin:0px 0 0 0;
	float:left;
	width:844px;
}


/* ### middle part start ############################################### */

#main-start{	width:918px;	height:100%;}

#main-start DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin:0 0 0 0; position: relative;}

/* ### middle part main  ############################################### */

#main-main{
	height:100%;
	padding-bottom:40px;
}
#main-col1{ width: 252px; margin:0 2px 0 0; float:left; height:100%;overflow:hidden;}
#main-col1-inner{}

#main-col2{width: 662px; float:left; height:100%;overflow:hidden;}
#main-col2-inner{}

#main-col2-col1{margin:0 2px 0 0; float:left; width:164px; overflow:hidden;}
#content-border{padding:0 20px;}

#main-col2-col2{ float:left; width:496px;overflow:hidden; }
#content-normal{padding:0 20px;}

#clickpath{width: 662px; margin:23px 0 12px 0;}

#main-col1-menu1{margin:20px 0 25px 0;}

#main-col1-menu2{margin:0 0 100px 0;}

.content-normal {padding:0 0 20px 0;}

#main-start .content-normal {padding:0 0 0 0;}

/* ### middle part news  ############################################### */

#main-col2-col3{float:none; clear: both; width: 664px; overflow:hidden;}

/* ### footer part ##################################################### */

#footer{
	border-top: 9px solid #0a6c6d;
	width:100%;
}

#nav-footer {
	width:924px; 
	margin-left: 8%;
	background:red;
	background: url(style_images/nav_footer_back.jpg) no-repeat right top;
	height:124px;
}

/* #####################################################################
** ### Shortlinks #################
** #####################################################################
*/

#shortlinks ul{		padding:0 0 0 0; 		margin:0; 		list-style: none; }
#shortlinks ul li{		padding:0 0 0 0; 		margin:0; 		list-style: none;display:block; width:166px; float:left; background: url(style_images/shortlinks_back.jpg) no-repeat left center; }

#shortlinks ul li a{		padding:0 0 0 22px; 		margin:0; display:block; width:144px;  float:left; color:#0a6c6d; text-decoration:none;}
#shortlinks ul li a:hover{		padding:0 0 0 22px; 		margin:0; text-decoration:underline; }

#shortlinks ul li a.shortlink-aktiv{		padding:0 0 0 22px; 		margin:0;   color:#0a6c6d; text-decoration:none;}
#shortlinks ul li a.shortlink-aktiv:hover{	padding:0 0 0 22px;  		margin:0;  text-decoration:underline;}

/* #####################################################################
** ### LEFT Menu 1#################
** #####################################################################
*/

#clickpath a{color:#0a6c6d; text-decoration: none;}
#clickpath a:hover{color:#0a6c6d; text-decoration: none;}

/* #####################################################################
** ### LEFT Menu 1 #################
** #####################################################################
*/

#main-col1-menu1 a{color:#0a6c6d; font-weight: bold; font-size: 16px; text-decoration: none; margin-left:22px;}
#main-col1-menu1 a:hover{color:#0a6c6d; font-weight: bold; font-size: 16px; text-decoration: none;margin-left:22px;}

/* #####################################################################
** ### LEFT Menu 2 #################
** #####################################################################
*/

/* EBENE 1 */
#main-col1-menu2 ul{ margin:0; padding:0; list-style:none; clear:both;height: 1%;}
#main-col1-menu2 ul li.ebene1{ margin:0; padding:0; list-style:none; font-size: 13px; display:block; clear:both;height: 1%;}

#main-col1-menu2 ul li.ebene1 a{
	color:#0a6c6d;  
	font-size: 13px; 
	text-decoration: none; 
	display:block;
	background: url(style_images/nav-left-ebene1.gif) repeat-x bottom left;
	width:198px;  
	padding:8px 0 7px 0;
	margin:7px 32px 0 22px;
	font-weight:bold;
}
#main-col1-menu2 ul li.ebene1 a:hover,
#main-col1-menu2 ul li.ebene1 a.ebene1-aktiv, 
#main-col1-menu2 ul li.ebene1 a.ebene1-aktiv:hover {
	color:#0a6c6d;  
	text-decoration: none; 
	background:#83bdbb;
	width:198px;  
	padding:8px 32px 7px 22px;
	margin:7px 0 0 0;
	font-weight:bold;
}
*html #main-col1-menu2 ul li.ebene1 a:hover,
*html #main-col1-menu2 ul li.ebene1 a.ebene1-aktiv, 
*html #main-col1-menu2 ul li.ebene1 a.ebene1-aktiv:hover 
{	margin-top:5px;  width:252px;}

html * #main-col1-menu2 ul li.ebene1 a,
html * #main-col1-menu2 ul li.ebene1 a:hover,
html * #main-col1-menu2 ul li.ebene1 a.ebene1-aktiv, 
html * #main-col1-menu2 ul li.ebene1 a.ebene1-aktiv:hover 
{	margin-top:5px;  }


/* EBENE 2 */
#main-col1-menu2 ul.ul2{ margin:0 0 0 0; padding:5px 0 0 0; list-style:none;background:#b8d9d8; width:252px; clear:both;height: 1%;}
#main-col1-menu2 ul.ul2 li.ebene2{ margin:0; padding:0 0 3px 0; list-style:none; display:block; font-size:11px; clear:both;height: 1%;}

#main-col1-menu2 ul li.ebene2 a{
	color:#0a6c6d;
	font-size:11px;
	display:block;
	background:none;
	margin: 0 0 0 0;
	width:198px;
	padding:4px 32px 4px 22px;
	text-decoration: none; 
	font-weight:normal;
}
#main-col1-menu2 ul li.ebene2 a:hover{
	color:#fff;
	background:#00585b;
	padding:4px 32px 4px 22px;
	font-weight:normal;
}

#main-col1-menu2 UL LI.ebene2 A.ebene2-aktiv{font-weight:normal;background:#00585b;color:#fff;}
#main-col1-menu2 UL LI.ebene2 A.ebene2-aktiv:hover{font-weight:normal;background:#00585b;color:#fff;}

*html #main-col1-menu2 UL LI.ebene2 A.ebene2-aktiv{width:252px;}
*html #main-col1-menu2 UL LI.ebene2 A.ebene2-aktiv:hover{width:252px;}
*html #main-col1-menu2 ul li.ebene2 a,
*html #main-col1-menu2 ul li.ebene2 a:hover{margin: 0 0 0 0;}

html * #main-col1-menu2 ul li.ebene2 a,
html * #main-col1-menu2 ul li.ebene2 a:hover{margin: 0 0 0 0;}

/* EBENE 3 */
#main-col1-menu2 ul.ul3{ margin:0 0 0 0; padding:5px 0 0 0; list-style:none; clear:both;height: 1%;}
#main-col1-menu2 ul.ul3 li.ebene3{ margin:0 0 0 22px; padding:0 0 3px 0; list-style: none;  display:block; font-size:11px; clear:both;}

#main-col1-menu2 ul li.ebene3 a{
	color:#0a6c6d;
	font-size:11px;
	display:block;
	background:none;
	margin: 0 0 0 0;
	width:179px;
	padding:4px 32px 4px 19px;
	text-decoration: none; 
	font-weight:normal;
	background: url(style_images/pixel_green.gif) no-repeat  13px center;
}
#main-col1-menu2 ul li.ebene3 a:hover{
	color:#fff;
	width:179px;
	padding:4px 32px 4px 19px;
	background:#00585b url(style_images/pixel_white.gif) no-repeat 13px center;
	font-weight:normal;
}

#main-col1-menu2 UL LI.ebene3 A.ebene3-aktiv{	font-weight:normal;	width:179px;font-size:11px;color:#fff;	background:#00585b url(style_images/pixel_white.gif) no-repeat 13px center;}
#main-col1-menu2 UL LI.ebene3 A.ebene3-aktiv:hover{font-weight:normal;color:#fff;background:#00585b url(style_images/pixel_white.gif) no-repeat 13px center;}

*html #main-col1-menu2 UL LI.ebene3 A.ebene3-aktiv,
*html #main-col1-menu2 UL LI.ebene3 A.ebene3-aktiv:hover{width:230px;}
*html #main-col1-menu2 ul li.ebene3 a,
*html #main-col1-menu2 ul li.ebene3 a:hover{margin: 0 0 0 0;width:230px;}

html * #main-col1-menu2 ul li.ebene3 a,
html * #main-col1-menu2 ul li.ebene3 a:hover{margin: 0 0 0 0;}

/* #####################################################################
** ### Navi top #################
** #####################################################################
*/

#nav-top ul{	
	padding:0 0 0 12px; 	
	margin:0; 	
	list-style: none; 	
	height: 39px; 	
	background-image: url(style_images/nav_top_back_ul.jpg); 	
	background-repeat: no-repeat;  	
	background-position: right; 
}

#nav-top ul li{margin:0; padding:0; list-style: none;display:block; float:left;width:166px; height: 39px; }

#nav-top ul li a{
	display:block; 
	float:left; 
	width:122px; 
	height:39px;
	background: url(style_images/nav_top_back.jpg) no-repeat 0 0; 
	color:#ffffff; 
	font-size:16px;
	text-decoration:none;
	line-height: 2.3em;
	padding:0 22px 0 22px;
}

*html #nav-top ul li a{width:166px;}

#nav-top ul li a:hover{	background: url(style_images/nav_top_back_hover.jpg) no-repeat 0 0; }
#nav-top ul li a.navaktiv{	background: url(style_images/nav_top_back_active.jpg) no-repeat 0 0; }
#nav-top ul li a.navaktiv:hover{	background: url(style_images/nav_top_back_hover.jpg) no-repeat 0 0; }
a.navaktiv:hover{	background: url(style_images/nav_top_back_hover.jpg) no-repeat 0 0; }

ul.subul{ 
	background: url(style_images/nav_top_sub_ul.jpg) repeat-y 0 0; 
	width:167px; 
	border-bottom:1px solid #064546; 
	margin:0;
	padding:10px 0 5px 0;
	list-style: none; 		
}
ul.subul li{ 
	padding:0 0 0 0;
	margin:0;
	list-style: none; 		
	width:167px;
	margin:0 0 5px 0;
}

a.sub{ display:block;width:122px;color:#ffffff; font-size:12px;  text-decoration: none;	padding:0 22px 0 22px; line-height:1.3em;}

*html a.sub{width:167px;}

a.sub:hover {background-color: #00585b; }
a.subaktiv {display:block;width:122px;color:#ffffff; font-size:12px;  text-decoration: none;	padding:0 22px 0 22px; background-color: #00585b; }
a.subaktiv:hover {background-color: #00585b; }

/* #####################################################################
** ### Navi footer #################
** #####################################################################
*/

#nav-footer ul{	
	padding:0 0 0 86px; 	
	margin:0; 	
	list-style: none; 	
	height:124px;
}

#nav-footer ul li{margin:0; padding:0; list-style: none;display:block; float:left;width:166px; }

#nav-footer ul li a{
	display:block; 
	float:left; 
	color:#0a6c6d;
	font-size:12px;
	text-decoration: underline;
	padding:15px 20px 0 20px;
   width:126px;
	line-height:1.3em;
}

*html #nav-footer ul li a{width:166px;text-decoration: underline; }

#nav-footer ul li a:hover{	text-decoration: underline;   font-weight:bold; width:126px;height:124px; display:block; background: url(style_images/nav_footer_back-hover.gif) no-repeat 0 0;  }
#nav-footer ul li a.nav-footer-aktiv{	text-decoration: none; height:124px;   width:126px; font-weight:bold;  background: url(style_images/nav_footer_back-aktiv.jpg) no-repeat 0 0;}
#nav-footer ul li a.nav-footer-aktiv:hover{	text-decoration: underline; width:126px;height:124px;  font-weight:bold; background: url(style_images/nav_footer_back-hover.gif) no-repeat 0 0; }

*html #nav-footer ul li a.nav-footer-aktiv{width:166px;}

*html #nav-footer ul li a:hover{width:166px;}

#nav-footer ul li a.footer1{	height:124px;   width:126px;font-weight:bold;  background: url(style_images/footer1.jpg) no-repeat 0 0;}

ul.subul-footer{ 
	margin:0;
	list-style: none; 	
	border-top:2px solid #0a6c6d;	
	border-left:2px solid #0a6c6d;	
	border-right:2px solid #0a6c6d;	
	width:164px;
	padding:18px 0 0px 0;
	overflow:hidden;
	background:#fff url(style_images/nav_footer_back_sub.jpg) repeat-x 0 0;
}

*html ul.subul-footer { width:168px;padding:18px 0 4px 0 ;}

ul.subul-footer li{ 
	margin:0;
	list-style: none; 	
	padding:0 20px 5px 20px;
	background:transparent;
}

a.sub-footer{ display:block; font-size:12px;  text-decoration: none;	width:124px;	color:#0a6c6d;overflow:hidden; line-height:1.3em; }


a.sub-footer:hover {text-decoration: underline; 	color:#0a6c6d;}
a.sub-footer-aktiv { display:block; font-size:12px;  text-decoration: none;		color:#0a6c6d; }
a.sub-footer-aktiv:hover {text-decoration: underline; 	color:#0a6c6d;}

/* #####################################################################
** ### General Classes #################
** #####################################################################
*/
.fixfloat{	float:none;	clear:both;	width:1px;	height:1px;	font-size:1px;	line-height:0px;	}
.clear{	float:none;	clear:both;}

.height15{height:15px;}
.height12{height:12px;}

p.standard{ 	color: #0a6c6d; } 
p.mittel { 	color: #83bdbb; } 
p.hell { 	color:#b8d9d8; }    
p.weiss { 	color:#FFFFFF; }
p.schwarz{ 	color: #000000; } 

.standard a{ 	color: #0a6c6d; } 
.mittel a{ 	color: #83bdbb; } 
.hell a{ 	color:#b8d9d8; }    
.weiss a{ 	color:#FFFFFF; }
.schwarz a{ 	color: #000000; } 

/* #####################################################################
** ### TYPO3 Classes #################
** #####################################################################
*/

 DD.csc-textpic-caption{color:#fff; background:#0a6c6d; font-size:13px; padding:5px 20px; border-top: 2px solid #fff; }
 
.content-left{
     background: url(style_images/left_right_back.gif) repeat-x 0 0;
     height:202px;
}

.content-right{
     background: url(style_images/left_right_back.gif) repeat-x 0 0;
     height:202px;
	width:469px;

}