@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; }
body { background: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; height: 100%; width: 100%; overflow: hidden; line-height: 19px; }

#left {position: absolute; left: 0; top:0; height: 100%; width: 50%; background: #650133; overflow: hidde; }
#right {position: absolute; right: 0; top:0; height: 100%; width: 50%; background: #356734; overflow: hidden; }

#container {position: absolute; top:0; left: 0; right: 0; bottom: 0; background-image: url(../images/background.jpg); background-repeat: repeat-y; margin: auto;  z-index: 5; }

#logo {position: absolute; left: 15px; top: 5px; }

#content_container {position: absolute; left: 15px; top: 50%; margin-top: -206px;  right: 15px; bottom: 30px; border: 1px solid white; }

#nav {position: absolute; left: 0; top: 55px; width: 210px; }
#nav li {list-style: none; padding: 0 0 0 0; border-bottom: 1px solid white; }
#nav li a {text-decoration: none; color: white; padding: 9px 5px; display: block; width: 200px; height: 20px; }
#nav li:hover a, #nav li.current a {background: white; color: #650133}
#nav li.current ul, #nav li ul li.active {left:0; z-index:1; }
#nav li.current a {background:#fff; color: black; line-height:20px; height:20px}
#nav :hover ul {left:0px;}
#nav li a:active ul {left: 0;}

a.current {background:#fff; font-color: black!important; line-height:20px; height:20px;}

#reviewcontent {overflow: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 3px 10px 5px 3px; }
#content {position: absolute; left: 250px; top: 0; right: 330px; bottom: 0;  overflow: auto; background: url(../images/back_content.png) no-repeat center; }
#content p, p {padding: 10px;}
#content ul {padding-left: 25px;}
#content ul li {padding: 2px 8px;}

h2, h3 {font-weight: bold; padding: 4px 0 4px 4px; text-align: left; margin-bottom: 4px;}

.startseite {position: absolute; top: 0; left: 50%; margin-left: -195px; }

#sujet {position: absolute; right: 0; top: 0; bottom: 0; width: 310px; overflow: hidden; } 

#contactinfo {position:absolute; bottom: 25px; right: 15px; width: 650px; text-align: right; background: url(../images/border_contact.png) no-repeat right bottom;}
#contactinfo p {padding-right: 15px; padding-bottom:15px; font-size: 14px;  }

.bildlinks { float:left; padding: 3px; border: 2px solid #7c3425; margin-right: 10px; margin-bottom: 10px;}
.bildrechts { float:right; padding: 3px; border: 2px solid #7c3425; margin-bottom: 10px; margin-left: 10px;}

a img {border: 0; }


a, strong { font-size: 12px; color: #7c3425; font-weight:bold; }
a:link {text-decoration: none;}
a:visited {text-decoration: none; color: #7c3425; }
a:hover { text-decoration: none; color: #ffffff; }
a:active { text-decoration: none; color: #666; border: 0; }

#content ul, #reviewcontent ul {margin-left: 20px; }
#content ul li, #reviewcontent ul li {padding-left: 5px; }    

#galnav { float: left; width: 180px; left: 0px; top: 20px; position: absolute; }
#galnav ul {margin-left: 0!important;  }
#galnav li {list-style: none; padding: 0!important; border-bottom: 1px solid white; }
#galnav li a {text-decoration: none; color: white; padding: 9px 5px; display: block; width: 160px; height: 20px; }
#galnav li a:hover, #galnav li a.active {background: white; color: black; }

#preview { float: left; top: 10px; left: 200px;  position: absolute;  }