/* BioCentiv GmbH MASTER CSS Document */
/* by MARKO BUECHEL studioFotopolyjena 2008
------------------------------------------------------------------------------*/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-family: "Helvetica Neue", helvetica, sans-serif; font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none; }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal; }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:11px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding: 2px 2px 2px 3px; margin:0px 0 1px 0; vertical-align:top; border-spacing:0px; }



legend { display: none;}

/*	reset some basic style
------------------------------------------------------------------------------*/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

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

ul			{list-style: none; margin: 10px 0 10px 0px;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

#inhalt ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 16px;}
#inhalt ul li		{margin: 0 0 0 0;}
#inhalt ul li ul	{margin: 0 0 0 0; list-style: disc;}
#inhalt ul li ol	{margin: 0 0 0 0;}

.banner ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 16px;}
.banner ul li		{margin: 0 0 0 0;}
.banner ul li ul	{margin: 0 0 0 0;}
.banner ul li ol	{margin: 0 0 0 0;}

#text ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 16px;}
#text ul li		{margin: 0 0 0 0;}
#text ul li ul	{margin: 0 0 0 0; list-style-type: none;}
#text ul li ol	{margin: 0 0 0 0;}

.content ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 16px;}
.content ul li		{margin: 0 0 0 0;}
.content ul li ul	{margin: 0 0 0 0; list-style: none;}
.content ul li ol	{margin: 0 0 0 0;}

.content_2 ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 16px;}
.content_2 ul li		{margin: 0 0 0 0;}
.content_2 ul li ul	{margin: 0 0 0 0; list-style: none;}
.content_2 ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/*	html
------------------------------------------------------------------------------*/
html {
	height: auto;
	margin-bottom: 1px;
}

/*	body
------------------------------------------------------------------------------*/
body {
	text-align:left;
	font-family:"Helvetica Neue", helvetica, sans-serif;
	font-size: xx-small;
	font-size: x-small;
	background: none;
}


.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#BB3B41; font-weight: normal;}

/* Formatierung der Newsletter Anmeldung
------------------------------------------------------------------------------*/
#newsletter_firstname,
#newsletter_name,
#newsletter_email,
#newsletter_email2 { font-size:10px; padding: 2px 0 2px 2px; background-color:#F0F5F3; border:1px solid #CCCCCC;}

#newsletter h7 {font-size:10px; font-weight:bold; background-color:#FFFFFF; padding:2px 7px 2px 7px;}
#newsletter p {margin-top: 2px;}


/* Class für die News-Einbindung via Modul */
.newswrapper { width: auto;}
.news { display: block; width: auto; height: auto; margin-top: -4px;}
.news p { display: block; width: auto; height: auto; padding: 10px 10px 1px 10px; background: url(../files/newsbackground.gif) left bottom no-repeat;}
.newshl { color: black; font-weight: bold; font-size: 12px; padding: 0px 0 0 10px; margin-top: -5px; border-left: 1px solid #DDD; border-right: 1px solid #DDD;}
.newsteaser { display: block; width: auto; height: auto;}
.news img { display: block; padding: 0 20px 15px 0; float: left; width: auto;}
.teaser img { padding: 0 10px 10px 0; width: 150px; float: left; clear: none;}
.image { padding: 0 20px 20px 0; float: left; margin: 0 20px 0 0; width: 150px;}
.date { color: #DDD; font-size: 11px; padding: 3px 4px 0 10px; clear: both; background: url(../files/newsstart.gif) left top no-repeat; text-align: right; line-height: 12px;}
.newsheader { font-weight: bold; color: #7EB712; font-size: 12px; }
.newsende { height: 4px; background: url(../files/newsstop.gif) left top no-repeat; margin: -15px 0 10px 0;}
.news .newsbutton { background: url(../files/button_more.png) left bottom no-repeat; padding: 10px 10px 15px 35px; color: white; height: 45px; margin: 0 0 0 0px;}
.news .newsbutton:hover { background: url(../files/button_more_over.png) left top no-repeat; color: white;}
#inhalt_li_st .news p { padding-bottom: 1px;}
#inhalt_li_st { margin-bottom: 4px;}
#inhalt_re_st img { padding-bottom: 18px;}




/* typography
------------------------------------------------------------------------------*/
code, 
#site-image, 
#nav-rightCol, 
#main-block p,
#main-block ul, 
#main-block table, 
#main-block label, 
#footer {
	font-size:10px;
}

#main-block ul code,
body #main-block div#wikitext ul,
body #main-block div#wikitext ul li ul,
body #main-block ul li ul,
#nav-rightCol div.login input {
	font-size:10px;
}

code, 
#main-block p,
#main-block ul, 
#main-block table {
	
}

#nav-rightCol {
	line-height:1.8em;
}


/* Sitemap */
#main-block ul.sitemap2nd  { font-size:10px; }
#main-block ul.sitemap2nd li ul { font-size:10px; line-height:0; }
#main-block ul.sitemap2nd li ul,
#main-block ul.sitemap2nd li ul li ul { padding-top:10px; }
#main-block ul.sitemap2nd li a {display:block; margin-top:0;}

#main-block ul.sitemap2nd li.lsi-sitemap a, 
#main-block ul.sitemap2nd li.lsi-sitemap a:link {
	width:340px;
	
}
#main-block ul.sitemap2nd li.lsi-sitemap li a, 
#main-block ul.sitemap2nd li.lsi-sitemap li a:link {
	background-image:none;
}


/*	website
------------------------------------------------------------------------------*/
#website {
	position:relative;
	display:block;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	height: auto;
	width: 900px;
	color: #666666;
	font-size: 11px;
	line-height: 14px;
	text-align:left;
}

#website_m {
	position:relative;
	display:block;
	margin: 0 auto 0 auto;
	padding: 0 ;
	height: auto;
	width: 910px;
	color: black;
	text-align:left;
	background-image:url(../files/background_m.gif);
	background-position: center top;
	background-repeat: repeat-y;
}

#wrapper { height: 100%; padding: 0 0 0 1px;}

/*	login form
------------------------------------------------------------------------------*/

#loginbox .submitlog {
    font-size: 10px;
	border: none;
	margin: 0 0 0 0;
	color: white;
	}
	
#loginbox .submitlog:hover {
    font-size: 10px;
	color: white;
	border: none;
	margin: 0 0 0 0;
	}

