/* CSS Document */
/* Wolfgang Martin Webseite 
Start 19. November 2009 */
/* Wichtige Farben
violett: #656c9e
dunkles grau: #afafaf
mittleres grau: #e4e4e4
helles grau: #f4f3f3
rot: #be1f45
*/
*{ 
padding: 0;
margin: 0;
}
body {
font-size: 70%; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #202020; 
background: url(../img/bg.gif) repeat-x;
}
img, a img {
border: 0;
}
a:link, a:visited {
color: #8c8b8b;
text-decoration: none;
}
a:hover, a:active {
color: #be1f45;
text-decoration: underline;
}
.clear{
clear:both;
}
#wrap {
margin: 0 auto; padding: 0; width: 956px; text-align: left; height: 101%; 
}
/* ------------------------- obere Navigation----------------------*/
#logo {
float: left;
width: 956px;
height: 100px;
background-image: url(../img/logo.gif);
}
#logo ul {
text-align: right;
margin: 70px 30px 0 0;
}
#logo ul li{
margin: 0;
padding: 0;
display: inline;
}
#logo li a:link, #logo li a:visited {
color: #202020;
padding: 0 10px 0 0;
text-decoration: none;
}
#logo li a:hover, #logo li a:active {
color: #878787;
text-decoration: none;
}
/* ------------------------- Header mit Flash----------------------*/
#header {
float: left;
width: 956px;
height: 192px;
background: url(../img/header.jpg)
}
#flash {
float: left;
width: 320px;
height: 192px;
}
/* ------------------------- Suche ----------------------*/
#suche {
float: left;
width: 956px;
height: 39px;
background: url(../img/bg-suchen.gif)
}

#suche form {
 padding:7px 0px 0px 17px;
}

#suche input.suchfeld {
 float:left;
 width:130px;
 height:16px;
 padding:4px 1px 0px 1px;
 margin: 0px 10px 0px 0px;
 border: 1px solid #656C9E;
 font-size: 1.0em;
 color:#202020;
}

#suche input.suchbutton {
 float:left;
 width: 22px;
 height:22px;
 padding:0px 0px 4px 0px;
 margin: 0px 0px 0px 0px;
 border: 0px;
 font-size: 1.4em;
 font-weight:bold;
 background-color:#656C9E;
 color:#FFFFFF;
 text-align:center;
}

