/*
 *	@personal-note: IE suxx. Please use other Browser (i.e. Mozilla or Opera) to see the full beauty of css
 *	@author: Arne P.
 *  @lastchange: 2004-05-17
 */


html, body {
	background:#fff url("../images/background.gif") repeat-y;
      
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	border: 1 px solid black;
}


h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
 font-size:16pt;
}

h2, td.contentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 14pt;
}

.contentheading {
/*width: 100%;*/
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
border-bottom: 1px solid #002E61;
font-family: 'Trebuchet MS', verdana, sans-serif;
color: #002E61;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.8;
}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: 'Trebuchet MS', verdana, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 12px;
}

td.createdate{
    font-size: 9px;
    text-align: right;
}

div {
	margin: 0px;

}

#container{
      background-color:#ccc;
}

#heading{
margin: 0px;
padding: 0px;
}

#heading h1 {
	vertical-align: text-bottom;
	font-size: 30pt;
	font-weight: normal;
        display: inline;
}

#logo {
	position: absolute;
	top: 10px;
	left: 25px;
	width: 180px;
	text-align: center;
	background-color:#ccc;
}

#menu{
	position: absolute;
	width: 180px;
	left: 25px;
	top: 190px;
}

body>#menu{
	position: fixed;
}

#topmenu {
	position: absolute;
	left: 229px;
	width: 720px;
	top: 95px;
	background-color: #ccc;


}
#topmenu li{
display: inline;
}
#logo div {
	padding: 10px;
}

#heading{
      /*background: url(../images/tgh2.png) 100% 100% no-repeat;*/
      width:700px;
	position: absolute;
	height: 80px;
	top: 0px;
	left: 229px;
	right: 0px;
	text-align:center;
}
body>#logo {
	position: fixed;
}
body>#topmenu {
	position: fixed;
	z-index:1;
}
body>#heading {
	position: fixed;
	z-index:1;
}


a:link { color: blue; text-decoration: underline; }
a:visited { color: gray; text-decoration: underline; }
a:active { color: red; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }

#menu a { text-decoration: none; padding: 2px; }
#menu span.link { display: block; }
#menu a:hover { color: white; background-color: black; }
#menu strong > a { color: black; }
#menu strong > a:hover { color: white; background-color: black; }


#maintext {
	position: absolute;
	top: 150px;
	padding-right: 5px;
	float: left;
	left: 250px;
	width: 650px;
	text-align: justify;
	color: #420;
}
#maintext, #logo, #menu.mainlevel, #heading, #annotation {
	padding: 10px;
	margin: 0px;
	background-color: white;
}


#logo{
background-color: #ccc;
}

#maintext img {
	margin: 10px;
}
img{
border: 0;
}

img.right{
float: right;
}

img.left{
float: left;
}

.aktuelles{
margin-bottom: 15px;
padding:5px;
border: 1px dashed black;
}

.date{
float:right;
color: #999;

}

.bildunterschrift{
text-align:center;
}

div.right{
margin-bottom: 15px;
width: 400px;
float: right;
border: 1px dotted black;
padding: 10px;
}
div.left{
margin-bottom: 15px;
width: 400px;
float: left;
border: 1px dotted black;
padding: 10px;
}
.news{
margin-bottom: 0px;
width: 200px;
float: right;
border: 1px dashed black;

padding-right:15px;
}

.row0 { background-color: #ddd; }
.row1 { background-color: #ccc; }

.n { display: none; }


/* hide some elements for printing */
/*@media print {

	#logo, #menu, #search {
	    display: none;
	}

	#heading, #maintext {
	    position: relative;
	    left: 0px;
	}

}*/
#menu{

        width: 165px;
        border-right: 0px solid #fff;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Tahoma, Arial, sans-serif;
        font-size : 12px;
        background-color: #efefef;
        color: #000;
        }

        #menu{
            width: 165px; /* Angabe für den IE 5.x */
            voice-family: "\"}\""
            voice-family: inherit;
            width: 200px; /*Angabe für die anderen Browser */
        }
        #menu ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #menu li {
                font-size : 12px;
                width: 165px; /* Angabe für den IE 5.x */
                width: 200px; /*Angabe für die anderen Browser */
                border-bottom: 1px solid #fff;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }




 
        #menu li.mainlevel a {
                width: 165px;
                display: block;
                padding: 10px 10px 10px 0.5em;
                border-left: 10px solid #c00;
                border-right: 10px solid #efefef;
                background-color: #efefef;
                color: #000;
                text-decoration: none;
                }

 #menu li.mainlevel_current a {
width: 165px;
                display: block;
                padding: 10px 10px 10px 0.5em;
                border-left: 10px solid #c00;
                border-right: 10px solid #efefef;
                background-color: #efefef;
                color: #000;
                text-decoration: none;
                }

 #menu li.mainlevel_active a {