#searchform { position: absolute; top: 11px; left: 658px; width: 200px; margin: 0; padding: 0; display: none;}
.search { margin-top: 0px; padding: 2px 3px 2px 3px; width: 155px; font-size: 10px; color: #999; background: white; float: left; font-family: "Arial", helvetica, sans-serif; font-size: 11px; border-top:1px solid #CCC; border-left:1px solid #DDD; border-right:1px solid white; border-bottom:1px solid white;}
.contentsearch { margin-top: 0px; padding: 2px 3px 2px 3px; width: 180px; border: 1px solid #CCC; border-top:1px solid #CCC;
	border-left:1px solid #DDD;
	border-right:1px solid white;
	border-bottom:1px solid white;
	color: #666666;
	background: white; float: left; font-family: "Helvetica Neue", helvetica, sans-serif; font-size: 11px;}	
.suchbutton { margin: 0 0 0 2px; padding: 0px; border: none; float: left; color: white;}
.suche { margin-top: 10px;}

.logintxt { margin: 0px 0 0px 0px; padding: 2px 3px 2px 3px; color: #999; font-family: "Arial", helvetica, sans-serif; font-size: 11px;}
.login2 { margin: 1px 0 5px 0; padding: 2px 3px 2px 3px; color: #999; font-family: "Arial", helvetica, sans-serif; font-size: 11px;}
.login2 input { padding: 1px 3px 1px 3px; border-top: 1px solid #CCC; border-left: 1px solid #DDD; border-right: 1px solid white; border-bottom: 1px solid white; float: left;}
#loginbox .submitlog { float: left;}

input.submit3 { 
	margin: -10px 5px 25px 10px;
	padding:0px 3px 0px 3px;
	width: auto;
	height: 17px;
	cursor:pointer;
	float: left;
	border: none;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background: #BB3B41;
}

input.submit3:hover { 
	background: #660000;
}

input.submit4 { 
	margin: 0px 5px 25px 0px;
	padding:0px 3px 0px 3px;
	width: auto;
	height: 17px;
	cursor:pointer;
	float: left;
	border: none;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background: #BB3B41;
}

input.submit4:hover { 
	background: #660000;
}

input.submit { 
    font-family: "Arial", helvetica, sans-serif;
	font-size: 11px;
	margin:10px 5px 15px 0px;
	padding:1px 5px 1px 5px;
	width: auto;
	height: auto;
	cursor:pointer;
	border: none;
	color: white;
	background: url(../files/button_no.gif) center bottom no-repeat;
}

input.submit:hover { 
	border: none;
	background: url(../files/button_ov.gif) center bottom no-repeat;
}

/*	header
------------------------------------------------------------------------------*/


/*	logo
---------------------------*/
#logo {
	position:absolute;
	left: 20px; top: 36px;
	width: 255px;
	height: 70px;
	text-align:left;
	float: left;
	z-index: 120;
	background: transparent;
}

#logo a {
	display:block;
	height:70px;
	width:255px;
	text-indent:-2000em;
}

#header_start {
	position:relative;
    width:881px;
	height: 240px;
	margin: 0 auto 0 auto;
	background:url(../files/header_start.gif) left top no-repeat;
	}

#header_start_en {
	position:relative;
    width:900px;
	height: 240px;
	margin: 0 auto 0 auto;
	background:url(../files/header_start_en.gif) left top no-repeat;
	}

#header {
	position:relative;
    width:900px;
	height: 90px;
	margin: 0 auto 50px 20px;
	background: none;
	}
	
#print-header { display:block;}

#header_m {
	position:relative;
    width:881px;
	height: 240px;
	margin: 0 auto 0 auto;
	background:url(../files/header_m.gif) left top no-repeat;
	}

#nav-header {
    position: absolute;
    left: 0px;
    top: 154px;
	z-index: 10;
	}
	
#header-nav {
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	text-align: left;
	z-index: 1;
	}
	
#box_left { 
	position: absolute;
    width: 197px;
    height: auto;
    padding: 10px 8px 0px 10px;
    right: 0;
    top: 0;
    color: #DDD;
    float: right;
    text-align: right;
    }
    
#box_left a, #box_left a:link { color: #DDD;}
#box_left a:hover { color: #DDD; text-decoration: underline;}

#box_mitte {
    width: 604px;
    height: auto;
    padding: 10px 0 10px 0px;
    background: url(../files/imagebackground.gif) left top no-repeat;
    float: left;
    }
    
#box_rechts {
    position: absolute;
    left: 675px;
    top: 85px;
    width: 200px;
    height: 216px;
    background: url(../files/Box_rechts.gif) left top no-repeat;
    z-index: 1;
    }

#dekorbilder { position: absolute; left: 7px; top: 46px; width: 190px; height: 100px; background: url(../files/loader.gif) center 30px no-repeat;}  
.datum { position: absolute; left: 12px; top: 125px; color: white;}
.hl1 { position: absolute; left: 12px; top: 10px; color: white; font-size: 11px;}
.hl2 { position: absolute; left: 12px; top: 161px; color: white; font-size: 11px;}
.hl3 { position: relative; color: white; font-size: 11px; margin: 0 0 0 12px; padding: 9px 0 0 0;}

#iconnavigation { position: absolute; width: 80px; height: 25px; margin: 0 0 0 480px; z-index: 110;}
#iconnavigation a { position: relative; margin: 0 6px 0 0;}
	
#headimage { position: relative; width: 549px; height: 185px; margin: -40px 0px 0px 0px; padding: 0px 0px 0px 10px; float: left; clear: none; z-index: 1;}
#sitepicture { position: relative; width: 350px; height: 261px; margin: 0px 19px 0px 1px; padding: 0px 0px 0px 1px; float: right; clear: none; z-index: 5; }
#uebergang { position: absolute; left:0px; top: 296px; width: 549px; height: 35px; margin: 0px 0px 0px 10px; background: url(../files/content_start.gif) left top no-repeat; float: left; clear: none;}
#uebergang_start { position: absolute; left:0px; top: 276px;  width: 549px; height: 35px; margin: 0px 0px 0px 10px; background: url(../files/content_start.gif) left top no-repeat; float: left; clear: none;}
#uebergang_var1 { position: relative; width: 549px; height: 35px; margin: -71px 0px 0px 10px; background: url(../files/content_start.gif) left top no-repeat; float: left; clear: none;}
#greenline { position: absolute; left:0px; top: 270px; width: 549px; height: 6px; margin: 0px 0px 0px 10px; background: url(../files/greenline.gif) left top no-repeat; float: left; clear: none; z-index: 10;}
#picend { position: relative; width: 350px; height: 14px; margin: 0px 0px 0px 0px; z-index: 3; background:url(../files/bildabschluss.gif) right top no-repeat;}
#picend_1 { position: relative; width: 350px; height: 8px; margin: 0px 0px 0px 0px; z-index: 3; background:url(../files/bildabschluss_nsh.gif) right top no-repeat;}
#picend_2 {width: 350px; height: 33px; margin: 0px 0px 0px 0px; z-index: 3; background:url(../files/bildabschluss_wide.gif) left bottom no-repeat;}

#menue_start {margin: -37px 0 0 10px; width: 206px; background: url(../files/menuebackground.gif) left top repeat-y; padding: 0 0 0 0; color: #999;}
#menue_var1 {margin: -37px 0 0 10px; width: 206px; height: 38px; background: url(../files/menuebackground.gif) left top repeat-y; padding: 0 0 0 0; color: #999; float: left; clear: none;}

#menue { margin: 0 0 10px 0px; width: 600px; height: auto; padding: 0 0 0 0; color: #999; display: none;}
#menuestart { width: 200px; height: 27px; background: url(../files/subnavstart.gif) left bottom no-repeat;}
#menueende { width: 200px; height: 6px; background: url(../files/subnavstop.gif) left top no-repeat; margin-bottom: 10px;}
#box { width: 200px; color: #999; background: url(../files/menuenavbackground.gif) left top repeat-y;}
#boxstart { width: 200px; height: 7px; background: url(../files/box_rechts.gif) left top no-repeat;}

