/* CSS Document */

/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:0.5em;}

fieldset{padding:0.5em;}

img {
	border: none;
}

.clear {
	clear: both;
}


/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
	background:#ceecec url(../images/mauer-bg.jpg) top center repeat;
	font-size:12px; /* more consistent font sizes */
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px; /*helps readability*/
}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
	color: #333;
	font-size:12px;
}



/*-----HEADINGS-----*/
h1, .componentheading{ font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#009a9c; font-weight:normal; background:url(../images/dot.png) bottom left repeat-x;
padding-bottom:3px; margin-bottom:6px; line-height:20px;}
h2, .contentheading{font-size:18px; color:#009a9c; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/dot.png) bottom left repeat-x;
padding-bottom:3px; margin-bottom:6px; line-height:20px;}
h3{ font-size:18px; font-weight:bold; color:#009a9c; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}


/*-----LINK TEXT COLORS-----*/
a {
color:#673802;
font-weight:bold;
}

a:hover{
color:#000;
}
/*-----Lists-----*/
ul{
list-style:none;
}

li, a.readon{
background:url(../images/list.png) top left no-repeat;
padding-left:26px;
}
/* tables */

table.contentpaneopen, table.contentpane{border-collapse:collapse;}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {

}

/* MAIN MENU LINK COLOR */

#container ul.menu li a{
color:#000;
background:url(../images/mainlevel.jpg) top left no-repeat;
border:none;
display:block;
padding:4px 0px 4px 8px;
}

#container ul.menu li a:hover{
color:#009a9c;
background:url(../images/active.jpg) top left no-repeat;
}

#container ul.menu li#current.active a{
color:#009a9c;
background:url(../images/active.jpg) top left no-repeat;
}



ul.menu, ul.menu li{margin:0; padding:0; background:none;}
ul#mainlevel-nav{
text-align:center;
margin:0;
padding:0;
}
ul#mainlevel-nav li{
display:inline;
background:none;
margin:0;
padding:0;
}
a.mainlevel-nav{
color:#fff;
padding:0px 10px;
font-size:12px;
}

a.mainlevel-nav:hover{
color:#000;
}

#container ul.menu li#current.parent a:link, #container ul.menu li#current.parent a:visited {
color: #009a9c;
}

#container ul.menu li#current.parent a:hover {
color: #009a9c;
}

#container ul.menu li#current.parent ul li a:link, #container ul.menu li#current.parent ul li a:visited {
background:url(../images/mainlevel.jpg) no-repeat;
margin-top: -7px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #000000;
}

#container ul.menu li#current.parent ul li a:hover {
background:url(../images/active.jpg) no-repeat;
margin-top: -7px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
color: #009a9c;
}

#container ul.menu li.parent ul li#current.active a:link, #container ul.menu li.parent ul li#current.active a:visited {
font-size: 11px;
font-weight: normal;
color: #009a9c;
background:url(../images/active.jpg) top left no-repeat;
margin-top: -7px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
}

#container ul.menu li.parent ul li#current.active a:hover {
font-size: 11px;
font-weight: normal;
color: #009a9c;
background:url(../images/active.jpg) top left no-repeat;
margin-top: -7px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
}

#container ul.menu li.parent ul li a:link, #container ul.menu li.parent ul li a:visited {
font-size: 11px;
font-weight: normal;
color: #000000;
margin-top: -7px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
}

#container ul.menu li.parent ul li a:hover {
font-size: 11px;
font-weight: normal;
color: #009a9c;
margin-top: -7px;
margin-bottom: 8px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
}

#container ul.menu li.parent.active a:link, #container ul.menu li.parent.active a:visited {
color: #000000;
}

#container ul.menu li.parent.active a:hover {
color: #009a9c;
}

#container ul.menu li.parent.active ul li a:link, #container ul.menu li.parent ul li a:visited {
color: #000000;
}

#container ul.menu li.parent.active ul li a:hover {
color: #009a9c;
}



/* Left/Right Column (GLOBAL DEFAULT STYLE) */




/* LATEST NEWS/POPULAR MODULE LINK STYLES */

a.latestnews{

}

a.latestnews:hover{

}

a.mostread{

}

a.mostread:hover{

}

/* SECTION TABLE HEADER STYLE */

td.sectiontableheader {

}

/* ALTERNATING SECTION TABLE ROW 1 BACKGROUND/TEXT STYLES */

tr.sectiontableentry1 td {

}

/* ALTERNATING SECTION TABLE ROW 2 BACKGROUND/TEXT STYLES */

