/* allgemeine Formate */
body {background-color:#455056;	background-image:url(../images/bg_body.gif);	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	line-height:14px;	color:#666666;	text-align:center;	margin:0px auto 0px;	background-attachment:fixed;	background-position:0px 0px;}
#paper {height:auto; padding-top:9px;margin:0px auto;	text-align:left; background-color:#FFFFFF; border:1px solid #BBBBBB; clear:both; }
form, ul, dl {list-style-type:none; padding:0; margin:9;}
#paper, #footer {width:980px;}
#navcontainer {width:644px;}

/* Navigation horizontal*/
#navcontainer {height:40px; margin-bottom:0px;  background: url(../images/hg_kopf.jpg); clear:both;}
#navcontainer ul {text-align:left; float:left;padding-left: 12px;}
#navcontainer ul li {padding-right: 8px; float:left;}
#navcontainer ul li a {height:40px; color:#ffffff;  text-decoration:none;		font-size:10px; font-weight:normal;	line-height:40px;	vertical-align:middle;}
#navcontainer ul li a:hover {color:#ffffff; text-decoration:underline overline;}
#navcontainer ul li a:visited {font-weight: normal;color:#ffffff; }

li {
line-height: 40px;
padding-left: 10px;
padding-top: 0px;
text-indent: 2px;
background-image: url(../images/li.gif);
background-repeat: no-repeat;
background-position: 0px 19px;
}
body#startseite a#startseitenav,
body#arbeitsproben a#arbeitsprobennav,
body#vita a#vitanav,
body#interaktiv a#interaktivnav,
body#impressum a#impressumnav,
body#leistungen a#leistungennav,
body#beratung a#beratungnav,
body#design a#designnav,
body#flash a#flashnav,
body#cms a#cmsnav,
body#weg a#wegnav,
body#kontakt a#kontaktnav {font-weight:bold; color:#AA0000;text-decoration:none;}

/* links */
a  {color:#AA0000; font-weight:normal; text-decoration:none;}
a:hover {color:#AA0000; text-decoration:underline;}

a.mainlevel:link, a.mainlevel:visited {
display: block;
color: #333333;
font-weight: normal;
font-size: 11px;
background-color: #F5F5F5;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 21px;
height: 20px;
padding-top: 0px !important; 
padding-top: 0px; 
margin-bottom: 2px;
}
a.mainlevel:hover, a.mainlevel:activ {font-weight:bold; color:#AA0000; text-decoration:underline overline;}

a.sublevel:link, a.sublevel:visited {
display: block;
color: #333333;
font-weight: normal;
font-size: 11px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 21px;
height: 20px;
padding-top: 20px !important; 
padding-top: 20px; 
margin-bottom: 2px;
}
a.sublevel:hover, a.sublevel:activ {font-weight:bold; color:#AA0000; text-decoration:underline overline;}

#haupt-level a:link, #haupt-level a:visited {
text-indent: 10px;
color: #000000;
background-color:#FFFFFF;
padding-top: 0px !important;
padding-top: 0px;
width: 220px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 20px;
height: 21px; /*stupid IE*/
margin-bottom: 0px;
margin-left: 20px;
padding-right: 20px;
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 1px solid #666666;
}
#haupt-level a:hover, #haupt-level a:activ {
font-weight:bold;
color: #AA0000;
background-color:#DDDDDD;
}

#zweiter-level a:link, #zweiter-level a:visited {
text-indent: 10px;
color: #000000;
padding-top: 0px !important;
padding-top: 0px;
width: 220px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 20px;
height: 21px; /*stupid IE*/
margin-top: 20px !important; 
margin-top: 20px;
margin-bottom: 0px;
margin-left: 20px;
padding-right: 20px;
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#zweiter-level a:hover, #zweiter-level a:activ {
font-weight:bold;
color: #AA0000;

}

/* Kopf */
a.kopflevel-nav:link, a.kopflevel-nav:visited {
display: block;
color: #000000;
font-weight: normal;
text-indent: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
height: 20px;
padding-top: 0px !important; 
padding-top: 3px; 
margin-bottom: 0px;
margin-left: 5px;
float: left;
}
a.kopflevel-nav:hover {
color: #AA0000;
}
#kopflevel-nav {
margin: 0;
padding: 0;
float: right;
horizontal-align: right;
}

#kopflevel-nav li {
display: block;
background-image: none;
padding-left: 0px;
list-style:none;
float: left; 
margin: 0;
width: 15%; 
font-size: 10px;
line-height: 40px;
white-space: nowrap;
text-indent: 5px;
}

#buttons_fuss {
float: center;
margin: 0px;
padding: 0px;
width: 100%;
}

ul#kopflevel-nav
{
list-style: none;
padding-left: 10px;
margin: 0;
font-size: 11px;
}

ul#kopflevel-nav li
{
display: block;
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
width: auto !important;
width: 15%;
font-size: 10px;
line-height: 20px;
height: 20px;
white-space: nowrap;
}

ul#kopflevel-nav li a
{
display: block;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
color: #000000;
background: transparent;
}

