/* CSS Document */
/* corrella Webseite Redesign
Start 01. Februar 2008 */
/* Wichtige Farben
Hellblau: #acd6ef
Dunkles Grau: #51687c
Helles Grau: #9d9d9d
*/
*{ 
padding: 0;
margin: 0;
}
body {
font-size: 65%; line-height: 1.5em; font-family: Verdana, Helvetica, sans-serif; text-align: center; color: #51687c; 
background-color: #055585; 
}
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 {
color: #51687b;
text-decoration: underline;
}
#wrap {
margin: 0 auto; padding: 0; width: 900px; text-align: left; height: 101%; background: url(../img/hintergrund.gif) repeat-y; 
}
/* -------------------------Hauptnavigation----------------------*/
#navigation {
font-size: 110%;
width: 900px;
height: 71px;
background: url(../img/logo.gif) bottom left no-repeat;
}
#navi-container ul {
float: right;
margin: 30px 50px 0 0;
}
* html #navi-container ul {
float: right;
margin: 30px 22px 0 0;
}
#navi-container ul li{
margin: 0;
padding: 0;
display: inline;
}
#navi-container li a:link, #navi-container li a:visited {
height: auto;
padding: 0 10px 0 10px;
text-decoration: none;
color: #9d9d9d;
}
#navi-container li a:hover, #navi-container li a:active {
text-decoration: none;
}
#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:900px;
margin:0 auto;
position:relative;
}
#header-container {
background: url(../img/header.jpg);
height: 303px;
}
#header-container2 {
width: 900px;
height: 303px;
background: url(../img/header2.jpg) bottom left no-repeat;
}
#header-container3 {
width: 900px;
height: 303px;
background: url(../img/header3.jpg) bottom left no-repeat;
}
#header-container4 {
width: 900px;
height: 303px;
background: url(../img/header4.jpg) bottom left no-repeat;
}
#header-container5 {
width: 900px;
height: 303px;
background: url(../img/header5.jpg) bottom left no-repeat;
}
#header-container6 {
width: 900px;
height: 303px;
background: url(../img/header6.jpg) bottom left no-repeat;
}
#header-container7 {
width: 900px;
height: 303px;
background: url(../img/header7.jpg) bottom left no-repeat;
}
#header-container8 {
width: 900px;
height: 303px;
background: url(../img/header8.jpg) bottom left no-repeat;
}
#header-container10 {
width: 900px;
height: 303px;
background: url(../img/header10.jpg) bottom left no-repeat;
}
#header-container11 {
width: 900px;
height: 303px;
background: url(../img/header11.jpg) bottom left no-repeat;
}
/* -------------------------linke Seite----------------------*/
#main {
height: auto;
}
#sidebar {
float: left;
width: 318px;
height: 100%;
}
/* -------------------------Navigation Styleswitch----------------------*/
#styleswitch {
width: 318px;
height: 70px;
background: url(../img/hg_style.jpg);
}
#styleswitch ul {
float: left;
margin: 12px 0 0 60px;
}
* html #styleswitch ul {
float: left;
margin: 12px 0 0 25px;
}
#styleswitch ul li{
margin: 0;
padding: 0;
display: inline;
}
#styleswitch ul a:link, #styleswitch ul a:visited {
margin-right: 20px;
padding: 0 10px 0 15px;
text-decoration: none;
}
#styleswitch ul a:hover, #styleswitch ul a:active {
color: #9d9d9d;
text-decoration: underline;
}
/* -------------------------Navigation Referenzen----------------------*/
#information {
float: left;
width: 318px;
height: 486px;
background: url(../img/frische.jpg) bottom left no-repeat;
}
#information ul {
float: left;
margin: 8px 0 0 68px;
}
* html #information ul {
float: left;
margin: 12px 0 0 34px;
}
#information ul li{
font-weight: bold;
margin: 0;
padding: 12px 0 0 0;
display: block;
}
#information ul a:link, #information ul a:visited {
text-decoration: none;
color: #51687b;
}
#information ul a:hover, #information ul a:active {
color: #9d9d9d;
}
#information li a:link.hier, #information li a:visited.hier, #information li a:hover.hier, #information li a:active.hier {
color: #9d9d9d;
}
/* -------------------------Inhaltsbereich----------------------*/
#content {
float: right;
width: 582px;
height: auto;
}
#headline {
width: 580px;
height: 70px;
}
#text, #text2, #text3 {
width: 580px;
height: auto;
}
#textbox1, #textbox2 {
width: 580px;
height: 180px;
background: url(../img/hg_textbox.gif) bottom left no-repeat;
}
#textende, textende2 {
float: left;
width: 580px;
height: auto;
background: url(../img/hg_text.gif) repeat-y;
}
#textbox3 {
float: left;
width: 582px;
height: 119px;
background: url(../img/begeisterung.jpg) bottom left no-repeat;
}
#textbox4 {
float: left;
width: 582px;
height: 119px;
background: url(../img/zugang.jpg) bottom left no-repeat;
}
#textbox5 {
float: left;
width: 582px;
height: 119px;
background: url(../img/zutaten.jpg) bottom left no-repeat;
}
#textbox6 {
float: left;
width: 582px;
height: 119px;
background: url(../img/spass.jpg) bottom left no-repeat;
}
#textbox7 {
float: left;
width: 582px;
height: 119px;
background: url(../img/print.jpg) bottom left no-repeat;
}
#textbox8 {
float: left;
width: 582px;
height: 119px;
background: url(../img/beschriftung.jpg) bottom left no-repeat;
}
#textbox9 {
float: left;
width: 582px;
height: 119px;
background: url(../img/web.jpg) bottom left no-repeat;
}
#textbox10 {
float: left;
width: 582px;
height: 119px;
background: url(../img/design.jpg) bottom left no-repeat;
}
#textbox11 {
float: left;
width: 582px;
height: 145px;
background: url(../img/kugelpano.jpg) bottom left no-repeat;
}
#textbox12 {
float: left;
width: 582px;
height: 145px;
background: url(../img/hoverbox.jpg) bottom left no-repeat;
}
#textbox17 {
float: left;
width: 582px;
height: 145px;
background: url(../img/lightbox.jpg) bottom left no-repeat;
}
#textbox18 {
float: left;
width: 582px;
height: 145px;
background: url(../img/video.jpg) bottom left no-repeat;
}
#textbox13 {
float: left;
width: 582px;
height: 119px;
background: url(../img/internet.jpg) bottom left no-repeat;
}
#textbox14 {
float: left;
width: 582px;
height: 119px;
background: url(../img/pressearbeit.jpg) bottom left no-repeat;
}
#textbox15 {
float: left;
width: 582px;
height: 119px;
background: url(../img/druckerei.jpg) bottom left no-repeat;
}
#textbox16 {
float: left;
width: 582px;
height: 119px;
background: url(../img/giveaway.jpg) bottom left no-repeat;
}
#referenz {
float: left;
width: 582px;
height: 35px;
background: url(../img/balken.gif) bottom left no-repeat;
}
#referenz2 {
float: left;
width: 582px;
height: auto;
background: url(../img/hg_text.gif) repeat-y;
}
/* -------------------------Tabelle----------------------*/
table {
empty-cells: hide;
margin-left: 30px;
}
td.text {
width: 335px;
background-color: #cdedfc;
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: #acd6ef;
}
#person label {
display: block;
font-weight: bold;
padding: 2px;
}
fieldset {
border: 1px solid #acd6ef;
background: #fff;
padding: 8px;
}
textarea {
width: 300px;
height: 80px;
}
input.textbuttons { 
width:80px;
height:20px;
font-size:10px;
}
/* -------------------------footer----------------------*/
#footer {
width: 900px;
height: 100px;
background: url(../img/hg_footer.gif) bottom left no-repeat;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #f8f8f8;
text-decoration: underline;
}
#footer-container ul {
text-align: center;
margin-top: 10px;
}
#footer-container ul li{
margin: 0;
padding: 0;
display: inline;
}
#footer-container li a:link, #footer-container li a:visited {
padding: 0 10px 0 0;
text-decoration: underline;
color: #f8f8f8;
}
#footer-container li a:hover, #footer-container li a:active {
color: #c0c0c0;
}
/* -------------------------Auszeichnungen----------------------*/
h1 {
font-size: 220%;
color: #acd6ef;
margin-left: 40px;
padding-top: 5px;
}
h2 {
font-size: 130%;
color: #51687c;
margin: 15px 0 8px 40px;
}
h3 {
font-size: 90%;
padding: 6px 0 0 40px;
}
h4 {
font-size: 90%;
margin: 6px 0 0 68px;
}
h5 {
font-size: 100%;
padding: 0 0 0 68px;
}
h6 {
font-size: 100%;
padding: 10px 25px 0 170px;
}
p.box {
padding: 14px 60px 0 40px;
}
p.info {
margin: 14px 25px 0 68px;
}
p.textbox {
float: left;
padding: 10px 60px 0 170px;
}
p.textbox4 {
padding-left: 40px;
padding-right: 80px;
}
p.preis {
float: left;
font-weight: bold;
font-size: 130%;
color: #67c2e6;
padding: 7px 80px 0 170px;
}
p.footer {
margin-top: 8px;
text-align: center;
color: #f8f8f8;
}
.clear{
clear: both;
}
.footer {
color: #f8f8f8;
}
img.icon {
float: left;
padding:0;
margin-top: -10px;
}
#referenz2 a:link, #referenz2 a:visited {
font-weight: bold;
text-decoration: none;
color: #51687c;
}
#referenz2 a:hover,  #referenz2 a:active {
text-decoration: underline;
}
/* -------------------------Seiten blättern Referenzen----------------------*/
#content {
width: 582px;
height: auto;
background: url(../img/hg_text.gif) repeat-y;
}
#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: #51687c;
}
#content li a:hover, #content li a:active {
color: #9d9d9d;
}
#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: #9d9d9d;
}