tr.sectiontableentry2 td {

}
/* Polls */
.pollstableborder td, table.poll td{
	text-align: left;
}

/* SECTION TABLE LINK STYLES */

.sectiontableentry2 a, .sectiontableentry1 a, .sectiontableentry2 a.category, .sectiontableentry1 a.category {

}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a.category:hover, .sectiontableentry1 a.category:hover {

}

/*layout*/
#wrapper{width:760px; text-align:left; background: url(../images/bg.jpg) top left no-repeat;}
#top{width:760px; position:relative; height:122px;}
#logo{float:left; width:208px; padding-top:20px; padding-left:10px; text-align:left;}
#logo h1{ background:none;}
#topright{float:right; width:550px;}
#user4{float:right; width:250px; text-align:center; padding-top:12px;}
#user3{float:right; width:480px; text-align:center; padding-top:40px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:14px; color:#fff;}
#left, #right{overflow:hidden;}
#container a{
text-decoration:none;
border-bottom:#673802 1px dashed;}
#container a:hover{
text-decoration:none;
border-bottom:#000 1px dashed;
}
#container a.mainlevel, #container a.sublevel{
border:none;}
#left{
float:left;
width:558px;}
#mainbody{
float:left;
width:558px;
background:url(../images/main_middle.gif) top left repeat-y;}
#mainbody .topbg{
background:url(../images/main_top.gif) top left no-repeat;
padding:46px 36px 0px 36px;
}

#mainbottom {
position:relative;
top: 0px;
left: -35px;
width: 558px;
height:270px;
background:url(../images/main_bottom.gif) bottom left no-repeat;
z-index: 1;
}

#content {
	margin-top: 30px;
	padding-right: 10px;
	/*INVIGO
	height: 380px;*/
	height: 445px;
	overflow: auto;
}

#book{
position: relative;
top: 0px;
left: 40px;
z-index: 10;
float:left;
margin-top:10px;
width:400px;
height: 100%;
}

#book .topbg{
background:url(../images/book_top.jpg) top left no-repeat;}

#book .bottombg{
position: relative;
top: 10px;
left: -36px;
z-index: 1;
height: 150px;
width: 480px;
background:url(../images/book_bottom.jpg) bottom left no-repeat;
}

#user5 {
float:right;
margin-top: 20px;
margin-left: 1px;
margin-right: 10px;
padding: 10px;
background: #ceecec url(../images/right_mod_bg.jpg);
width: 161px;
color: #fff;
border: 2px solid #004443;
}

div#right div.module-right_mod {


}

#user1 {
float:left;
width:50%;
}

#user2 {
float:left;
width:50%;
}

#trennercontu12 {
height: 40px;
background:url(../images/trenner.jpg) bottom left no-repeat;
}


#user1 .moduletable {
padding:0px 40px 0px 0px;}

#user2 .moduletable {
padding:0px 15px 0px 0px;
margin-left: 30px;
}
#book h3{
background:url(../images/dot.png) bottom left repeat-x;
padding-bottom:6px;}

#book li{
background:url(../images/icon.png) no-repeat;
background-position:0px 4px;
padding-left:12px;}

#right{
float:right;
width:201px;}

#right h3{
font-size:12px;
text-align:center;
background:url(../images/h3bg.jpg) top center no-repeat;
margin-left:-52px;
}

#right .module, #right .module_text, #right .module_menu{
float:left;
width:201px;
background:url(../images/modulemiddle.jpg) top left repeat-y;}

#right .module div, #right .module_text div, #right .module_menu div{
float:left;
width:201px;
background:url(../images/modulebottom.gif) bottom left no-repeat;}

#right .module div div, #right .module_text div div, #right .module_menu div div{
background:url(../images/moduletop.gif) top left no-repeat;
padding:40px 40px 40px 24px;}

#right .module div div div, #right .module_text div div div, #right .module_menu div div div{
background:none;
padding:0px;}

#footer{width:100%; text-align:center; color:#fff; padding:5px 0px;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:overline;}

#container img a{border:none;}
#container a img{border:none;}

div.pagenavbar {
text-align: center;
}

/* Lokale Einstellungen */

div.switch_off
{
	width: 20px;
	height: 20px;
	text-align: center;
	font-family: arial helvetica sans-serif;
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
	float: right;
}

div.trigger_image
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 200px; 
	display: none;
	background: transparent url(images/Eiche_Bierbaum_08.jpg) no-repeat 0px 20px;
}

