/* CSS Document */
/* corrella Webseite zweites Design
Start 12. Juni 2008 */
/* Wichtige Farben
cyan: #66bbe4
Grau: #a4a3a3
hellblau: #c0e4f6
*/
*{ 
padding: 0;
margin: 0;
}
body {
font-size: 75%; line-height: 1.3em; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;  text-align: center; color: #a4a3a3; 
background-image: url(../img/hintergrund.jpg); background-attachment:fixed;
}
ul,li {
padding: 0; margin: 0; list-style-type: none; border: 0;
}
img, a img {
border: 0;
}
a:link, a:visited, a:hover, a:active {
text-decoration: underline;
color: #66bbe4;
}
#wrap {
margin: 0 auto; padding: 0; width: 956px; text-align: left; height: 101%;
}
/* -------------------------Hauptnavigation----------------------*/
#navigation {
float: left;
font-size: 110%;
text-align: center;
width: 956px;
height: 186px;
background: url(../img/logo_schwarz.gif) bottom left no-repeat;
}
#navi-container ul {
float: right;
margin: 145px 6px 0 0;
}

* html #navi-container ul {
float: right;
margin: 145px 0 0 0;
}
#navi-container ul li{
margin: 0;
padding: 0;
display: inline;
}
#navi-container ul a:link, #navi-container ul a:visited {
display: block;
float: left;
height: 34px;
width: 80px;
padding: 10px;
margin: 1px;
text-decoration: none;
background: url(../img/navigation.gif) repeat-x; 
color: #f8f8f8;
}
#navi-container li a:hover, #navi-container li a:active {
text-decoration: none;
color: #000;
}
#navi-container li a:link.hier, #navi-container li a:visited.hier, #navi-container li a:hover.hier, #navi-container li a:active.hier {
text-decoration: underline;
}
/* -------------------------Kopf----------------------*/
#navi-container, #header-container, #main-container, #footer-container{
width:956px;
margin:0 auto;
position:relative;
}
#header, #header2, #header3, #header4, #header5, #header6, #header7, #header8, #header10, #header11 {
float: left;
width: 956px;
height: 10px;
}
#header2 {
float: left;
width: 956px;
height: 10px;
}
#main {
height: auto;
}
/* -------------------------linke Seite----------------------*/
#sidebar {
float: left;
width: 429px;
height: auto;
}
/* -------------------------Navigation Styleswitch----------------------*/
#styleswitch {
float: left;
width: 333px;
height: 246px;
background: url(../img/hg-transparent1.png);
}
#styleswitch ul {
margin: 24px 0 0 80px;
font-size: 120%;
}
* html #styleswitch ul {
margin: 20px 0 0 80px;
}
* html #styleswitch li {
margin: -14px 0 0 -20px;
padding: 0;
}
* html #styleswitch li a:link, #styleswitch li a:visited {
padding: 0;
}
#styleswitch li a:link, #styleswitch li a:visited {
display: block;
padding: 22px;
text-decoration: none;
color: #f8f8f8;
}
#styleswitch li a:hover, #styleswitch li a:active {
text-decoration: underline;
color: #66bbe4;
}
#information {
float: left;
width: 333px;
height: 362px;
padding-top: 10px;
background: url(../img/hg-transparent_glas.png) bottom left no-repeat;
}
* html #information {
height: 360px;
}
#information ul {
float: left;
margin: 8px 0 0 10px;
}
* html #information ul {
float: left;
margin: 12px 0 0 10px;
}
#information ul li{
font-weight: bold;
margin: 0;
padding: 10px 0 0 22px;
display: block;
}
#information ul a:link, #information ul a:visited {
text-decoration: none;
color: #f8f8f8;
}
#information ul a:hover, #information ul a:active {
color: #66bbe4;
}
#information li a:link.hier, #information li a:visited.hier, #information li a:hover.hier, #information li a:active.hier {
color: #66bbe4;
}
/* -------------------------Inhaltsbereich----------------------*/
#content {
float: left;
width: 527px;
height: auto;
}
#headline {
float:right;
width: 527px;
height: 72px;
background: url(../img/hg-transparent2.png) bottom right no-repeat;
}
#textbox1, #text {
float: right;
width: 527px;
height: 174px;
background: url(../img/hg-transparent3.png) bottom right no-repeat;
}
#text2 {
float: right;
width: 527px;
height: 545px;
background: url(../img/hg-transparent_gross.png) bottom right no-repeat;
}
#text3 {
float: right;
width: 527px;
height: 646px;
background: url(../img/hg-transparent_gross2.png) bottom right no-repeat;
}
#textbox3 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox3.png);
}
#textbox4 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox4.png);
}
#textbox5 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox5.png);
}
#textbox6 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox6.png);
}
#textbox7 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox7.png);
}
#textbox8 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox8.png);
}
#textbox9 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox9.png);
}
#textbox10 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox.png);
}
#textbox11 {
float: right;
width: 527px;
height: 142px;
margin-top: 10px;
background: url(../img/textbox_gr.png);
}
#textbox12 {
float: right;
width: 527px;
height: 142px;
margin-top: 10px;
background: url(../img/textbox_gr2.png);
}
#textbox13 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox14.png);
}
#textbox14 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox13.png);
}
#textbox15 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox15.png);
}
#textbox16 {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textbox16.png);
}
#textbox17 {
float: right;
width: 527px;
height: 142px;
margin-top: 10px;
background: url(../img/textbox_gr3.png);
}
#textbox18 {
float: right;
width: 527px;
height: 142px;
margin-top: 10px;
background: url(../img/textbox_gr4.png);
}
#textende {
float: right;
width: 527px;
height: 114px;
margin-top: 10px;
background: url(../img/textende.png);
}
#textende2 {
float: right;
width: 527px;
height: 58px;
margin-top: 10px;
background: url(../img/textende2.png);
}
#referenz {
float:right;
width: 527px;
height: 28px;
background: url(../img/hg_referenz.png);
}
#referenz2 {
float:right;
width: 527px;
height: auto;
}
#inhalt2 {
float: right;
width: 527px;
height: 58px;
background: url(../img/inhalt2.png);
}
/* -------------------------Tabelle----------------------*/
table {
empty-cells: hide;
width: 527px;
}
td.text {
width: 345px;
background-color: #201f1d;
padding: 10px;
vertical-align: top;
}
td.bild {
width: 109px;
}
td.bild2 {
width: 152px;
}
/* -------------------------Formular----------------------*/
p.form {
margin: 15px 20px;
}
form{
width:400px;
margin: 20px 0 0 40px;
}
legend {
font-weight: bold;
font-size: 120%;
color: #66bbe4;
}
#person label {
display: block;
font-weight: bold;
padding: 2px;
}
fieldset {
border: 1px solid #a4a3a3;
padding: 8px;
}
textarea {
width: 300px;
height: 80px;
}
input.textbuttons { 
width:80px;
height:20px;
font-size:10px;
}
/* -------------------------Fußzeile----------------------*/
#footer {
float: left;
width: 956px;
height: 92px;
padding-top: 10px;
background: url(../img/hg_transparent_fuss.png) bottom left no-repeat;
}
#footer-container ul {
font-size: 90%;
text-align: left;
padding-top: 12px;
}
#footer-container ul li{
margin: 0;
padding: 0;
display: inline;
}
#footer-container li a:link, #footer-container li a:visited {
text-decoration: none;
padding: 0 0 0 28px;
color: #f8f8f8;
}
#footer li a:hover, #footer li a:active {
text-decoration: underline;
color: #ccc;
}
/* -------------------------Auszeichnungen----------------------*/
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 200%;
margin: 23px 0 0 28px;
color: #66bbe4;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 160%;
font-weight: normal;
margin: 12px 0 0 28px;
color: #66bbe4;
}
h3 {
font-size: 100%;
font-weight: normal;
color: #c0e4f6;
margin: 5px 0 0 28px;
}
h4 {
font-size: 100%;
font-weight: bold;
color: #66bbe4;
margin: 24px 0 0 28px;
}
h5 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 160%;
margin: 24px 0 0 28px;
color: #66bbe4;
}
h6 {
font-size: 100%;
font-weight: normal;
color: #c0e4f6;
margin: 14px 0 0 120px;
}
.textbox4 {
font-weight: normal;
font-size: 120%;
line-height: 1.6em;
color: #c0e4f6;
padding: 12px 0 0 28px;
}
.info {
margin: 12px 30px 0 28px;
}
.box {
margin: 12px 30px 0 28px;
}
.textbox {
margin: 10px 30px 0 120px;
}
.footer {
padding: 10px 0 0 26px;
}
.preis {
float: left;
font-weight: bold;
font-size: 130%;
color: #67c2e6;
padding: 7px 80px 0 120px;
}
.clear{
clear: both;
}
/* -------------------------Seiten blättern Referenzen----------------------*/
#content ul {
padding: 18px 0 0 0;
text-align: center;
}
#content ul li{
margin: 0;
padding: 0;
display: inline;
}
#content li a:link, #content li a:visited {
font-weight: bold;
padding: 0 7px 0 7px;
text-decoration: none;
color: #f8f8f8;
}
#content li a:hover, #content li a:active {
color: #c0e4f6;
}
#content li a:link.activ, #content li a:visited.activ, #content li a:hover.activ, #content li a:active.activ {
font-weight: bold;
padding: 0 7px 0 7px;
color: #c0e4f6;
}