/* TYPO */


*{
	padding: 0;
	margin: 0;
	list-style: none;
/*	scrollbar-base-color:#f1f1ee;*/
	}
	
html,body{
	height: 100%;
	}

body{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 68.5%;
	text-align: left;
	color: #404040; /* dunkles grau */
	}





/*NAVI PULL UP */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the outer div to give it width */
.menu {
position: absolute;
top:120px;
left: 380px;
width:750px;
height:30px;
font-size:1em;
z-index: 7;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
/*width:150px;*/
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
/*width:150px;*/
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size:1.2em;
text-decoration:none; 
color:#5a463d; 
/*width:139px; */
height:30px; 
border:none; 
padding-left:10px;
padding-right:30px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:80px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
color:#5a463d; /*braun*/
}
/* style the second level hover */
.menu ul ul a.drop:hover {
color:#0f9bd8; /*blau*/
}
.menu ul ul :hover > a.drop {
color:#0f9bd8; /*blau*/
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:27px;
left:0; 
width:150px;
}
* html .menu ul ul {
bottom:30px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
bottom:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
color:#5a463d; /*braun*/
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#0f9bd8; /*blau*/
background:#ffffff;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#0f9bd8; /*blau*/
background:#ffffff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}


/* END NAVI PULL UP*/






/* FONT DESCRIPTION */

* html .hide{
	display:none;
}

p{
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 1em;
	color: #404040;
	}

p.inhalt{
	margin-left: 20px;
	margin-right: 10px;
	}
	
	
p.inhalt_kleingeschrieben{
	color: #666666; /* grau */
	font-size: 1em;
	line-height: 1.3em;
	margin-left: 20px;
	margin-right: 10px;
	}

p.footer{
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 0em;
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.7em;
	font-style: italic;
	font-weight: normal;
	color: #b2160c; /* rot */
	line-height: 1.3em;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:15px;
}
	
h1.hl_footer{
	color: #404040;
	font-size:1.3em;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
	}

h1.aktuelles {	
	padding:0px;
	color: #0f9bd8; /* blau */
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #404040;
	font-size:1.3em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
	padding-left:20px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	}

h2.mitte{
	padding-left:155px;
	}
	
h2.bold {
	font-weight: bold;
	}

h2.red {
	color: #b2160c;
}

hr{
	border-top: 1px solid #cccccc;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	margin-left: 20px;
	margin-right: 10px;
	}
	
a{
	text-decoration: none;
	color: #a28c74; /* braun */
	}

a:visited {
	color:#a28c74;
}

a:active, a:hover, a:visited:hover{
	color: #0f9bd8; /* blau */
}

.veranstaltungen_head {
	font-family: Georgia, "Times New Roman", Times, serif;
	vertical-align: botton;
	margin-top:17px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom:5px;
	color: black;
	font-size:1.8em;
	font-style:italic;
	color: #0f9bd8; /* blau */
}

.veranstaltungen_body {
	vertical-align: botton;
	margin-left: 20px;
	margin-right: 10px;
	color: black;
	font-size:1.5em;
}





/* FONT DESCRIPTION FOR DIVs*/


/*
li a#aktuell {   aktuelle Rubrik kennzeichnen 
    color: maroon;
    background-color: silver;
  }
 */

#inhalt_emotional p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.1em;
	color: #a28c74;
	margin-left: 10px;
	margin-top:240px;
	}

#inhalt_main ul{ /* orininal: inhalt_inlay ul */
	list-style-position:outside;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-left: 20px;
	margin-right: 10px;
	}

#inhalt_main li{ /* original: inhalt_inlay li */
	list-style-type:none;
	list-style-position:inside;
	list-style-type:circle;
	margin-left:20px;
	font-size: 1.1em;
	line-height: 1.6em;
	}

	


/* TABLES */


td{
	line-height: 1.2em;
	}

td.tdbeginn{
	vertical-align:top;
	width: 90px;
	line-height: 1.2em;
	}

td.tdbeginn2{
	vertical-align:top;
	width: 60px;
	line-height: 1.2em;
	}





/*IMAGES */

img{
	border: 0px;
	}

img.right {
	float: right;
	}

img.main{
	width: 430px;
	border: solid 1px #cccccc;
	}
	
img.main300{
	width: 350px;
	border: solid 1px #cccccc;
	}

img.main_frameless{
	width: 430px;
	}





/* LAYOUT */


#header{
	position: absolute;
	height: 160px;
	width: 1070px;
	left: 0px;
	top: 0px;
	border: 0px;
	overflow: hidden;
	z-index: 5;
	}

#logo{
	position: absolute;
	height: 80px;
	width: 180px;
	left: 170px;
	bottom: 8px;
	border: 0px;
	overflow: hidden;
	z-index: 6;
	}		
	
/*#navigation{
	position: absolute;
	height: 30px;
	width: 880px; /*750
	bottom: 14px;
	left: 383px;
	border: 0px;
	overflow: visible;
	z-index: 7;
}*/

#inhalt{
	background-color: #e5e3d9; /* dunklere braun */
	position: absolute;
	top: 161px;
	left: 0px;
	width:1066px;
	height: 380px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	z-index: 1;	
	}
	
#inhalt_100{
	background-color: #e5e3d9;
	position: absolute;
	top: 161px;
	left: 0px;
	width:100%;
	height: 380px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	z-index: 0;	
	}
	
#inhalt_inlay{
	background-color: #f1f1ee; /* hellere braun */
	position: absolute;
	margin: 26px 20px 0px 0px;
	height: 338px;
	width: 100%;
	overflow: hidden;
	z-index: 2;	
	}

#inhalt_inlay_2{
	background-color: #f1f1ee; /* hellere braun */
	position: absolute;
	margin: 26px 20px 0px 0px;
	height: 338px;
	width: 100%;
	overflow: hidden;
	z-index: 2;	
	}

#inhalt_sub{
	position: absolute;
	width: 370px;
	height: 336px;
	top: 1px;
	overflow: hidden;
	z-index: 2;	
	}	


#inhalt_main{
	position: absolute;
	top: 1px;
	left: 371px;
	width: 530px;
	height: 336px;
	overflow: auto;
	z-index: 4;	
	}


#inhalt_emotional{
	background-image: url(images/rot_emotional.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 1px;
	left: 901px;
	width: 165px;
	height: 336px;
	overflow: hidden;
	z-index: 3;	
	}

#footer{
	position: absolute;
	top: 544px;
	left: 0px;
	width: 1066px;
	height: 70px;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	z-index: 1;
	}
	
#footer_100{
	position: absolute;
	top: 544px;
	left: 0px;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	z-index: 0;
	}

#footer_main{
	position: absolute;
	top: 3px;
	left: 20px;
	height: 70px;
	width: 350px;
	overflow: hidden;
	z-index: 2;
	}

#footer_bet{
	position: absolute;
	top: 3px;
	left: 370px;
	height: 70px;
	width: 530px;
	overflow: hidden;
	z-index: 2;
	border:0px solid red;
	}
	
#footer_sub{
	position: absolute;
	bottom: 3px;
	left: 910px;
	width: 150px;
	overflow: hidden;
	z-index: 2;
	}

#linie{
	position: absolute;
	top: 0px;
	left: 370px;
	width: 1px;
	height: 532px;
	border-left: 1px solid #cccccc;
	overflow: hidden;
	z-index: 6;	
	}

#linie_100{
	position: absolute;
	top: 0px;
	left: 370px;
	width: 1px;
	height: 100%;
	border-left: 1px solid #cccccc;
	overflow: hidden;
	z-index: 5;	
	}