/* CSS Document 
Test CSS 07.11.2008
*/
*{
margin:0;
padding:0;
text-decoration:none;
}
.clear{
clear:both;
}
wrap {
height: 101%;
}
body{
background-color:#fef5e4;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 80%;
line-height: 130%;
color: #29557c;
}
a:link, a:visited {
text-decoration: underline;
color: #29557c;
}
a:hover, a:active {
color: #49b7e5;
}
#navi-container, #header-container, #header-container2, #header-container3, #header-container4, #header-container5,  #header-container6, #header-container7, #header-container8, #header-container10, #header-container11, #main-container, #footer-container{
width:915px;
margin:0 auto;
position:relative;
}
/* -------------------------Navigation----------------------*/
#navigation {
background: url(../img/navibg.gif) repeat-x;
height: 60px;
}
#navi-container ul {
text-align: center;
float: right;
margin: 20px 2px 0 0;
}
* html #navi-container ul {
margin: 0;
}
#navi-container ul li{
white-space: nowrap;
margin: 0;
padding: 0;
display: inline;
}
#navi-container li a:link, #navi-container li a:visited {
display: block;
float: left;
height: 30px;
width: 80px;
padding: 6px;
margin: 11px 1px 0 0;
text-decoration: none;
background: url(../img/naviblau.gif) repeat-x; 
color: #f8f8f8;
}
#navi-container li a:hover, #navi-container li a:active {
color: #1b479e;
text-decoration: none;
}
/* -------------------------Kopf----------------------*/
#header, #header2, #header3, #header4, #header5, #header6, #header7, #header8, #header10, #header11 {
background: url(../img/headerbg.jpg) top repeat-x;
height: 300px;
}
* html #header, #header2, #header3, #header4, #header5, #header6, #header7, #header8, #header10, #header11 {
margin-top: -20px;
}
#header-container, #header-container2, #header-container3, #header-container4, #header-container5, #header-container6, #header-container7, #header-container8, #header-container10, #header-container11 {
background: url(../img/header_grafik.jpg) no-repeat;
height: 300px;
}
/* -------------------------Maincontent----------------------*/
#main {
height: auto;
}
/* -------------------------linke Seite----------------------*/
#sidebar {
float: left;
width: 319px;
height: 508px;
background: url(../img/frische_graphic.jpg);
}
#styleswitch {
float: left;
width: 319px;
height: 78px;
}
#styleswitch ul {
float: left;
margin: 12px 0 0 40px;
}
* html #styleswitch ul {
float: left;
margin: 12px 0 0 20px;
}
#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;
list-style-type: circle;
color: #51687c;
}
#styleswitch ul a:hover, #styleswitch ul a:active {
color: #49b7e5;
text-decoration: underline;
}
#information {
float: left;
width: 319px;
height: auto;
}
/* -------------------------Navigation Referenzen----------------------*/
#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: #29557c
}
#information ul a:hover, #information ul a:active {
color: #49b7e5;
}
#information li a:link.hier, #information li a:visited.hier, #information li a:hover.hier, #information li a:active.hier {
color: #49b7e5;
}

