body
{
 margin:0;
 padding:0;
 font-family: Verdana, Arial;
 background:#ffffff;
 font-size: 11px;
 color:          #2E4756;
}

/*Aufbau der Seite*/

#header {
  height:     96px;
  width:      100%;
  background: url('../images/header.jpg') no-repeat #005c91;
}

#navigation {
  height:     24px;
  width:      100%;
  background: url('../images/navigation.gif');

  /*Für die tadellose Anzeige im Internetexplorer:*/
  overflow:hidden;
}

#subnavigation {
  height:     19px;
  width:      100%;
  background: url('../images/subnavigation.gif');
}

#main {
  width:      900px;   /* 07.09.2006 zuvor: 775px | Diff von: 125px*/
  background: url('../images/content.gif') repeat-y;
  min-height: 500px;
  overflow:   auto;
}

#footer {
  width:      100%;
  height:     25px;
  background: url('../images/footer.gif');
  clear:      both;
}

#left {
  float:          left;
  width:          230px;  /* 07.09.2006 zuvor: 165px | Diff von: 65px*/
  padding-bottom: 10px;
}

#content {
  float:          left;
  width:          670px;  /* 07.09.2006 zuvor: 610px | Diff von: 60px*/
  padding:        0;
  padding-bottom: 25px;
}

/*Darstellung*/

/*Links im Header */

#header div.toplink
{
width:765px;
height:20px;

text-align:right;

color:#fff;
font-size:11px;
}

#header div.toplink a
{
font-size:11px;
color:#fff;

text-decoration:none;
}

/*Gestaltung Subnavigation*/

/*Subnavigation spacer- div's*/

#subnavigation div.webhosting
{
margin-left: 225px; /* 07.09.2006 zuvor: 160px | Diff von: 65px*/
}

/*Subnavigation Links*/

#subnavigation a
{
text-decoration:underline;
color:#626262;
font-weight:bold;
font-size:11px;

margin-right:15px;

line-height:19px;
vertical-align:middle;
}

#subnavigation a:hover
{
text-decoration:none;
}

/*Gestaltung Untermenü u. Links*/

#left h1 {
  width:          200px;   /* 07.09.2006 zuvor: 135px | Diff von: 65px*/
  height:         19px;

  background:     url('../images/header_box_left.gif');

  font-size:      10px;
  color:          #e0e5ea;

  line-height:    19px;
  vertical-align: center;

  padding-left:   4px;

  margin:         auto;
  margin-top:     10px;
  margin-bottom:  0px;
}

#left div.box {
  width:  202px; /* 07.09.2006 zuvor: 137px | Diff von: 65px*/

  margin: auto;
}

#left div.box_body {
  width:      202px; /* 07.09.2006 zuvor: 137px | Diff von: 65px*/
  background: #f4f6fb;
  border:     1px solid #e0e5ea;

  margin-top:3px;
}

#left ul, #left li {
  list-style:none;
  margin:0;
  padding:0;

  font-size:11px;
}

#left li {
  background: url('../images/bg_link_left.gif') bottom repeat-x;
  line-height:20px;
}

#left li.last {
  background: none;
}

#left li a {
  color:#005c91;
  text-decoration:none;

  margin:0;
  margin-left:5px;
  padding:0;
}

#left li a:hover {
  font-weight:bold;
}

/*
******* Gestaltung Inhalt *******
*/

/*div container*/

#content div {
  padding:    0;
  margin:     1px;
  margin-top: 0;
}

#content div.full {
 width: 586px;
 clear: both;
}

#content div.medium_right, #content div.medium_left
{
 width:337px;
 float:left;
}

#content div.medium_left
{
 margin-right:10px;
}

#content div.medium_right
{
 margin-left:13px;
}

#content div.small_right, #content div.small_left
{
 width:224px;
 float:left;
}

#content div.small_left
{
 margin-right:10px;
}

#content div.small_right
{
 margin-left:13px;
}

#content div.small_left_ref
{
 width:265px;
 float:left;
}

#content div.small_right_ref
{
 width:265px;
 float:left;
}

#content div.small_left_ref
{
 margin-right:13px;
}

#content div.small_right_ref
{
 margin-left:13px;
}

#content h1 {
  font-size:      10px;
  color:          #e0e5ea;

  line-height:    16px;
  vertical-align: center;

  text-align:     right;

  margin:         0;
}

#content h2 {
  font-size:      10px;
  color:          #2E4756;

  line-height:    16px;
  vertical-align: center;

  text-align:     left;

  margin-left:    3px;
}

#content h1.head_full {
 width:  586px;
 height: 16px;

 background: url('../images/content_bh_full.gif') no-repeat;
}

#content h1.head_medium
{
 width:337px;
 height:16px;

 background: url('../images/content_bh_medium.gif') no-repeat;

 float:left;
}

#content h1.head_small
{
 width:224px;
 height:16px;

 background: url('../images/content_bh_small.gif') no-repeat;

 float:left;
}

#content h1.head_small_ref
{
 width:274px;
 height:16px;

 background: url('../images/content_bh_small_ref.gif') no-repeat;

 float:right;
}

