body
{
margin:0;
padding:0;

background:url('images/bg-body.gif') repeat-x #f6f6f6;

font-family: Verdana, Sans-Serif;
font-size:11px;
line-height:20px;
}

/*Aufbau der Seite*/

#header-startseite, #header-hosting, #header-server, #header-service, #header-impressum
{
height:109px;
width:801px;

margin:0 auto;
overflow:hidden;

background:url('images/header-startseite.jpg');
}

#header-hosting
{
background:url('images/header-webhosting.jpg');
}

#header-server
{
background:url('images/header-server.jpg');
}

#header-service
{
background:url('images/header-service.jpg');
}

#header-impressum
{
background:url('images/header-impressum.jpg');
}

#navigation
{
padding-top:77px;
height:34px;
width:801px;
}

#content
{
width:801px;

margin:0 auto;
padding-bottom:20px;

background:url('images/bg-content.jpg') left repeat-y;

overflow:auto;
}

#content-left
{
width:621px;
float:left;
}


#content-right
{
width:180px;
float:left;
}

#footer
{
width:801px;
height:23px;

background:url('images/bg-footer.gif');

margin:0 auto;
}



/*Navigation*/

#navigation ul
{
list-style:none;
margin:0;
padding:0;

margin-left:50px;
background:url('images/bg-navigation.gif');
}


#navigation ul li
{
float:left;
}

#navigation ul li.last
{
width:1px;
height:27px;
background:url('images/bg-navigation.gif');
}

#navigation ul li a
{
width:110px;
height:27px;
line-height:27px;

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

display:block;

padding:0;
margin:0;

text-align:center;
text-decoration:none;
font-size:12px;
color:#606060;
}


#navigation ul li a:hover, #navigation a.active
{
background:url('images/navigation-active.gif');
font-weight:bold;
}

/*Footer*/


#footer p
{
padding:0;
padding-right:10px;
margin:0;

font-size:9px;
color:#d2d2d2;

text-align:right;

line-height:20px;
}

#footer a
{
font-size:10px;
color:#d2d2d2;
text-decoration:none;
}

/*Inhalt*/


#content-left p, #content-left h1, #content-left h2, #content-left div.offer, #content ul, #content table
{
color:#7c7c7c;

padding:0;
margin:0;

margin-top:5px;
margin-left:15px;
margin-right:20px;
}

#content-left ul
{
margin-top:12px;
padding-left:25px;
}

#content-left h1
{
font-size:13px;
border-bottom:2px solid #ebebeb;
padding-bottom:2px;

margin-top:12px;
margin-bottom:3px;
color:#686868;
}

#content-left h2
{
font-size:11px;
margin-top:16px;
}

#content-left div.offer img
{
float:left;
margin:11px;
}

/*Angebotstabelle*/

p.price
{
font-size:15px;
font-weight:bold;
text-align:center
}


/*Inhalt rechte Spalte*/

#content-right h1
{
width:161px;
height:19px;

padding-left:10px;

background:url('images/bg-head-right.gif');

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

line-height:19px;
margin:0;
margin-bottom:1px;
margin-top:12px;
}

#content-right .box
{
width:171px;
background:url('images/bg-box-right.gif') bottom no-repeat #f8f8f8;

padding-bottom:8px;
padding-top:5px;
}

#content-right p
{
padding:4px;
font-size:10px;
color:#7c7c7c;

margin:0;
line-height:15px;
}

/*Allgemein*/

img 
{
border:none;
}

a 
{
text-decoration:underline;
color:#7c7c7c;
}

a:hover
{
text-decoration:none;
}

a.pdf
{
line-height:16px;

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

padding:0;
margin:0;

margin-top:2px;
padding-left:18px;

display:block;

text-decoration:none;
}

/*Input*/
input, textarea, select
{
border: 1px solid #d0d0d0;
margin:4px;
margin-bottom:0;

background:url('images/bg-input.gif') repeat-x bottom;

font-family: Verdana, Tahoma, Arial, Sans-Serif;

font-size:11px;
color:#5e5e60;
}

select
{
background:none;
}

option 
{
background:#fff;
}