width: 165px;
                display: block;
                padding: 10px 10px 10px 0.5em;
                border-left: 10px solid #c00;
                border-right: 10px solid #efefef;
                background-color: #efefef;
                color: #000;
                text-decoration: none;
                }

#menu li.sublevel_current a {
                width: 155px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 20px solid #cccccc;
                border-right: 10px solid #cccccc;
                background-color: #cccccc;
                color: #000;
                text-decoration: none;
                }

#menu li.sublevel_active a {
                width: 155px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 20px solid #efefef;
                border-right: 10px solid #efefef;
                background-color: #efefef;
                color: #000;
                text-decoration: none;
                }


#menu ul ul li.sublevel a {
                width: 155px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 20px solid #efefef;
                border-right: 10px solid #efefef;
                background-color: #efefef;
                color: #000;
                text-decoration: none;
                }

#menu ul ul ul li.sublevel a{
                width: 140px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 35px solid #efefef;
                border-right: 10px solid #efefef;
                background-color: #efefef;
                color: #000;
                text-decoration: none;
                }

#menu ul ul ul li.sublevel_current a {
                width: 140px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 35px solid #cccccc;
                border-right: 10px solid #cccccc;
                background-color: #cccccc;
                color: #000;
                text-decoration: none;
                }



        html>body #menu tr a {
                width: auto;
                }

        #menu li a:hover {
                border-left: 10px solid #a00;
                border-right: 10px solid #f00;
                background-color: #c00;
                color: #fff;
                }

#menu ul ul li.sublevel a:hover {
                width: 155px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 20px solid #a00;
                border-right: 10px solid #f00;
                background-color: #c00;
                color: #fff;
                text-decoration: none;
                }

#menu ul ul li.sublevel_active a:hover {
                width: 155px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 20px solid #a00;
                border-right: 10px solid #f00;
                background-color: #c00;
                color: #fff;
                text-decoration: none;
                }

#menu ul ul li.sublevel_current a:hover {
                width: 155px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 20px solid #a00;
                border-right: 10px solid #f00;
                background-color: #c00;
                color: #fff;
                text-decoration: none;
                }

#menu ul ul ul li.sublevel_active a:hover {
                width: 140px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 35px solid #a00;
                border-right: 10px solid #f00;
                background-color: #c00;
                color: #fff;
                text-decoration: none;
                }
#menu ul ul ul li.sublevel_current a:hover {
                width: 140px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 35px solid #a00;
                border-right: 10px solid #f00;
                background-color: #c00;
                color: #fff;
                text-decoration: none;
                }

#menu ul ul ul li.sublevel a:hover {
                width: 140px;
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 35px solid #a00;
                border-right: 10px solid #f00;
                background-color: #c00;
                color: #fff;
                text-decoration: none;
                }

        #menu li #active {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }


#topmenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

#topmenu li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin-right: 3px;
        padding: 5px 0 4px 0;
        background-color: #efefef;
        border-top: 2px solid #c00;
        border-bottom: 1px solid #e0ede9;
}

#topmenu a, #topmenu a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #000000;

        text-decoration: none;
}

#topmenu li#active {
        color: #95bbae;
        background-color: #deebe5;
}

#topmenu a:hover {
        color: white;
        background-color: #c00;

}
#topmenu a:active {
        color: white;
        background-color: #c00;

}

#container{
    background-color: red;
}

div.modulenews {
    background: url(../images/rounded_corners_mod/top_left.gif) 0 0 no-repeat;
    /*width: 300px;*/
    margin: 0;
    padding: 0;
    margin-bottom:1em;
}

div.modulenews h3 {
    border-bottom: 1px solid #cdcdcd;
    /*margin:0 -20px 1em -20px; Ohne Schatten. Das negative margin zieht den Titel seitlich zum Modulrand*/
    margin:0 -7px 1em -8px; /* Mit Schatten. */
    padding:0 1em;
}

div.modulenews div {
    background: url(../images/rounded_corners_mod/top_right.gif) 100% 0 no-repeat;
}

div.modulenews div div {
    background: url(../images/rounded_corners_mod/bottom_left.gif) 0 100% no-repeat;
}

div.modulenews div div div {
    background: url(../images/rounded_corners_mod/bottom_right.gif) 100% 100% no-repeat;
    padding:20px;
    
    width:auto;
    overflow:hidden; /* Clearen der Inhalte */ 
}

* html div.modulenews div div div {
    display: inline-block; /* hasLayout für IE5+6 für korrekte Darstellung */
}

div.modulenews div div div div { 
    background-image:none;
    padding:0;
}

#heading {
      background-color: #fff;
}