#buttons_kopf>ul#kopflevel-nav li a { width: auto; }
ul#kopflevel-nav li a:hover {
color: #AA0000;
}

#kopflevel-nav a {
display: block; 
text-decoration: none; 
border: 0px solid;
color: #000000;
}

#kopflevel-nav a {
}

#kopflevel-nav a:hover {
color: #AA0000;
font-weight: normal;
}

td.logo {background-image: url(../images/logo.jpg); width:280px; height:132px;}
#hometeaser {color: #FFFFFF; no-repeat 0 0;	padding:50px; border-bottom:0px solid #DDDDDD;  overflow:hidden; z-index:11; }

/* Textspalten */
h1 { white-space: nowrap; font-weight:bold; font-size:11px;	margin:0px 0 0; padding-bottom:0px;	letter-spacing:1px; border-bottom:0px dotted #DDDDDD;}
h2, dt {font-weight:normal; font-size:11px;	margin:0px 0 0; padding-bottom:0px;	letter-spacing:2px; border-bottom:0px dotted #DDDDDD;}
h3 {font-weight:normal; font-size:11px;	margin:0px 0 0; padding-bottom:0px;	letter-spacing:0px;}
h4 {font-weight:normal; font-size:9px;	margin:0px 0 0; padding-bottom:0px;	letter-spacing:0px; white-space: nowrap;}
h5 { white-space: nowrap; font-weight:bold; font-size:14px;	margin:0px 0 0; padding-bottom:0px;	letter-spacing:2px; border-bottom:0px dotted #DDDDDD;}
h6 { white-space: nowrap; font-weight:bold; font-size:12px;	margin:0px 0 0; padding-bottom:0px;	letter-spacing:1px; border-bottom:0px dotted #DDDDDD;}

table.moduletableboxen {
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
text-indent: 0px;
}
table.moduletableboxen th {
text-transform: uppercase;
color: #000000;
text-align: left;
width: 100%;
padding-top: 20px !important; 
padding-top: 20px; 
padding-bottom: 0px;
padding-left: 20px;
height: 20px;
font-weight: bold;
font-size: 11px;
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}
table.moduletableboxen li {
}
table.moduletableboxen ul {
padding: 0px;
}
table.moduletableboxen td {
padding-left: 20px;
width: 100%;
color: #000000;
font-size: 11px;
font-weight: normal;
}
td.randltrenner{ background-image: url(../images/spacer_white.gif); width:8px; height:8px;}
td.randlo{ background-image: url(../images/bg_oben.jpg); width:22px; height:132px;}
td.randlm{ background-image: url(../images/bg_mitte.jpg); width:22px; height:240px;}
td.randlu{ background-image: url(../images/bg_unten.jpg); width:22px; height:400px;}

td.bgtitel{ background-image: url(../images/bg_titel.jpg); width:644px; height:240px;}
td.bgbanner{ background-image: url(../images/bg_banner.jpg); width:644px; height:132px;}

td.content{ background-image: url(../images/bg_content.gif)}
td.box{ background-image: url(../images/bg_box.jpg); width:280px;}

td.linkespaltetrenner{ background-image: url(../images/spacer_white.gif)}
td.linkespalteo{ background-image: url(../images/bg_oben.gif)}
td.linkespalte{ background-image: url(../images/bg_mitte.gif)}
td.linkespalteu{ background-image: url(../images/bg_unten.gif)}
td.oben{ background-image: url(../images/hg_1.jpg)}
td.unten{ background-image: url(../images/hg_2.jpg)}
td.ende{ height:26px; text-align:center; color:#003399; font-weight:normal; font-size:10px; background-image: url(../images/hg_ende.jpg)}

td.copy{ text-align:right; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; background-image: url(../images/hg_ende.jpg)}
td.copy{ text-align:right; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; background-image: url(../images/hg_ende.jpg)}

a.copyLink:link, a.copyLink:visited {
color: #FFFFFF;
font-weight: normal;
font-size: 11px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 21px;
height: 20px;
}
a.copyLink:hover, a.copyLink:activ {color:#AA0000; text-decoration:underline;}

#rechtespalte2 {margin-left:20px; margin-right:20px;}
#portrait {padding:10px; border:1px solid #DDDDDD; margin:50px 0px 0px 0px;}
#linkespalte2 .icon {margin:0px 0px 0px 0px;	vertical-align:middle;}
#rechtespalte2 img {margin:5px 6px 0px 2px; float:right;}
#rechtespalte2 .icon {margin:0px 5px 0px 0px;	vertical-align:middle;}
#rechtespalte2 .thumb {margin:0px 0px 20px 0px; float:left; border:1px solid #BBBBBB}
#rechtespalte3 {margin:0px 0px 0px 20px; float:left; border:0px solid}
#rechtespalte4 {margin:0px 20px 0px 20px; float:left; border:0px solid}

/* Formular */
#formular {margin:10px 0px 10px 0px;}
#formular *, #blogbox * {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;}
#formular textarea, #blogbox textarea /* allgemeine Formate */


