/* CSS Document */

/* 
##############################################################
Grundsätzliche Definitionen
 */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, td, form, blockquote {
		margin: 0;
		padding: 0;
		font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
		
}

	
a {
		text-decoration: none;
}


a img {
		border: none;
		display: block;	
}


/* 
###############################################################
Layout 
*/

body {
		width: 800px;
		background: #ffffff;
		border-right:1px solid #aaa;
		border-bottom:1px solid #aaa;	
}

#body.breit {
		width:1200px;
}

#top {
		width: 800px;
		height: 100px;
		float: left;
		background: #fff url(bilder/header.jpg) no-repeat;		
}

#topcontent {
	position: absolute;
	top: 17px;
	left: 715px;
}



#centermain,
#center,
#centerinstrumente,
#centertext,
#centerfull,
#veranstaltungen {
		position: absolute;
		width:450px;
		top: 100px;
		left: 140px;
		padding: 0px 30px;
		color: #000;
		border-top:1px solid #aaa;
}

#centerfull {
		width:630px;
		padding: 0px 0px 0px 30px;
}


#left {
		width: 140px;
		float: left;		
}

#otherleftstuff {
		width:120px;
		padding:20px 10px 30px 10px;
	}

#rechts,
#right {
		width: 150px;
		float: right;
		border-top:1px solid #aaa;			
}


#righttext {
		width: 150px;
		float: right;
		border-top:1px solid #aaa;
		padding-top:20px;		
}


#footer {
		clear: both;
		text-align: center;	
		padding-top: 5px;
		color:#666;
}


#nachrichten,
#presse,
#mitteilungen,
#termine {
		padding:10px 5px 10px 0px;
}


/* Links */

a {
		color: #000000;
	}

a:hover {
		color: #990000;
		text-decoration: underline;
	}


/* 
###############################################################
Navigation
*/

#top ul, 
#topcontent ul {
		float:right;
		font:11px/1.7 Arial, Helvetica, sans-serif;
		
		}

#top ul li, 
#topcontent ul li {
		list-style:none;
		}
   
#top ul li a, 
#topcontent ul li a {
		list-style:none;
		color:#006EAB;
		}
		
	
/* navigation main
--------------------- */
ul#mainnav {
    width:140px;
    float:left;
    padding:20px 0 0 10px;
    border-bottom:1px solid #aaa;
}

ul#mainnav * {
    font-size:1em;
}


ul#mainnav, ul#mainnav li {
    margin:0;
    padding:0;
    list-style:none;
}

ul#mainnav li {
    display:inline;
}

ul#mainnav li a {
    text-decoration:none;
    display:block;
    margin:0;
    padding:4px 6px;
    color:#990000;
    padding-left:18px !important;
    background:url(bilder/bullet_menu.gif) no-repeat 6px;
	border-top:1px solid #aaa;
}

ul#mainnav li a.menuopen {
	background:url(bilder/bullet_menu_open.gif) no-repeat 6px;
}

ul#mainnav li a:hover {
    background-color:#F6F6F6;
}

ul#mainnav li a.selected {
   background-color:#ececec;
}

/* navigation sub
--------------------- */
ul#mainnav ul.subnav{
  
}

ul#mainnav ul.subnav * {
    font-size:1em;
}


ul#mainnav ul.subnav li {
    margin:0;
    padding:0;
    list-style:none;
}

ul#mainnav ul.subnav li {
    display:inline;
}

ul#mainnav ul.subnav li a {
    margin:0;
    color:#666;
	background-image:none;
	border-top:1px solid #aaa;
}

ul#mainnav ul.subnav li a:hover {
    background-color:#F6F6F6;
}

ul#mainnav ul.subnav li a.selected {
   background-color:#ececec;
}



/* 
###############################################################
Text
*/

p {
		padding-bottom:5px;
		}
		
h1 {
		font: bold 18px/1.2 Arial, Helvetica, sans-serif;
		color:#990000;
		clear:both;
		padding-top:15px;
}

h2 {
		font-size: 13px;
		font-weight: bold;
}

h3 {
		font-size: 14px;
		font-weight: bold;
}

h4 {
		font-size: 16px;
		font-weight: bold;
		color:#666;
}

h6 {
		font-size: 12px;
		font-weight: bold;
}

#otherleftstuff h2 {
		clear:both;
		padding-top:20px;
	}

#otherleftstuff p {
		padding-bottom:5px;
	}

#veranstaltungen p {
		padding-bottom:0px;
	}
	
#termine p,
#mitteilungen p,
#presse p {
		padding-bottom:10px;
}

	
#footer {
		font-size:10px;
}

ul { 
		list-style-position:outside;
		font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
		padding-left: 15px;
}

	
div#center p.row {
	width: 250px;
	margin: 0px;
	}

div#center p.row span.leftcol {
	float: left;
	color: #000000;
	width: 120px;
	}
	
div#center p.row span.rightcol {
	width: 130px;
	float: right;
	}
	
div#center p.row span.rightcol a {
	color: #000000;
		}
	
div#center p.row span.rightcol a:hover {
	color: #9C1A1E;
	}

table {
	border: 0;
	font: 10px Verdana, sans-serif;
}
	
.textbox {					
	padding: 4px;
	width:120px;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	border: 1px solid #aaa;
	}

.button {
	margin-top: 5px;
	font-size: 11px;
	}

.press {
	color: #990000;
	font-size: 11px;
	font-weight: bold;
	}
	
.date {
	display: block;
	text-align: right;
	color: #A5B5C6;
	font-size: 10px;
	}
	
.klein {
	font: 10px Arial, sans-serif;
	}
	
.mittel {
	font: 12px Arial, sans-serif;
	}

	
/* ---------------------------------------------------------------------*/
  
.imglinks {
	float: left;
	padding: 3px 8px 5px 0px;
}

.imgrechts {
	float: right;
	padding: 3px 0px 5px 8px;
}

.imgclear {
	clear: both;
}

.imgmain {
	float: left;
	padding: 0px 5px 0px 0px;
}