#menue_ma { width: 200px; color: #999; float: left; clear: none;}
#menuestart_ma { width: 200px; height: 27px; background: url(../files/ma_box_start.gif) left top no-repeat;}
#menueende_ma { width: 200px; height: 6px; background: url(../files/ma_box_stop.gif) left top no-repeat;}
#box_ma { width: 200px; height: auto; margin-top: -6px; color: #999; background: url(../files/ma_box_background.gif) left bottom repeat-y;}

#column_left { width: 244px; float: left;}

.box { padding: 0px 10px 0 5px; width: 203px; margin: 10px 0 0 14px;}
.box a { padding: 0 0 0 0; margin: 0 0 0 0; line-height: 18px; color: #0B3A8C;}
.box a:hover { color: #7EB712;}
.newsbox { padding: 10px 10px 5px 10px; width: 180px; margin: 0 auto 0 auto; background: url(../files/subnavbackground.gif) left bottom no-repeat; color: #666;}
.newsbox a { color: #1d5121; text-decoration: underline;}
.newsbox a:hover { color: #666666;}
.box_right { padding: 0px 10px 10px 7px; width: 187px; margin: 0 auto 0 auto; background: url(../files/ma_box_verlauf.gif) left bottom no-repeat; color: #666;}
.boxinhalt { width: 180px;}

.bannerstart { width: 244px; height: 10px; background: transparent url(../files/banner_start.gif) left top no-repeat; display: none;}
.bannerstart_column { width: 244px; height: 10px; background: transparent url(../files/banner_start.gif) left top no-repeat; margin-top: -2px;}

#banner { padding: 0px 10px 23px 0px; width: 234px; height: auto; font-size: 11px; float: left;}
#bannertext { padding: 5px 10px 5px 9px; width: 200px; font-size: 11px; background-color: white; background-image: url(../files/bannerhintergrund.gif); background-position: left bottom; background-repeat: repeat-y;}
#banneranfang {margin: 0 0 0 0px; width: 200px; height: 6px; background: url(../files/bannerstart.gif) left bottom no-repeat;}
#bannerende {margin: 0 0 0 0px; width: 200px; height: 6px; background: url(../files/bannerstop.gif) left top no-repeat;}
#banner a { color: #7EB712;}
#banner a:hover { color: #0B3A8C;}

/*	navigation
------------------------------------------------------------------------------*/

#home { position: absolute; left: 235px; top: 30px;}

#permnavi { 
    margin-right: 200px;    
    float: right;
    width: auto;
    height: 32px;
    font-size: 10px;
    text-align: right;
    display: none;
    }
    
#permnavi a {
    display: block;
    float: left;
    width: auto;
    height: 20px;
    color: #B1D7FB;
    background: transparent url(../files/main-navigation-strich.gif) left top no-repeat;
    padding: 10px 6px 0px 8px;
}

#permnavi a:hover {
    color: white;
}

#breadcrumb {
    position: relative;
    font-size: 10px;
    margin: 0px 0 0 0px;
    padding: 0px;
	color: #CCC;
	}
	
#breadcrumb a:link,
#breadcrumb a:visited { color:#014087; line-height: 10px;}
#breadcrumb a:hover { color: #CCC; line-height: 10px;}
 	
ul.nav1st {
	font-weight: normal;
	font-size: 11px;
	width: 100%;
	height: 60px;
	margin: 0 5px 0 4px;
	float: left;
	display: none;
	}

ul.nav1st li {
	display:inline;
	}

ul.nav1st a, 
ul.nav1st a:link {
	display:block;
	float:left;
	clear: none;
	padding: 0 10px 0 11px;
	margin: 7px 0 0 0;
	color: #b1d7fe;
	height: 60px;
	width: auto;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	background: transparent url(../files/main-navigation-strich.gif) left top no-repeat;
	}
	
ul.nav1st a:hover,  
ul.nav1st a:link:hover {
	display: block;
	float: left;
	padding: 0 10px 0 11px;
	color: white;
	}


ul.nav1st a.current, 
ul.nav1st a.current:link {
	background: transparent url(../files/navi_active_neu.gif) right top no-repeat;
	color: white;
	float: left;
	height: 50px;
	padding: 5px 11px 0 0px;
	margin: 2px 0 0 0;
	}

.open { width: 5px; height: 55px; padding: 0 5px 0 0px; margin: 2px 0 0 1px; background: transparent url(../files/navi_active_neu.gif) left top no-repeat; float: left;}

/*	nav2nd Unternavigation
------------------------------------------------------------------------------*/

ul.nav2nd {
	position: relative;
	width: 597px;
	height: 28px;
	font-size:11px;
	margin: 0 0 -10px 1px;
	padding: 0 0 0 0;
	border-bottom: 8px solid #EE8002;
	display: none;
}

ul.nav2nd li {
    display: inline;
    padding: 0 0 0px 0px;
    background: #fefefe;
    border-top: 1px solid #ebebeb;
    }
    
   
ul.nav2nd li a, 
ul.nav2nd li a:link {
    display: block;
    height: 28px;
	padding: 6px 10px 0px 10px;
	color: #014087;
	float: left;
	background: transparent url(../files/subnavi_normal.png) right top no-repeat;
	font-weight: bold; 
}

ul.nav2nd li a:hover {
	color: white;
	background: transparent url(../files/subnavi_over.png) right top no-repeat;
}


ul.nav2nd li a.current, 
ul.nav2nd li a.current:link {
    color:white;
	background: transparent url(../files/subnavi_active.png) right top no-repeat;
	border: none;
}


/*	nav3rd
------------------------------------------------------------------------------*/

ul.nav3rd {
	padding: 2px 0 5px 0;
	margin-bottom: 5px;
	display: block;
	width: 187px;
	background: url(../files/subsubnavbackground.gif) left bottom no-repeat;
	}


ul.nav3rd li {
	padding: 1px 0 1px 0;
	display: block;
	width: 170px;
	background: url(../files/zweigende.gif) 10px 5px no-repeat;
}

ul.nav3rd li a, 
ul.nav3rd li a:link {
    display: block;
    margin: 0 0 0 10px;
	padding: 3px 2px 2px 15px;
	line-height: 16px;
	color: #1d5121;
	width: 161px;
	border: none;
	
}

ul.nav3rd li a:hover, 
ul.nav3rd li a:link:hover {
    line-height: 16px;
	color: black;
	width: 161px;
	border: none;
	background: none;
}


ul.nav3rd li a.current, 
ul.nav3rd li a.current:link {
    font-weight: bold;
    color: #1d5121;
    background: url(../files/subsubactive.png) right 6px no-repeat;
}




/*	nav4th
------------------------------------------------------------------------------*/
ul.nav4th {
}

ul.nav2nd li li li a,
ul.nav2nd li li li a:link {
	padding:0 0 0 10px;
	width:170px;
	background:url(http://new.redaxo.de/files/lsi-2nd-no.gif) 0 10px no-repeat !important;
}



/*	main
------------------------------------------------------------------------------*/
#main {
	margin: 0 0 30px 0px;
	width: 100%;
	padding: 0 0 0px 0px;
	line-height: 16px;
}
.inhaltscontainer { width: 100%; height: auto; float: left;}

.inhaltstart { width: 100%; background: none; margin: 0px 0px 0px -2px;}
.inhaltswrapp { width: 100%; height: auto; background: none; margin: 0px 0px 0px -3px;}
#inhalt { margin: 0px 0px 40px 1px; padding: 0px 0px 30px 20px; width: 100%; min-height: 350px; text-align: left; font-size: 12px; background: none; float: left; font-size: larger; line-height: 20px;}


#inhalt_li { margin: 10px 0px 0px 20px; padding: 5px 0px 10px 0px; width: 300px; text-align: left; float: left; clear: none; font-size: 11px; display: none;}
#inhalt_re { margin: 10px 0px 0px 20px; padding: 5px 0px 10px 0px; width: 300px; text-align: left; float: left; clear: none; font-size: 11px;}

#inhalt_li_ma { margin: 0px 0px 0px 20px; padding: 10px 0px 0px 0px; width: 410px; text-align: left; float: left; clear: none; font-size: 11px;}
#inhalt_re_ma { margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; width: 200px; text-align: left; float: left; clear: none; font-size: 11px;}
#inhalt_re_ma .section { padding: 0px 10px 0px 5px;}
#inhalt .section img { background: #eee; border-color: #ddd #e2e2e2 #aaa #e2e2e2; border-style: solid; border-width: 1px; padding: 3px;}

#inhalt_li_st { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; width: 324px; text-align: left; float: left; clear: none; font-size: 11px;}
#inhalt_re_st { margin: 0px 0px 0px 12px; padding: 5px 0px 0px 0px; width: 324px; text-align: left; float: left; clear: none; font-size: 11px;}


#inhalt .section { width: 100%; text-align: left; margin-bottom: 10px; float: left;}

.content { width: 98%; text-align: left; margin-bottom: 20px;}
.content .linkespalte { width: 47%; float: left;}
.content .rechtespalte { width: 47%; margin-left: 25px; float: left;}
.content .linkespalte img { float: left;}

.content_2 { width: 98%; text-align: left; margin-bottom: 20px;}
.content_2 .linkespalte_2 { width: 35%; float: left;}
.content_2 .mittelspalte_2 { width: 31%; margin-left: 12px; float: left;}
.content_2 .rechtespalte_2 { width: 28%; margin-left: 24px; float: left;}

#banner #text { margin: 0px 0px 0px 0px;}
#text { margin: 0px 0px 10px 0px;}
#text img { display: block; float: left; padding: 0 15px 5px 0;}


#2pictures { margin: 0px 0px 0px 0px;}


.pictureitem {
    width: 604px;
    height: auto;
    padding: 0px 0 19px 14px;
    margin: 0 0 0px -3px;
    background: url(../files/imagebackground.gif) left top no-repeat;
    display: none;
    }

#imagepic { 
	width: 438px; 
    height: auto; 
    z-index: 11;
    background-image: url(../files/loader.gif);
    background-position: center 100px;
    background-repeat: no-repeat;
    padding: 0 0 2px 0;
    }

#websiteabschluss { width: 910px; height: 90px; margin: 0 auto 0 auto; background: url(../files/webabschluss.png) left bottom no-repeat; clear: none;}

/*	Headlines
------------------------------------------------------------------------------*/

.siteheadline h1 { border-bottom: 1px solid #CCC; width: 100%; margin-bottom: 20px; padding-bottom: 10px; font-size: 24px;}

/* HEADLINE AUS FONT GERENDERT */
/* Ausgabe am Bildschirm */

.renderhead {display: block;}
.renderhead span {display: none;}
.renderhead img {padding:0px; margin-bottom: 10px;}

/* Ausgabe auf dem Drucker */

.renderhead {display: block;}
.renderhead span {display: block;color: blue;}
.renderhead img {display: none;}


/* Headline mit Datumsangabe */
.ueberschrift { margin: -5px 0 10px 0; border-bottom: 1px dotted #660000;}
.hlicon { width: 25px; float: left; padding: 5px 0 0 0; margin-right: 5px; border-color: #ddd #e2e2e2 #aaa #e2e2e2; border-style: solid; border-width: 1px;}
.hlicon_ri { background: #eee; border-color: #ddd #e2e2e2 #aaa #e2e2e2; border-style: solid; border-width: 1px; padding: 5px; margin-bottom: 10px;}


/* Headline 1 */
h1 {
	color: #014087;
	font-size:22px;
	font-weight:bold;
	line-height:22px;
	margin: 10px 0 20px 0px;
	padding: 0 0 2px 0;
	width: 100%;
}

#inhalt_re_ma h1 {
    font-size: 11px;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	background: url(../files/button_ov.gif) center top no-repeat;
}


#inhalt_re_ma h2 {
    font-size: 11px;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	background: url(../files/button_no.gif) center top no-repeat;
}

#menue h1 {
    font-size: 11px;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	background: url(../files/button_ov.gif) center top no-repeat;
}


/* Headline 2 */
h2 {
	color:#014087;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	margin: 5px 0 10px 0px;
}

#box .box h2 {
    font-size: 11px;
    font-weight: normal;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	line-height: 24px;
	background: url(../files/button_no.gif) center top no-repeat;
}

/* Headline 3 */
h3 {
	color:#999999;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	margin-bottom: 10px;
	padding: 4px 0 5px 0;
}

.toggler { font-size: 11px; color: #1d5121; background: none; margin: 2px 0 2px 0; line-height: 18px; padding: 1px 0 1px 0px; }
.accordion { padding: 5px 5px 10px 0px;}
.box .accordion { padding: 5px 5px 10px 7px;}
.box .toggler { padding: 1px 0 1px 7px; }


/* Headline 4 */
h4 {
	color: #BB3B41;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	margin-bottom: 10px;
}
/* Headline 5 */
h5 {
	display: block;
    color: black;
    font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 0 5px 0;
	margin-bottom: 4px;
	border-bottom: 1px solid #CCC;
}
/* Headline 6 */
h6 {
    display: block;
    color: #333333;
    font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 4px 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
	width: 100%;
}

.content h6 { width: 100%;}
.section h6 { width: 100%;}



/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
code, 
#main-block p,
#main-block ul,
#main-block ol,
#main-block dl,
#main-block table {
	margin-bottom:1.2em;
}


#main-block p, 
#nav-rightCol div.login p {
	clear:left;
}