#content p.old, #content div.p_full, #content div.p_medium
{
font-size:11px;
color:#2e4756;

line-height:16px;

margin-top:0;

padding:5px;

background:#f4f6fb;
border:1px solid #e0e5ea;
border-top:none;

margin-bottom:10px;
}

#content p.p_full, #content div.p_full
{
width:574px;
}

#content p.p_medium, #content div.p_medium
{
width:325px;
}

#content p.p_small
{
width:212px;
}

#content p.p_small_ref
{
width:272px;
}

#content div.cont {

  width:         586px;
  background:    url(../images/full_bg.jpg) #f4f6fb repeat-y;
  border-top:    none;

  border-bottom: 1px solid #e0e5ea;


  margin-top:    0;
  margin-bottom: 10px;
  
  font-size:11px;
  color:#2e4756;

  line-height:16px;

}
/*Links & Text  im Footer*/

#footer p, #footer a
{
 color:#e6f0f7;
 font-size:10px;
 text-decoration:none;

 line-height:25px;
 vertical-align:center;

 margin:0;
 padding-left:5px;
 padding-right:5px;
}

#footer a:hover
{
text-decoration:underline;
}

/*Angebotsboxen*/


#content div.o_box
{
width:140px;

float:left;
margin:3px;
}

#content div.o_box_body
{
width:137px;
background:#f4f6fb;
border:1px solid #e0e5ea;
border-bottom:none;

margin:0;
margin-top:3px;
}

#content div.o_box_links
{
width:70px;
float:left;

margin:0;
}

#content div.o_box_price
{
width:69px;
float:left;

margin:0;
}

#content div.o_box_body p
{
border:none;
margin:0;

line-height:normal;

font-size:11px;
color:#2e4756;
}

/*Allgemeine styles*/
ul {
   list-style-type: square;
}
ul.mains {
   list-style-type: square;
}
li.mains_for {
   font-size: 11px;
}
.mainsdiv {
   font-size:11px;

   background: url(../images/full_bg.jpg) #f4f6fb repeat-y;
}

.comment {
   font-size:     11px;
   color:         #2e4756;

   line-height:   16px;

   margin-top:    0;

   padding:       5px;

   background:    #f4f6fb;
   border:        1px solid #e0e5ea;
   border-top:    none;

   margin-bottom: 10px;
}
/*Eingabefelder*/

input.styled, select.styled
{
border:1px solid #b0b6be;
font-family:Verdana, Arial;
font-size:11px;
color:#6d7279;

padding:2px;
margin:2px;
}

select.styled
{
padding:1px;
}

/*Links*/
#content a
{
text-decoration:underline;
font-weight:bold;
color:#2e4756;
}

#content a:hover
{
text-decoration:none;
}

/*Bilder*/
img
{
border:none;
margin:0;
padding:0;
}

img.ref
{
border: 1px solid #2E4756;
margin:0;
padding:0;
}
/**
* Search box and language selection box
*/
#search, #langform {
   color:       #005c91;
   font-size:   10px;
   margin-top:  5px;
   margin-left: 4px;
   border:      0px solid;
   padding:     0px;
}
#search fieldset, #langform fieldset {
   display: inline;
   border: 0;
}
#search input[type=text], #search .inputfield, #langform .inputfield {
   border: 1px solid;
   width: 100px;
}
#search input[type=submit], #langform input[type=submit] {

   padding: 0;
   border:  1px solid #7F9DB9;
   margin-left: 0;
}
.submit01 {
   border:    1px solid #7F9DB9;
   color:     #005c91;
   font-size: 10px;
   width:     50px;
}

.submit02 {
   border:    1px solid #7F9DB9;
   color:     #005c91;
   font-size: 10px;
   width:     120px;
}

body {	
	margin:0px;padding:0px;
	scrollbar-face-color:#;
	scrollbar-track-color:#;
	scrollbar-arrow-color:#;
	scrollbar-3Dlight-color:#;
	scrollbar-base-color:#;
	scrollbar-shadow-color:#;
	scrollbar-darkshadow-color:#;
	scrollbar-highlight-color:#;
}

td {
	text-align: left;
	vertical-align: top;
	font-family:Verdana, Arial;
	font-size:11px;
	color:#617B79;
	line-height:12px;
}
a {
	text-decoration: underline;
	color:#5C919D;
}
a.1 {
	text-decoration: none;
	color: 000000;
}
.t11 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
}

div#wrapper {
	position: relative; /* Wird für den Footer benötigt */
	margin: 0 auto; /* Horizontales zentrieren des Wrappers */
	width: 995px; /* Ohne Breitenangabe kann der Wrapper nicht zentriert werden */
	background: #f0f0f0; 
	height: auto !important;
	height: 100%; /* Verhält sich wie min-height im IE6 */
	min-height: 100%;
}

.topt {color:#697877}
.bott {color:#869A99; text-decoration:none}
.bot {color:#75ABB6; text-decoration:none}
.color1 {color:#75ABB6}
.color2 {color:#617B79}
.color3 {color:#FF9933}
.color4 {color:#697877}
.color5 {color:#5C919D}
.color6 {color:#42567D}
.color7 {color:#FFFFFF}

/* Tabellen */
table.cp_content {
width: 100%;
}