/* -------------------------Inhaltsbereich----------------------*/
#content {
float: left;
width: 596px;
background: url(../img/contentbg.jpg) no-repeat top;
}
#headline {
width: 596px;
height: 70px;
}
#textbox3, #textbox4, #textbox5, #textbox6, #textbox7, #textbox8, #textbox9, #textbox10, #textbox13, #textbox14, #textbox15, #textbox16 {
float: left;
width: 596px;
height: 119px;
}
#textbox11, #textbox12, #textbox17, #textbox18 {
float: left; 
width: 596px;
height: 145px;
}
#textbox3 {
background: url(../img/textbox3.jpg) bottom left no-repeat;
padding-top: 20px;
}
#textbox4 {
background: url(../img/textbox4.jpg) bottom left no-repeat;
}
#textbox5 {
background: url(../img/textbox5.jpg) bottom left no-repeat;
}
#textbox6 {
background: url(../img/textbox6.jpg) bottom left no-repeat;
}
#textbox7 {
background: url(../img/textbox7.jpg) bottom left no-repeat;
padding-top: 20px;
}
#textbox8 {
background: url(../img/textbox8.jpg) bottom left no-repeat;
}
#textbox9 {
background: url(../img/textbox9.jpg) bottom left no-repeat;
padding-top: 20px;
}
#textbox10 {
background: url(../img/textbox10.jpg) bottom left no-repeat;
}
#textbox11 {
background: url(../img/textbox11.jpg) bottom left no-repeat;
padding-top: 20px;
}
#textbox12 {
background: url(../img/textbox12.jpg) bottom left no-repeat;
}
#textbox13 {
background: url(../img/textbox13.jpg) bottom left no-repeat;
padding-top: 20px;
}
#textbox14 {
background: url(../img/textbox14.jpg) bottom left no-repeat;
}
#textbox15 {
background: url(../img/textbox15.jpg) bottom left no-repeat;
}
#textbox16 {
background: url(../img/textbox16.jpg) bottom left no-repeat;
}
#textbox17 {
background: url(../img/textbox17.jpg) bottom left no-repeat;
padding-top: 20px;
}
#textbox18 {
background: url(../img/textbox18.jpg) bottom left no-repeat;
}
#textende {
height: auto;
}
#referenz2 {
float: left;
width: 596px;
height: auto;
}
/* -------------------------Tabelle----------------------*/
table {
empty-cells: hide;
margin-left: 30px;
}
td.text {
width: 335px;
background-color: #fcefd7;
padding: 10px;
vertical-align: top;
border-top: 1px solid #fbe4b9;
border-left: 1px solid #fbe4b9;
}
td.bild {
width: 109px;
}
td.bild2 {
width: 152px;
}
#referenz2 a:link, #referenz2 a:visited {
font-weight: bold;
text-decoration: none;
color: #49b7e5;
}
#referenz2 a:hover,  #referenz2 a:active {
text-decoration: underline;
}
/* -------------------------Formular----------------------*/
p.form {
margin: 15px 20px;
}
form{
width:400px;
margin: 20px 0 0 40px;
}
legend {
font-weight: bold;
font-size: 120%;
color: #29557c;
}
#person label {
display: block;
padding: 2px;
}
fieldset {
border: 1px solid #29557c;
background-color: #fef5e4;
padding: 8px;
}
textarea {
width: 300px;
height: 80px;
}
input.textbuttons { 
width:80px;
height:20px;
font-size:10px;
border: 1px solid #fee8cc;
}
/* -------------------------footer----------------------*/
#footer {
height: auto;
background: url(../img/footerbg.gif) repeat-x;
padding-top: 5px;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #f8f8f8;
text-decoration: underline;
}
#footer-container ul {
text-align: right;
margin-top: 20px;
font-size: 80%;
}
#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: #10ade1;
}
/* -------------------------Auszeichnungen----------------------*/
h1 {
font-size: 220%;
font-style: oblique;
color: #29557c;
margin-left: 40px;
padding-top: 5px;
}
h2 {
font-size: 130%;
font-weight: normal;
margin: 15px 0 8px 40px;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 100%;
padding: 6px 0 0 40px;
color: #10ade1;
}
h4 {
font-size: 100%;
margin: 20px 0 0 55px;
}
h5 {
font-size: 130%;
font-weight: normal;
padding: 10px 0 0 55px;
color: #10ade1;
}
h6 {
font-size: 100%;
padding: 10px 25px 0 150px;
color: #10ade1;
}
p.info {
margin: 8px 25px 0 55px;
font-size: 85%;
}
p.box {
padding: 14px 60px 0 40px;
}
p.textbox {
float: left;
padding: 10px 60px 0 150px;
}
p.footer {
margin-top: 8px;
text-align: right;
color: #f8f8f8;
padding: 10px 10px 0 0;
}
p.textbox4 {
padding: 10px 60px 0 40px;
}
p.preis {
float: left;
font-weight: bold;
font-size: 130%;
color: #67c2e6;
padding: 7px 80px 0 150px;
}
.footer {
color: #f8f8f8;
}
/* -------------------------Seiten blättern Referenzen----------------------*/
#content {
width: 596px;
height: auto;
}
#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: #49b7e5;
}
#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: #49b7e5;
}