p.source, 
code {
	display:block;
	padding:5px;
	background:#f3f0e9;
	border:1px solid #e0a8a8;
	font-family: Courier;
}

p.emphasize {
	padding:5px;
	background:#f1f1f1;
	border:1px solid #e0a8a8;
	font-family: Courier;
}

#main-block ul, 
#main-block ol {
    width: 200px;
	margin-top:10px;
	margin-left:22px;
	}

#main-block ol, 
#main-block ul ul, 
#main-block ol ol, 
#main-block ul ol, 
#main-block ol ul {
	margin-top:5px;
	width: 200px;
}

#main-block ul li {
	list-style-type:none;
}

#main-block ol li {
	list-style-type:decimal-leading-zero;
}

#main-block ol ol li {
	list-style-type:lower-alpha;
}


#main-block dl dt {
	margin: 8px 2% 0 0;
	padding: 5px 0 0 5px;
	font-weight: bold;
}

#main-block dl dd {
  margin: 12px 2% 12px 0;
  padding: 0 4em 5px 2em;
}

#main-block .nav-article ul {
	margin-top:0;
	margin-left:0;
}

#main-block .nav-article ul li {
	list-style-type:none;
}


/*	Login
------------------------------------------------------------------------------*/
#nav-rightCol div.login {
	margin:0 0 1.6em 0;
	width:100px;
	border-bottom:1px solid #f3f0e9;
}

