html
{
padding:0;
margin:0;
}

body
{
color:#000;
background: #eee;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
line-height: 140%;
margin:10px;
padding:0;
}

img
{
border:0;
}

/*  positioning-layers statisch und absolut */

#outerbox
{
width:960px;
margin: 10px;
padding: 0px;
text-align:left;
margin-left: auto;
margin-right: auto;
}

#kopf
{
width: 810px;
height: 85px;
margin: 0px;
border-color: #006;
}

#links
{
float:left;
margin:0px;
width:160px;
height:400px;
}

#rechts
{
float:left;
margin:0px;
width:160px;
height:400px;
}


.navigation
{
line-height:22px;
margin:0px;
width:159px;
overflow:hidden;
border-top: 1px solid #000;
border-left: 1px solid #000;
background-color:#a5c6ff;
margin-bottom:15px;
}

#rechts .navigation
{
line-height:20px;
border-right: 1px solid #000;
border-left: none;
width:120px;
background-color:#c5d6ff;
}

.navigation a
{
border-bottom: 1px solid #000;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding: 0px 110px 0px 10px;
white-space: nowrap;
display: block;
}

#rechts .navigation a
{
font-size:10px;
}

.navigation a:hover
{

background-color:#fff;
text-decoration:underline;
}

.navigation a.active
{
background-color:#fff;
text-decoration:underline;
}




#inhalt
{
background: #fff;
float:left;
margin:0px;
overflow:auto;
padding:15px;
width:600px;
minheight:500px;
border: solid 1px;
min-height:450px;
}

#footer
{
margin-top: 10px;
text-align: center;
font-size: 10px;
width:980px;
margin-left: auto;
margin-right: auto;
}


#footertext
{
width:640px;
border: 1px solid #bbb;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}

#footer a
{
color: #000;
}
#footer a:hover
{
color: #09f;
}


#logofooter
{
text-align: center;
width:580px;
margin-left: auto;
margin-right: auto;
}

#werbung
{
position: absolute;
left:760px;
top: 0px;
width:160px;
margin:10px;
}

#logo
{
float: left;
width:252px;
height:80px;
}

#dsl-anbieter
{
float: left;
border: solid 1px #000;
}

#dsl-anzeigen
{
float: left;
}

.block
{
border: 1px solid #ffffff;
background-color: #fafaff;
padding: 2px;
clear: left;
margin-bottom: 10px;
}

.sternchentext
{
color:#666;
font-size: 9px;
line-height: 140%;
margin:10px;
padding:0;
}

.dsl-werbung
{
float: right;
margin-right: 20px;
margin-left: 20px;
}

/*  Auszeichnungen Ueberschriften usw. */

a
{
color:#006;
font-weight:bold;
text-decoration:none;
}

a:hover
{
color:#09f;
font-weight:bold;
text-decoration:none;
}

.hover
{
color:#09f;
font-weight:bold;
text-decoration:none;
}

.a_over
{
color:#999999;
font-weight:bold;
text-decoration:none;
}

h1
{
border-bottom: 2px solid #006;
color:#006;
font-size:16px;
font-weight:bold;
margin:0 0 10px 0;
padding-left:2px;
width: 250px;
}

h2
{
color:#033;
font-size:12px;
font-weight:bold;
margin:5px 0 5px 0;
padding-left:2px;
}

h3
{
color:#033;
font-size:12px;
font-weight:bold;
}

table.tarif-tabelle
{
margin: 10px;
width:95%
}

table.tarif-tabelle td
{
background: #ddf;
text-align: center;
}

table.tarif-tabelle th
{
background: #ccf;
text-align: center;
font-weight: bold;
}

table.tarif-tabelle td.links
{
text-align: left;
}

table.tarif-tabelle td.nix
{
background: #fafaff;
}

p
{
margin-bottom:15px;
padding-left:10px;
padding-right:10px;
}

strong
{
font-size:12px;
font-weight:bold;

}

.over
{
font-size:12px;
color:#444;
font-weight:bold;
text-decoration:none;
}

.unsichtbar
{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}

.sub
{
background-color: #dddddd;
border-right: solid 1px #006;
border-bottom: solid 1px #006;
border-left: solid 1px #006;
width: 165px;
padding: 5px;
}

/*  Formulare */

#rechts .feld
{
background-color: #fff;
border: solid 1px #006;
font-size:12px;
width:155px;
}

.feld
{
background-color: #fff;
border: solid 1px;
border-color: #006;
font-size:12px;
width:350px;
}

textarea
{
background-color: #fff;
border: solid 1px #006;
font-size:12px;
height:100px;
width:350px;
}

.submit
{
background-color: #fff;
border: solid 1px #006;
font-size:12px;
}