/* ############# Main Colors ################# */
.yellowbox{background-color:#F9F200;color:black}
.orangebox{background-color:#F58701;color:black}
.brownbox{background-color:#CD4E00;color:white}
.bluebox{background-color:#31ABE7;color:white}
.lightgreenbox{background-color:#C6E300;color:black}
.midgreenbox{background-color:#89CA06;color:black}
.darkgreenbox{background-color:#3DAB08;color:white}
.newgreenbox{background-color:#95C123;color:black}


/* ############# redefine HTML-Tags ################# */
p, h1, h2, h3, h4, h5, h6 {padding:12px 10px 10px 10px;margin:0}
td h2, li p {padding:0}
.smallList p {padding:5px 5px 5px 10px }
#inhalt table{margin-left:10px;}

p, ul, td, ol{font-size: 0.9em}
h1{font-weight:bold;	font-size: 1.8em;}
h2{font-weight: bold;font-size: 105%;}
h3{font-weight: bold;font-size: 100%;}

ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	list-style-type: square;
}
ul li, ol li{	padding-bottom:5px}

a:link{font-weight:bold;color: #990000;}
a:visited{font-weight:bold;color: #CD4E00;}
a:hover{color: #F58701;}
.orangebox a:hover{color:#F9F200}
.midgreenbox  a:hover{color:#F9F200}

a img{border:none}

/* ############# Main PageLayout ################# */
html, body, .netForm {height: 100%;}
#center{
    text-align:center;
    margin:0;
    padding:0;
    position:relative;
    min-height: 100%;
 }

#main {
    width:798px;
    margin: 0 auto;
    position:relative;
    text-align:left;
    overflow:auto;        
    /* min-height: 100%; */
	padding-bottom: 20px;}  /* must be same height as the footer */

#footer {position: relative;
    margin:0 auto;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;
	width:798px;
	text-align:center;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

body {
    font-size:1em;
	padding: 0;
	margin: 0;
	text-align: center;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
textarea{font-family: Verdana, Arial, Helvetica, sans-serif;}
#innerfooter{
	font-size:10px;
	text-align:center;
	line-height: 20px;
	color:black;
    width:532px; 
    position:absolute;
    left:266px}


#header{padding:0; margin:0;width:798px;height:170px;position:relative}
#menublock{width:266px;float:left;min-height:340px;padding:0; margin:0;}

#menuCol{width:266px; float:left;padding:0; margin:0;}

#leftimgtop, #leftimgtop2 {width:266px;height:170px;float:left;background-repeat: no-repeat;}
#leftimgtop{background-color:#F9F200; background-image:url(../siteimages/multi_steckenlassen.gif);}
#leftimgtop2{background-color:#CD4E00;color:white;background-image:url(../siteimages/multi_steckenlassenTxt.gif);}

#inhalt{	
    width:532px; float:left;padding:0 0 2em 0; margin:0;
	position:relative;
	z-index: 0; 
	margin-bottom:-20px;  /* compensates footer-height*/
}


/* ### usability ### */
#FontSize{position:absolute;z-index:5;right:0;top:80px; width:125px;height:30px; background-color:#C6E300}
#FontSize a{color:#000000;text-decoration:none}
#FontSize a:hover{color:#FFFFFF}
#FontBigger, #FontSmaller{position:absolute;font-weight:normal; bottom:0}
#FontBigger{font-size:1.4em; left:5px}
#FontSmaller{font-size:1.1em; left:50px}
#KontrastSwitcher img, #FarbSwitcher img{position:absolute; right:26px ;bottom:4px; }
#ResetBtn img{position:absolute;bottom:4px; right: 5px }


.w1, .w2, .w3{	overflow: auto;}
.w1, .w2, .w3, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .h19, .h11, .h12, .h13, .h14, .h15, .h16, .h17, .h18, .h19, .h20 {	
	background-repeat: no-repeat;
	padding:0px;
	margin:0px;
}

.w1{width:266px;float:left;}
.w2{width:532px;float:left;}
.w3{width:798px;clear:left;}

.h1{height:170px;}
.h2{height:340px;}
.h2min{min-height:340px;}
.h3{height:510px;}
.h3min{min-height:510px;}
.h4{height:680px;}
.h5{height:850px;}
.h6{height:1020px;}
.h7{height:1190px;}
.h8{height:1360px;}
.h9{height:1530px;}
.h10{height:1700px;}
.h11{height:1870px;}
.h12{height:2040px;}
.h13{height:2210px;}
.h14{height:2380px;}
.h15{height:2550px;}
.h16{height:2720px;}
.h17{height:2890px;}
.h18{height:3060px;}
.h19{height:3230px;}
.h20{height:3400px;}


/* ############# define Menus and titles ################# */
#pagetitle{
	position: absolute;
	top: 105px;
	left: 260px;
	z-index: 5;
	font-size: 2.1em;
	white-space: nowrap;
	width:518px;
	overflow:hidden
}
.programm #pagetitle {font-size:2em}
#topmenu, .topmenu{
	position: absolute;
	top: 10px;
	left: 175px;
	z-index: 4;
	padding:5px
}
.submenu li, .subsubmenu.li {padding:0px}
.submenu a, .submenu a:visited,
.subsubmenu a, .subsubmenu a:visited,
.linklist a,.linklist a:visited  {font-weight: 600;}
#topmenu, .topmenu, .submenu a, .subsubmenu a, .linklist {font-size: 0.8em;	}
#topmenu a, #topmenu a:visited, 
.topmenu a, .topmenu a:visited, 
.submenu a, .submenu a:visited,
.subsubmenu a, .subsubmenu a:visited {
	color: black;
	text-decoration: none;
	white-space: nowrap;
}
.linklist a, .linklist a:visited{color:black; text-decoration:none;}
.linklist a:visited{color:#006600;}
.submenu a.active, .submenu a.active:visited, .submenu a.active:hover{color:white;}
.submenu a.upper, .submenu a.upper:visited, .submenu a.upper:hover{color:#F9F200;}
#topmenu a:hover, .topmenu a:hover, .submenu a:hover, .subsubmenu a:hover, .linklist a:hover{text-decoration:underline;color: black;}
#topmenu .main, .topmenu .main{font-weight: bold;}
ul.submenu, ul.submenu ul, ul.linklist, ul.subsubmenu, ul.footer {list-style: none}
ul.submenu, ul.linklist, ul.footer {margin:8px 10px;}
ul.subsubmenu{	margin:0px 0px 0px 10px;padding:0px}
.subpage li{line-height:1.8em}
.submenu ul{padding-bottom:8px}
.submenu ul {margin-left:20px;font-size:1em}

ul.linklist  {
	list-style-image: url(../siteimages/bullet.gif);
	padding-left: 15px;
	margin-top:0px
}
.linklist li {padding-bottom:0.5em}
.linklist p {font-size:0.7em;padding:0px 0px 0.5em 0px}

ul.pagedown {list-style-image: url(../siteimages/bulletdown.gif);	margin-left: 35px;}

a.mehr, a.more, a.back,
a.mehr:link, a.more:link, a.back:link,
a.mehr:visited, a.more:visited, a.back:visited,
a.mehr:hover, a.more:hover, a.back:hover{
	color: black;
	font-weight: 600;
	font-size: 0.7em;
	background: url(../siteimages/bullet.gif)  0px -2px no-repeat;
	padding-left:10px;
	text-decoration:none;
}
a.mehr:hover,a.more:hover,a.back:hover{text-decoration:underline;}

/* ############# define user classes ################# */
.small, .datum, .smallList p {font-size:0.7em; font-weight:normal}
.smallList{padding-bottom:1em}

/* ############# cms classes ################# */
.site_15 form {height:100%}

.fotobox{display:block;width:240px;font-size: 0.8em;line-height:1.4em;margin-bottom:1em}
.fotobox img{margin-bottom:0}
.fotocenter {margin-right:auto;margin-left:auto;background-color:#F58701;width:auto}
.fotocenter img{margin-right:5px;float:left}

.right{float:right;margin-left:0}
.left{float:left;margin-right:15px}

.BackButton, .BackButton2{text-align:center; margin-bottom:2em}

.date, .shorttxt{font-size:0.8em}

#inhalt .tableNav{margin:0 auto;width:50%}
.tableNav td{padding:0;width:25%;text-align:center}
	
a.nav_First,
a.nav_Next,
a.nav_Prev,
a.nav_Last{width:18px; height:13px;display:block; text-decoration:none; }
a.nav_Next,
a.nav_Prev{width:14px;}

a.nav_First{ background-image:url('../siteimages/nav_First.gif')}
a.nav_Next{ background-image:url('../siteimages/nav_Next.gif')}
a.nav_Prev{ background-image:url('../siteimages/nav_Prev.gif')}
a.nav_Last{ background-image:url('../siteimages/nav_Last.gif')}


a.nav_First:hover{ background-image:url('../siteimages/nav_FirstBW.gif')}
a.nav_Next:hover{ background-image:url('../siteimages/nav_NextBW.gif')}
a.nav_Prev:hover{ background-image:url('../siteimages/nav_PrevBW.gif')}
a.nav_Last:hover{ background-image:url('../siteimages/nav_LastBW.gif')}

.tableNav .infoText{padding-top:15px;font-size:0.8em}

.pdf{background-image: url('../siteimages/ext.pdf.gif');
	background-repeat:no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	background-position: 0px 0px; 
	}
	
.ErrorText{color:Red;font-size:0.8em}
/* ############# rubrik-aktuelles ################# */
.r_484 #inhalt{padding-top:0}
.r_484 .date{padding-left:10px;}
.r_484 h3 {margin:0} 
.r_484 .NewsSeparatorDiv{height:2em}

h1.first, .r_537 .date, .r_538 .date{display:none}

.event .extrablock, .programm .extrablock, .defaultblock {display:none}
.event .defaultblock, .programm .defaultblock {display:block}