#main-site #nav-rightCol div.login {
	background:#edf5f8;
	color:#517689;
}

#docu-site #nav-rightCol div.login {
	background:#faf2f0;
	color:#a43737;
}

#down-site #nav-rightCol div.login {
	background:#f9f3ea;
	color:#bf7b1c;
}

#foru-site #nav-rightCol div.login {
	background:#f4f0e7;
	color:#a48037;
}

#wiki-site #nav-rightCol div.login {
	background:#ecf2e1;
	color:#758852;
}

#nav-rightCol div.login2 {
	padding:10px;
}

#nav-rightCol div.login input {
	width:158px;
	margin:0 0 2px 0;
	padding:2px 0;
}

#main-site #nav-rightCol div.login input {
	border:1px solid #90abb4;
}

#docu-site #nav-rightCol div.login input {
	border:1px solid #e0a8a8;
}

#down-site #nav-rightCol div.login input {
	border:1px solid #efc990;
}

#foru-site #nav-rightCol div.login input {
	border:1px solid #d4c09b;
}

#wiki-site #nav-rightCol div.login input {
	border:1px solid #b3c297;
}

/* hide from IE/MAC \*/
* html #nav-rightCol div.login input {
	display:block;
}
/* end hide */

#nav-rightCol div.login input.submit {
	display:none;
	border:none;
}

#nav-rightCol div.login p {
	text-align:center;
}


/*	Highlight Referenz
------------------------------------------------------------------------------*/
#main-block div.side-box {
	margin-top:1em;
	border-bottom:2px solid #90abb4;
	background:#edf5f8;
	color:#517689;
}

#main-block div.side-box p {
	clear:none;
	margin:5px 10px;
	line-height:1.4em;
}

#main-block div.side-box p img {
	margin-top:10px;
}

/*	Registrierung
------------------------------------------------------------------------------*/
#main-block div.register label {
	clear:both;
	float:left;
	width:150px;
}

#main-block div.register label.fchecklabel {
	display:block;
	clear:none;
	float:left;
	margin:1.6em 0 1.6em 3px;
	width:300px;
}

#main-block div.register input {
	width:300px;
	margin:0 0 2px 0;
	padding:2px 0;
	border:1px solid #606060;
}

#main-block div.register input.fcheckbox {
	float:left;
	margin:1.6em 0 0 130px;
	width:20px;
	border:none;
	text-align:right;
}


#main-block div.register input.warning {
	border:1px solid #f00;
}


/*	Hyperlinks
------------------------------------------------------------------------------*/

#inhalt a,
#inhalt_li a,
#inhalt_re a,
#inhalt_li_ma a, 
#inhalt_re_ma a,
.news a,
.box a,
#main-block a:link {
    font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-weight:normal;
	color: #014087;
	text-decoration:none;
	margin: 2px 0px 0px 0px;
	width: auto;
	line-height: 15px;
	}

#inhalt a:hover,
#inhalt_li a:hover,
#inhalt_re a:hover,
#inhalt_li_ma a:hover, 
#inhalt_re_ma a:hover,
.news a:hover,
.box a:hover,
#inhalt_rechts_1 a:hover {
	color:#EE8002;
	text-decoration: none;
	
	
}

.toplink { display: block; background:url(../files/topbtn.gif) 0px 2px no-repeat; padding-left: 15px; width: 250px;}


/*	Tables
------------------------------------------------------------------------------*/
#main-block table.tab th,
#main-block table.tab td {
	padding:0 10px 0 0;
} 

/*	Images
------------------------------------------------------------------------------*/
#main img {
    margin: 0px;
}

.wysiwygimg {float: left; margin: 0px 5px 5px 0px;}
.wysiwygimg td {width: auto;}
.wysiwygimg img {
    background: #eee;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	float: left;
	padding: 5px;
	position: relative;

}

wysiwygimgtext { display: block;}

.wysiwygimgtitle { 
    background: url(../files/button_no.gif) left bottom repeat-x;
    padding: 0 0px 0 5px;
	color: white;
	display: block;
	clear: both;
	font-size: 11px;
    }
 
.gb_galerie { margin: 30px 0px 0px 0px;}    
.galeriepic {float: left; margin: 0px 5px 5px 0px;}
.galeriepic img {
    background: #eee;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	float: left;
	padding: 5px;
	position: relative;

}

.content_2 img {
    background: #eee;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	}
	
#content .galpic {
    float: left;
}    

#content .galpic img {
    
}

.aktionspic {
    width: auto;
    background: url(../files/contentverlauf_ma.gif) center bottom no-repeat;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	margin: 3px 3px 3px 0px;
	padding: 5px;
	float: left;
	z-index: 2;
}

.aktiondescription {background: url(../files/ma_box_verlauf.gif) left top no-repeat; padding: 5px 10px 5px 7px;}
.cash {
    background-image: url(../files/button_no.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding: 0px 5px 5px 10px;
	color: white;
	font-size: 44px;
	font-weight:lighter;
	text-align: right;
	line-height: 10px;
	z-index: 50;
	border-top: 1px dotted white;
}

.bez {
    font-size: 11px;
	font-weight:normal; 
    display: inline;
    }

/*	.download
------------------------------------------------------------------------------*/
table.download {
	margin-bottom:1.2em;
	width:100%; 
	border-spacing:2px;
}
table.download th, 
table.download td {
	padding:3px;
}
table.download th {
	background:#d7d6d3;
}
table.download td {
	background:#eee;
}

/* Diese CSS-Angaben stammen aus der originalen main.css */
/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p { 
  width:97.3%; /* IE6 Hack */
	margin: 0;
}

#main-block .download-hdl p { 
	padding: 5px 7px;
	background-color: #393;
	font-weight: bold;
	color: #fff;
}

#main-block .download-file { 
	padding: 1.2em 7px;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
}

#main-block .download-desc { 
	margin-bottom: 1.2em;
	padding: 1.2em 7px;
	background-color: #e5ffe5;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
	border-bottom: 2px solid #393;
}

#main-block .download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 2px solid #393;
}


/*	footer
------------------------------------------------------------------------------*/

#footer_master {
    display:none;
	width:900px;
	text-align:center;
	color: #999;
	font-size: 11px;
	float:left;
	clear: both;
	background: url(../files/contentverlauf.gif) right top no-repeat;
	margin-top: -5px;
}

#footer_master_ma {
    display:block;
	width:680px;
	height: 50px;
	text-align:center;
	color: #999;
	font-size: 11px;
	float:left;
	clear: both;
	line-height: 25px;
	background: url(../files/contentverlauf_ma.gif) 229px top no-repeat;
	margin: 6px 0 0 1px;
}

#footer {
    display:block;
	width:900px;
	font-family: "Helvetica Neue", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
	padding: 0 0 1px 0;
	margin: 0px 0px 0px 0px;
	background: url(../files/contentstop.gif) right bottom no-repeat;
	}

