/* main.css - Last Update 22.03.2008 */
/* by Markus Bordihn                 */

body {
 margin:0; 
 padding:0px;
 background: #e4e9ec;
}

#container, #seitentitel, #seitenbody, #copyright {
 width: 900px;
}

#seitenbody, #inhalt {
 min-height: 1050px;
}

#container {
 margin: 50px auto;
 border:1px solid #000000;
}

#seitentitel {
 height:121px;
}

#titelbanner {
 background: url(../gfx/png/logo.png);
 border-bottom: 1px solid #000; 
 height: 120px;
}

#seitenbody {
 background: url(../gfx/png/menue_bg.png);
}

#menue {
 float: left;
 width: 150px;
 height:0;
 padding:0;
 margin: 0;
}

#logo {
 width: 422px;
 height: 600px;
 margin: auto;
 background: url(../gfx/jpg/anime_girl.jpg) no-repeat; 
}

.box {
 width: 600px;
 margin: auto;
 padding: 5px;
 border: 1px dotted #eee;
}

#menueinhalt {
 width: 150px;
 font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
 font-size: 11px;
 color: #fff;
}

#menueinhalt a {
 color: #fff;
}

#menueinhalt ul {
 display: block;
 margin: 0;
 padding: 0;
}

.menueliste li {
 text-align:center;
 display: block;
 margin: 25px 0 0 0;
 background: #7d94a1;
 list-style: none;
 list-style-image: none;
}

.menueliste li a {
 text-decoration: none;
}

.menueliste li a:hover {
 display: block;
 border-left: 10px solid #bacbe3;
 border-right: 10px solid #7d94a1;
 background: #60777f;
}

.submenue li {
 margin: 0;
 padding: 0;
 text-align:left;
 border-bottom: 1px solid #60777f;
 list-style: none;
 list-style-image: none;
}

.submenue li a {
 display: block;
 padding: 5px 5px 5px 0.5em;
 border-left: 10px solid #7d94a1;
 border-right: 10px solid #bacbe3;
 background: #9aacbb;
 text-decoration: none;
 width: 119px;
}

.submenue li a:hover {
 padding: 5px 5px 5px 0.5em;
 border-left: 10px solid #1c64d1;
 border-right: 10px solid #5ba3e0;
 background: #7d94a1;
}

#inhalt {
 font-size: 11px;
 font-family: Tahoma, Verdana, sans-serif, Helvetica;
 background: #fff;
 margin-left:150px;
 margin-right:0px;
 padding:10px;
 border-left: 1px solid #000;
 color: #333;
}

* html div#inhalt { height: 900px; }

#inhalt h1{
 font-size: 18px;
 color: #333;
 border-bottom: 1px dashed #CCC;
 font-weight: normal;
}

#inhalt h2{
 font-size: 14px;
 color: #333;
 border-bottom: 1px dashed #CCC;
 font-weight: normal;
}

#copyright {
 background: #5a757c;
 color: #ffffff;
 font-family: Tahoma, Verdana, sans-serif, Helvetica;
 font-size: 10px;
 border-top: 1px solid #000;
 padding: 5px 0 5px 0;
 margin: 0;
 text-align:center;
 position: relative;
}

#poweredby {
 line-height: 15px;
 white-space: nowrap;
 margin: 2px;
 padding: 0;
 height: 15px;
 position: absolute;
 right: 10px;
 top: 1px;
}

.button {
 padding-left: 5px;
 height: 15px;
 width: 80px;
 display: block;
 float: left;
}

.b-w3c-valid-html {
 background: url('../gfx/png/w3c-valid-html.png') no-repeat;
}

.b-w3c-valid-css {
 background: url('../gfx/png/w3c-valid-css.png') no-repeat;
}

.overview_projekte {
 list-style-type:none;
 padding: 10px;
}

.overview_projekte li {
 padding-bottom: 20px;
 font-weight: bold;
}

.overview_projekte li ul {
 border-top: 1px dotted #ccc;
}

.overview_projekte a {
 text-decoration: none;
 color: #000;
}

.overview_projekte a:hover {
 color: #555;
 font-weight: bold;
}

.list_projekte {
 width: 150px;
 list-style-type:none;
 margin: 0;
 padding: 0;
}

.list_projekte li {
 font-weight: normal;
 padding: 0;
 padding-left: 20px;
 border: 0;
}