/* ------------------------- Navigation ----------------------*/
#navigation {
float: left;
width: 196px;
height: auto;
background: url(../img/bg-navi.gif) repeat-y;
margin-top: 7px;
}
#navigation ul {
margin: 0;
list-style-type: none;
}
#navigation li {
display: block;
text-align: left;
}
#navigation li.navi1 {
display: block;
font-weight: bold;
font-size: 1.2em;
margin-left: 10px;
padding-bottom: 1px;
}
#navigation li.navi2 {
display: block;
font-weight: normal;
font-size: 1.0em;
padding: 4px 0 4px 8px;
margin-left: 10px;
}
#navigation li.navi1 a:link, #navigation li.navi1 a:visited {
display: block;
width: 186px;
color: #202020;
padding: 4px 0 4px 10px;
text-decoration: none;
background: url(../img/navi_n.gif) no-repeat;
}
#navigation li.navi1 a:hover, #navigation li.navi1 a:active {
display: block;
color: #fff;
padding: 4px 0 4px 10px;
background: url(../img/navi_h.gif) no-repeat;
}
#navigation li.navi2 a:link, #navigation li.navi2 a:visited {
width: 186px;
color: #626262;
text-decoration: none;
}
#navigation li.navi2 a:hover, #navigation li.navi2 a:active {
color: #656c9e;
font-weight: bold;
}
#navigation li.navi1 a:link.aktiv, #navigation li.navi1 a:visited.aktiv, #navigation li.navi1 a:hover.aktiv, #navigation li.navi1 a:active.aktiv {
color: #fff; 
background: url(../img/navi_h.gif) no-repeat;
}
#navigation li.navi2 a:link.aktiv, #navigation li.navi2 a:visited.aktiv, #navigation li.navi2 a:hover.aktiv, #navigation li.navi2 a:active.aktiv {
color: #656c9e; 
font-weight: bold;
}
/* ------------------------- Contentbereich ----------------------*/
#content {
float: left;
width: 564px;
height: auto;
}
#content ul {
margin-left: 30px;
list-style-type: none;
}
#content li {
margin-top: 5px;
}
#start {
float: left;
width: 504px;
height: 420px;
margin-top: 30px;
margin-left: 30px;
background: url(../img/netzwerk.jpg) no-repeat;
}
#start ul {
padding: 40px 0 0 300px;
}
#start a:link, a:visited {
text-decoration: none;
}
#start a:hover, a:active {
text-decoration: underline;
}
/* ------------------------- Sidebar ----------------------*/
#sidebar {
float: left;
width: 186px;
height: auto;
}
#aktuell a:link, a:visited {
text-decoration: none;
}
#aktuell a:hover, a:active {
text-decoration: underline;
}
#aktuell {
float: right;
width: 186px;
height: auto;
margin: 7px 0 0 0;
background: url(../img/img_aktuell.jpg) no-repeat top left;
background-color: #656c9e;
}
#special {
float: right;
width: 186px;
height: auto;
margin: 7px 0 7px 0;
background: url(../img/bg_special.gif) no-repeat top left;
background-color: #f4f3f3;
}
/* ------------------------- Footer ----------------------*/
#footer {
width: 938px;
height: 50px;
margin: 0 9px 0 9px;
background-color: #e4e4e4;
}
/* ------------------------- Auszeichnungen ----------------------*/
h1 {
font-size: 2.2em;
font-weight: normal;
color: #656c9e;
padding: 30px 30px 0 30px;
}
h2 {
font-size: 1.4em;
font-weight: bold;
padding: 20px 30px 0 30px;
}
h3 {
font-size: 1.6em;
font-weight: normal;
color: #be1f45;
padding: 5px 0 0 10px;
}
h4 {
font-size: 1.2em;
font-weight: bold;
color: #be1f45;
padding: 5px 30px 0 30px;
}
h6 {
font-size: 1.2em;
font-weight: bold;
padding: 12px 0 0 10px;
line-height: 1.3em;
color: #000;
}
p {
padding: 12px 30px 5px 30px;
}
.marginal {
font-size: 1.0em;
line-height: 1.3em;
color: #fff;
padding: 120px 6px 0 10px;
}
.link {
font-size: 1.0em;
line-height: 1.3em;
color: #fff;
padding: 5px 6px 0 10px;
}
.wichtig {
font-size: 1.1em;
font-weight: bold;
line-height: 1.3em;
color: #e4e4e4;
}
.rot {
font-weight: bold;
color: #be1f45; 
}
.violett {
color: #656c9e;
}
.weiss {
color: #fff;
}
.schwarz {
color: #000;
}
.footer {
float: right;
}
.right {
float: right;
padding: 0 10px 0 10px;
}
.left {
float: left;
padding: 30px 0 10px 0px;
}
.ebene {
padding: 5px 0 0 50px;
margin: 0;
}
.logo {
float: left;
padding: 12px 0 5px 30px;
}
/* ------------------------- Tabelle ----------------------*/
table {
empty-cells: hide;
margin: 20px 20px 0 30px;
}
input.textbuttons {
 width:80px;
 height:20px;
 font-size: 0.9em;
 color: #fff;
 background-color:#656c9e;
 border: 0px solid 
 }
 input.text120 {
 width:120px;
 height: 20px;
 font-size:0.9em;
 color: #000000;
 background-color:#ffffff;
 border: 1px solid #eeeeee; }

input.text40 { 
width:40px;
height: 20px;
font-size: 0.9em;
color: #000000;
background-color:#ffffff;
border: 1px solid #eeeeee; 
}
td.text {
width: 378px;
padding: 0 15px 30px 10px;
vertical-align: top;
line-height: 1.3em;
}
td.bild {
width: 142px;
background-color: #f1f1f1;
padding: 2px 2px 0 2px;
}