#footer_ma {
    display:block;
	width:679px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	padding: 0 0 1px 0;
	margin: 1px 0px 0px 0px;
	background: url(../files/contentstop_ma.gif) right bottom no-repeat;
	}

.footer_li { width: 200px; float: left; text-align: left; }
.footer_re { width: 600px; padding: 0 6px 0 0; float: right; background: url(../files/contentstart.gif) right top no-repeat;}
.footer_re_ma { width: 480px; padding: 0 6px 0 0; float: right; background: url(../files/contentstart_ma.gif) right top no-repeat;}

#footer a,
#footer_ma a,
#footer_re_ma a,
#footer_master a {
    color: #014087;
	padding: 0px 4px 0px 2px;
	margin: 0 0 0 0px;
	text-decoration:none;
	font-size: 11px;
	}

#footer a:hover,
#footer_ma a:hover,
#footer_re_ma a:hover {
    color: #999;
	font-weight:normal;
	text-decoration: none;
	}
	
#footer_master span {
    color: #FFFFFF;
	margin-right: 6px;
	padding: 0 0 0 10px;
	}

#docu-site #footer {
	background:#e0a8a8;
}

#down-site #footer {
	background:#efc990;
}

#foru-site #footer {
	background:#d4c09b;
}

#wiki-site #footer {
	background:#b3c297;
}
#footer p {
	padding:0 5px 0 0;
	color:#fff;
	display: block;
}


/*	specials
------------------------------------------------------------------------------*/
#special-tl {
	position:fixed;
	top:0;
	left:0;
}
#special-tr {
	position:fixed;
	top:0;
	right:0;
}
#special-bl {
	position:fixed;
	bottom:0;
	left:0;
}
#special-br {
	position:fixed;
	bottom:0;
	right:0;
}
#special-tl a,
#special-tl a:link, 
#special-tr a, 
#special-tr a:link, 
#special-bl a, 
#special-bl a:link, 
#special-br a, 
#special-br a:link {
	display:block;
	width:10px;
	height:10px;
}
#special-tl a,
#special-tl a:link { background:#eee; }
#special-tr a, 
#special-tr a:link { background:#eee; }
#special-bl a, 
#special-bl a:link { background:#eee; }
#special-br a, 
#special-br a:link { background:#eee; }

#special-tl a:hover { background:#a4bbc7; }
#special-tr a:hover { background:#f00000; }
#special-bl a:hover { background:#f90; }
#special-br a:hover { background:#d0d8d0; }

#errormsg {
	position:relative;
	top:20px;
	left:0;
	padding:10px;
	background:#eee;
	border:1px solid #aaa;
	font-size:1.2em;
}
#errormsg code {
	display:block;
	margin:20px 0;
}
#error {
	position:absolute;
	top:20px;
	left:10px;
	padding:10px;
	background:#eee;
	border:1px solid #aaa;
	font-size:1.2em;
}

body #main-block img.imgteaser {
	float:left;
	margin-right:30px;
	margin-top:15px;
}

body #main-block img.imgteaser2 {
	float:left;
	margin-right:30px;
	margin-top:20px;
	border:0;
}

/**
* @package Dreispalter
* @name DS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.dreispalter {
  width: 680px;
  margin-bottom: 20px;
}

.dreispalter_1 {
  width: 200px;
}

.dreispalter_2 {
  width: 200px;
  margin-left: 10px;
}

.dreispalter_3 {
  width: 200px;
  margin-left: 10px;
}

.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

/**
* @package Zweispalter
* @name ZS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.zweispalter {
  width: 530px; 
  margin-bottom: 20px;
}

.zweispalter_1 {
  width: 260px;
  
}

.zweispalter_2 {
  width: 240px;
  margin-left: 30px;
}

.zweispalter_1, 
.zweispalter_2 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

/* Beispiel CSS von Sven Jansen
im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/* 2+3 */
#inhalt_links_start .zweier, .dreier {
 margin: 0px 0px 10px 0px;
 width: 500px;
}

/* 2 */
#inhalt_links_start .zweier .spalte_1 {
 width: 230px;
 float: left;
}

#inhalt_links_start .zweier .spalte_2 {
 width: 230px;
 margin-left: 40px;
 float: left;
}


/* 3 */
#inhalt_links_start .dreier .spalte_1 {
 width: 160px;
 float: left;
}

#inhalt_links_start .dreier .spalte_2 {
 width: 160px;
 float: left;
 text-align: left;
 margin-left: 25px;
}

#inhalt_links_start .dreier .spalte_3 {
 width: 160px;
 float: left;
 margin-left: 25px;
}

/* Spaltencontent Template 1spaltig */
/* 2+3 */
#inhalt .zweier, .dreier {
 margin: 0px 0px 10px 0px;
 width: 680px;
}

/* 2 */
#inhalt .zweier .spalte_1 {
 width: 310px;
 float: left;
}

#inhalt .zweier .spalte_2 {
 width: 350px;
 float: left;
 margin-left: 20px;
}


/* 3 */
#inhalt .dreier .spalte_1 {
 width: 205px;
 float: left;
}

#inhalt .dreier .spalte_2 {
 width: 205px;
 float: left;
 text-align: left;
 margin-left: 25px;
}

#inhalt .dreier .spalte_3 {
 width: 205px;
 float: left;
 margin-left: 25px;
}


/*Modul Dokument bereitstellen*/

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}
	


	/* form-exhibitor
*******************************************************************************/
/*Captcha-Bild*/
.formgen .formcaptcha {
	border-top:1px solid #CCC;
	border-left:1px solid #DDD;
	border-right:1px solid white;
	border-bottom:1px solid white;
	color: white;
	background: transparent;
}

.formgen * {
	padding:0px;
	margin:0;
	
}

.formgen {
	margin:30px 0px 0px 0px;
	padding:0px;
	width: 380px;
}

.formgen fieldset {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	
}

.formgen legend {
	color: #1BD1FF;
	padding: 2px 3px;
	border: 1px solid #e7e7e7;
	margin: 10px 0px 5px 0px;
}


.formgen p {
	margin:0;
	padding-bottom:1em;
	float: left;
}

.formgen h2 {
	padding:1em 0 1em 0;
}

.formgen .element {
	display:block;
	clear:both;
}

.formgen .formblock label {
	display:block;
	padding:0px 0 0 0;
	width: 105px;
}

.formgen label {
	display:block;
	padding:0px 0 0 0;
	width: 106px;
	float:left;
	clear: none;
}

.formgen label.checkbox {
	width:80px;
	border-left:2px solid #fff;
	border-right:none;
}

.formgen label.checkboxinner {
	width:80px;
	border-left:2px solid #fff;
	border-right:none;
}

.formgen input, 
.formgen textarea {
	float:left;
	margin:0px 0px 8px 0px;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
	width:175px;
	border-top:1px solid #CCC;
	border-left:1px solid #DDD;
	border-right:1px solid white;
	border-bottom:1px solid white;
	color: #666666;
	background: white;
	padding: 2px 0px 2px 3px;
}

.formgen textarea { width: 250px; height: 100px;}

.formgen select {
	margin:0px 0px 8px 0px;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
	width: auto;
	border-top:1px solid #CCC;
	border-left:1px solid #DDD;
	border-right:1px solid white;
	border-bottom:1px solid white;
	color: #666666;
	background: white;
	padding: 1px 0px 0px 3px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	background-color: white;
 	border: 1px solid #014087;
    background: url(../files/ma_box_verlauf.gif) left top no-repeat;
}

.formgen input.text {
	height:1.4em;
}

.formgen input.textshort {
	width:30px;
}

.formgen input.textshortdisabled {
	display:none;
	float:none;
	width:50px;
	border:none;
}

.formgen input.checkbox {
	width:10px;
	padding:0;
	border:none;
}

.formgen input.checkboxinner {
	width:30px;
	padding:0;
	margin:0 0 0 123px;
	border:none;
}

.formgen input.submit { 
	margin:3px 5px 25px 105px;
	padding:1px 10px 5px 10px;
	width: 71px;
	height: 27px;
	cursor:pointer;
	border: none;
	color: white;
	background: url(../files/button_no.gif) center bottom no-repeat;
}

.formgen input.submit:hover { 
	border: none;
	background: url(../files/button_ov.gif) center bottom no-repeat;
}

.formgen input.submit_r { 
	margin:3px 5px 0px 0px;
	padding:1px 10px 5px 10px;
	width: 71px;
	height: 27px;
	cursor:pointer;
	border: none;
	color: white;
	background: url(../files/button_no.gif) center bottom no-repeat;
}

.formgen input.submit_r:hover { 
	border: none;
	background: url(../files/button_ov.gif) center top no-repeat;
}

.formgen label.textarea, 
.formgen textarea.textarea {
	height:96px;
}

.formgen-thanks {
	display:block;
	color:#666;
	font-size:1.2em;
	
}

#form-module-thanks {
    background: url(../files/formularhintergrund.gif) right top repeat-y;
    padding: 20px 20px 10px 0px;
    margin: -10px 0px 0px 1px;
    width: 300px;
}

.el_left {
	display:block;
	float:left;
	padding:0px;
	width:50%;
	border-bottom:1px solid black;
}

.el_right {
	display:block;
	width:50%;
	float:right;
	border-bottom:1px solid black;	
}

.el_left_place {
	padding-top:30pt;
	margin-top:30pt;
	padding-bottom:10pt;
	height:30pt;
	width:50%;
	border-bottom:1px solid black;
}

.el_right_stamp {
	padding-top:30pt;
	margin-top:30pt;
	height:30pt;
	width:50%;
	border-bottom:1px solid black;
}

.justforprint h2 {
	font-size:9pt;
	padding-top:20pt;
	orphans:5;
}

div.onearticle  {
	font-size:6pt; 
	line-height:130%;
	padding:1em 0;
} 

.noprintpage { display:none; }

.onearticle ul {
	list-style-image: none;
	list-style-position: inside;
}

.onearticle li {
	list-style-image: none;
	list-style-position: inside;	
}

.justprintnewpage {
	page-break-before:always;
}

.table1 { padding: 4px 6px 0px 7px; margin: 2px 0 0 0; color: #666; background: url(../files/box_guestbook_start.gif) left top no-repeat;}
.table2 { padding: 5px 8px 0px 7px; background: url(../files/box_guestbook_background.gif) left bottom no-repeat;}
.table2 td { margin: 0 0 0px 0;}
.answer { background: #447526; padding: 1px 4px 2px 4px; border: 1px solid white; color: white;}

/* Forms Weiterempfehlung */


#weiterempfehlen { width: 300px; margin: 0 0 10px 0; padding: 10px 0px 0px 0px;}
.fehler,
.fehler ul { width: 330px; height: auto; margin: 0 0 10px 1px; padding: 20px 10px 0px 0;}

#weiterempfehlen legend {
	color: #1BD1FF;
	padding: 2px 3px;
	border: none;
	margin: 0px 0px 5px 0px;
}

#weiterempfehlen fieldset {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0;
	border: none;
}

#weiterempfehlen input, 
#weiterempfehlen textarea {
	float:left;
	margin:0px 0px 8px 0px;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-size:11px;
	width:175px;
	border-top:1px solid #CCC;
	border-left:1px solid #DDD;
	border-right:1px solid white;
	border-bottom:1px solid white;
	color: black;
	background: url(../files/ma_box_verlauf.gif) left bottom no-repeat;
	padding: 2px 0px 2px 3px;
}

#weiterempfehlen input {height:16px;}

#weiterempfehlen input.submit2 { 
	margin:7px 5px 25px 100px;
	padding:1px 5px 1px 5px;
	width: auto;
	height: auto;
	cursor:pointer;
	float: left;
	border: none;
	color: white;
	background: #BB3B41;
}

#weiterempfehlen input.submit2:hover { 
	border: none;
	background: #660000;
}

#weiterempfehlen label {
	display:block;
	float:left;
	width:100px;
	
}

#weiterempfehlen input:focus, #weiterempfehlen input:hover,
#weiterempfehlen textarea:focus, #weiterempfehlen textarea:hover {
	background-color: white;
 	border: 1px solid #1d5121;
    background: url(../files/ma_box_verlauf.gif) left top no-repeat;
}


#weiterempfehlen input.submit { 
	margin:3px 5px 25px 0px;
	padding:1px 3px 1px 3px;
	font-size:11px;
	width: auto;
	height: auto;
	cursor:pointer;
	border: none;
	color: white;
	background: url(../files/button_no.gif) center bottom no-repeat;
	float: left;
}

#weiterempfehlen input.submit:hover { 
	border: none;
	background: url(../files/button_ov.gif) center bottom no-repeat;
}


/* Lightbox Modul */

#lightbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url() left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url() right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	background: #DCDCDC;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 60px;
	width: 50px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}



/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
	text-align:left; 
	vertical-align:top; 
	padding:1px;
}

.jaosg_thumbnail {
	margin: 0 6px 0 0;
	float: left;
	height: 75px;
	width: 80px;
	text-align: left;
	vertical-align:middle;
}

.jaosg_nav {
	text-align: right;
}

.jaosg_bild {
	text-align: left;
	margin: -56px 0 0 -10px;
}

.jaosg_bildbeschreibung {
	text-align: left;
	margin: -30px 0 0 0;
}


/*Start Sitepap mit Artikeln */

#sitemap{
	float: left;
	width:470px;
	padding:0px 0 30px 0;
	color: white;
}

#sitemap .langsitemap{
	float: left;
	width:400px;
	padding:0px;
}

#sitemap .sitemaplevel1 ul {
    list-style: disc;
	background-image: url(../files/branch.gif);
	background-position: left top;
	background-repeat: repeat-y;
}


#sitemap .sitemaplevel1 ul li {
    list-style: none;
	background-image: url(../files/zweigende.gif);
	background-position: 20px top;
	background-repeat:no-repeat;
	padding: 0 0 0 35px;
}

#sitemap .sitemaplevel1 ul a.level1{ margin: 0px 0 5px 30px; line-height: 16px; 
}

#sitemap .sitemaplevel2 ul{
    list-style: none;
}
#sitemap .sitemaplevel2 ul a.level2{ margin:3px 0 5px 20px; line-height: 16px;
}
#sitemap .sitemapartikel ul{
	list-style: none;
}
#sitemap .sitemapartikel li{
	list-style: none;
	margin: 0 0 0 20px;
}
#sitemap .sitemapartikel a{
    font-size:11px;
    color:#999999;
	padding-left: 0px;
	line-height: 16px;
	margin: 0 0 0 0;
	
}

/* Download anbieten */

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:10px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#F4F4F4;
	margin:0px;
    line-height: 18px;
	}

/* Download Medienkategorie */

.katdownload { margin: 0 0 10px 0;}
.katdownload table { margin: 0 0 0 0;}
.katdownload tr { border:none; padding: 0px; margin:0px 0 10px 0; }
.katdownload td { padding: 0 0 5px 0; margin: 0px; vertical-align:top; border-spacing:0px; }
	



.magazine-image { 
   background: #fff; 
   border: 1px #eee solid; 
 } 
 .magazine-image img { 
   padding: 0px; 
   background: #fff; 
   margin: 2px; 
   border: 1px #eee solid; 
 }
 
 
 /* Linksammlung CSS Start */
 
 .referenzen_leiste {
    width:auto;
	height:auto;
	padding:10px 0 0 10px;
	background: #CCCCCC;
}

.referenzen_alles {
    display:inline;
	float:left;
	
}

.referenzen_alles2 {
    display:inline;
	
}

.referenzen_titel {
    width:auto;
	display:inline;
	float:left;
	text-shadow:Gray;
	color:#660000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:10px;	
}

.referenzen_inhalt {
    width:auto;
	display:inline;
	float:left;
	clear:both;
    color:#666666;
	padding-left: 8px;
	border-bottom: 1px dotted #660000;
	margin-bottom: -12px;
}

/* Linksammlung CSS Ende */


/*Teaser Style*/
/*Style für Categorie Überschrift
*/
.dl.teasercat { color: #666; font-size: 14px; font-family: arial; font-weight: bold; background-color: #ccc; text-indent: 12px; padding: 3px; }
dl.teasercat a { color: #900; font-weight: bold; text-decoration: none; }
/*Style für Artikel Übersicht*/
dl.teaserart { background-color: #e9e8e8; height: 20%; margin: 15px 0; padding: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
dl.teaserart a { color: blue; }
dl.teaserart:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.teaserart dt { margin: 0 0 0.5em; font-family: arial; font-size: 14px; color: gray; }
/*Style des Pics*/
dl.teaserart dt img { 
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}
/*Sytle des Description Feldes*/
dl.teaserart dd { 
margin-left: 100px;
font-size: 11px;
line-height: 13px;
color: #666; 
}


/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

.slidebox_item { width: 100%;}
.slide { 
    background: #eee;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px 5px 3px 0px;
	padding: 8px;
	position: relative;
   
    }
    
.titel { background: #999; font-weight: normal; color: white; padding: 2px 0 2px 5px; width: auto; border: 1px solid white;}
.beschreibung { background: white; color: black; padding: 0 0 0 5px; border-top: 1px dotted white; border-bottom: 1px solid white; word-wrap: break-word;}
.thumbnail { margin-top: 0px; padding: 0 0 0px 0;}

/* Hausmodul */
div.hm_container {
	
	width: 96%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

div.hm_container .hm_bild_left {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 1px;
	margin-left: 10px;
	float: left;
	height: auto;
	width: auto;
}

div.hm_container .hm_bild_right {
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	height: auto;
	width: auto;
}

.hm_pic { 
    float: left;
    padding: 5px 5px 0px 5px;
    background: white;
    border: 1px solid #F4F4F4;
    }


div.hm_container .hm_inhalt {
	padding: 0px;
	width: 40%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: block;
	float: left;
	}

div.hm_container p {
	padding-left: 5px;
}

div.hm_container .hm_titel {
	display: block;
    color: black;
    font-size: 12px;
	font-weight: bold;
	padding: 2px 0 2px 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #F4F4F4;
}

div.hm_container .hm_zbueberschrift {
	color: white;
	font-size: 10px;
	line-height: 3px;
	padding: 0px 0 0px 5px;
	width: 158px;
	margin: 1px 0 1px 0px;
	border-top: 1px solid #DDD;
	display: block;
}

div.hm_container .hm_galeriebild{
	height: 30px;
	width: 40px;
}
* html div.hm_container .hm_galeriebild{
	margin: 0px 0 0 10px;
	padding: 0px;
}
div.hm_container .hm_galeriebild .hm_qformat {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	height: 30px;
	width: 40px;
}
div.hm_container .hm_galeriebild .hm_hformat {
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	height: 80px;
	width: 60px;
}
div.hm_container .hm_galeriebild_text {
	float: left;
	font-size: 8.5pt;
	color: #666666;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.hm_container .clearing {
	clear: both;
}


/*	Navigation dropdown
------------------------------------------------------------------------------*/

#dropdown-navigation {
	float:left;
	width:200px;
	padding:14px 0;
	}

#dropdown-navigation ul.nav1st {
	list-style: none;
	width: 170px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	color:#606060;
	background: #fff;
	}
#dropdown-navigation ul.nav1st li {
	position: relative;
	padding: 8px 0 8px 14px;
	}
#dropdown-navigation ul.nav1st li.active {
	background: #f7f7f7; 
	}
#dropdown-navigation ul.nav1st li a,
#dropdown-navigation ul.nav1st li a:link {
	color:#606060;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	position: static;
	z-index: 10;
	}
#dropdown-navigation ul.nav1st li a.current,
#dropdown-navigation ul.nav1st li a.current:link,
#dropdown-navigation ul.nav1st li a:hover {
	color: #090; 
	text-decoration: none;
	}
#dropdown-navigation ul.nav1st li a.folder {
	background-image: url(sub.gif);
	background-position: 93%;
    background-repeat: no-repeat; 
	}

/* Fix IE. Hide from IE Mac \*/
* html #dropdown-navigation ul li { float: left; height: 1%; }
* html #dropdown-navigation ul li a { height: 1%; }
/* End */

		

/* Sub Menu Styles */

#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Anzeigeoption/Position der dropdown-submenüs */
	position: absolute;
/*	left: 85%; */
	left: 159px;
	top: 0;
	display: none;
	}
#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Stil der dropdown-submenüs */
	width: 180px; /* Width of Menu Items */
	margin: 0;
	padding: 10px 0;
	color:#606060;
	background: #f7f7f7;
	list-style: none;
	border: 2px solid #fff;
/*	border-bottom: 1px solid #fff; */
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li {
/*	zusammen mit dem border-bottom (siehe oben) 
	entsteht eine komplett geschlossene borderline 
	um jeden submenüpunkt	*/
/*	border: 1px solid #fff;
	border-bottom: 0; */
	display: block;
	padding: 0;
	text-decoration: none;
	color:#606060;
	background: #fff; 
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li a,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:link {
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px 10px; 
	color:#606060;
	background: #f7f7f7; 
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current,
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current:link,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:hover {
	display: block;
	text-decoration: none;
	color: #090; 
	background: #fff; 
	}

		
/* The magic ^^ */
#dropdown-navigation ul.nav1st li.over { 
	z-index: 10;
} 
#dropdown-navigation ul.nav1st li:hover ul.nav2nd, #dropdown-navigation ul.nav1st li.over ul.nav2nd { 
	display: block; 
	z-index: 20;
}