* {
margin:0;
padding:0;
}

html,
body {
height:100%;
}

body {
background:#EFF7FF;
color:#3C4760;
font:100.1% Trebuchet MS, Arial,sans-serif;
position:relative;
}

code {
font-size:12px !important;
position:relative;
}

p,
address {
font-size:0.82em;
line-height:1.4;
margin:5px 0;
padding:2px;
position:relative;
}

address {
font-style:normal;
}

strong {
color:#202633;
}

a {
color:#0068C4;
text-decoration:none;
}

a:visited {
color:#508EC9;
}

a:hover,
a:focus {
color:#202633;
text-decoration:none;
border-bottom:1px solid #0068C4;
}

/*****Zusatzklassen*****/

#head a,
#navi a,
a img {
border:0;
}

.clear {
clear:both;
display:block;
}


p.teaser {
font-weight:bold;
margin:5px 0;
}

p.kleingedruckt {
font-size:x-small;
color:#AAA;
margin-top:10px;
}

body#startseite #inhalt p {
margin-right:275px;
}

#designgalerie img {
display:block;
background:#F2F2F2;
padding:5px;
border:1px solid #D8D8D8;
margin:6px 0;
}

#designgalerie a {
border:0;
}

#inhalt ul li,
#inhalt ol li {
font-size:0.82em;
line-height:1.4;
margin:5px 22px;
padding:2px;
}


#inhalt ol li {
margin:5px 27px;
}

#inhalt ul ul li,
#inhalt ol ol li {
font-size:1em;
line-height:1.4;
margin:5px 22px;
padding:2px;
}

#inhalt ol ol {
margin:10px 10px 0;
list-style-type:lower-latin;
}

img.right {
float:right;
margin:10px;
}

strong.sparen {
color:#508EC9;
font-size:1.19em;
}

#navileiste div {
width:47em;
margin:auto;
}

#navileiste .loggedin {
color:#3C4760;
text-align:right;
padding:3px 0 0 0;
font-size:0.75em;
}

#navileiste .loggedin img {
float:left;
position:static;
margin:0 2px;
}

#navileiste .login {
background:transparent;
border:0;
width:auto;
padding:0;
float:right;
font-size:0.82em;
}

* html #navileiste .login {
width:30em;
}

*+html #navileiste .login {
width:30em;
}

#navileiste .login p {
margin:5px 5px;
}

#navileiste .login label { 
float:none;
font-weight:bold; 
padding:0 5px;
display:inline;
color:#3C4760;
}

#navileiste .login input { 
border:1px solid #BFE0FF;
font-size:1em;
width:7em; 
display:inline !important;
padding:3px 0;
color:#508EC9;
background:#F4F8FF;
}

#navileiste .login input#Stadt { 
background:#F4F8FF url(/media/images/group.png) no-repeat 2px center;
padding-left:18px;
}

#navileiste .login input#password { 
background:#F4F8FF url(/media/images/key.png) no-repeat 2px center;
padding-left:18px;
}

#navileiste .login input#Stadt:focus,
#navileiste .login input#password:focus { 
background-color:#E5F2FF;
}

#navileiste .login input:focus { 
background:#E5F2FF;
font-size:1em;
width:7em; 
display:inline !important;
}

#navileiste .login input.button { 
width:auto; 
background:#F4F8FF;
display:block;
float:right;
font-size:0.88em;
padding:0 6px 1px;
margin:0 0 0 5px;
}

*+html #navileiste .login input { 
margin:-2px 0 0;
}


.OK {
background:#C6EFCE;
border:1px solid #90DB9E;
color:#003300;
margin:10px 2px;
padding:1px 6px;
}

.OK a {
color:#002200;
font-weight:700;
}

.Hinweis {
background:#FFEEB2;
border:1px solid #FFCD8C;
color:#4C3900;
margin:10px 2px;
padding:1px 6px;
}

.Hinweis a {
color:#4C3900;
font-weight:700;
}

.Fehler {
background:#FFC7CE;
border:1px solid #E5A2A2;
color:#5B0004;
margin:10px 2px;
padding:1px 6px;
}

.Fehler a {
color:#5B0004;
font-weight:700;
}

#sitemap ul {
margin:10px 5px -5px;
list-style-type:square;
}

#sitemap ul ul {
list-style-type:circle;
}

/************************
|         DIVS          |
************************/

#wrap {
height:auto !important;
height:100%;
min-height: 100%;
position:relative;
}

#head {
background:#4275A5 url(/media/images/head.jpg) repeat-y center;
color:#FFF;
position:relative;
z-index:10;
}

* html #head {
margin-bottom:-4px;
}

#head img {
float:left;
margin-right:5px;
margin-bottom:-25px;
}

*+html #head img {
margin-bottom:0;
}

#navi {
clear:left;
}

#navileiste {
background:#DADADA url(/media/images/navileiste.png) repeat-x;
height:30px;
border-top:1px solid #B8C1CB;
position:relative;
z-index:100;
}

* html #navileiste {
top:-4px;
}

#schatten-navileiste-oben {
background:url(/media/images/schatten-navileiste-oben.png) repeat-x;
height:5px;
margin-top:-5px;
clear:left;
position:relative;
z-index:100;
}

* html #schatten-navileiste-oben {
display:none;
}

#schatten-navileiste {
background:url(/media/images/schatten-navileiste.png) repeat-x;
height:5px;
position:relative;
z-index:10;
}

#designgalerie {
float:right;
width:262px;
}

#inhalt {
background:url(/media/images/schatten-inhalt-rechts.png) repeat-y right;
width:47.5em;
margin:-10px auto 0;
position:relative;
}

* html #inhalt {
top:-15px;
}

.inhaltleftcorner {
background:url(/media/images/inhaltleftcorner.png) no-repeat;
width:9px;
height:9px;
float:left;
}

.inhaltunten {
background:url(/media/images/schatten-inhalt-unten.png) repeat-x;
height:9px;
width:47.5em;
margin:auto;
padding-bottom:40px;
}

* html .inhaltunten {
margin-top:-15px;
}

.inhaltrightcorner {
background:url(/media/images/inhaltrechtscorner.png) no-repeat;
width:9px;
height:9px;
float:right;
}

#innerinhalt {
background:#FFF url(/media/images/schatten-inhalt-links.png) repeat-y left;
margin-right:5px;
padding:14px 8px 14px 13px;
}

#footer {
background:#DBDBDB;
width:47.5em;
position:absolute;
bottom:-1px;
left:50%;
margin-left:-23.75em;
}

*+html #footer {
background:#DBDBDB;
width:47.5em;
position:absolute;
bottom:-23px;
left:50%;
margin-left:-23.75em;
}

#footer .leftcorner {
background:url(/media/images/footerleftcorner.png) no-repeat;
width:15px;
float:left;
}

#footer .rightcorner {
background:url(/media/images/footerrightcorner.png) no-repeat;
width:15px;
float:right;
}

#footer p {
background:#DBDBDB url(/media/images/footer.png) repeat-x;
color:#A8A8A8;
margin:0 15px;
padding:9px 10px 6px;
font-size:0.68em;
}

#footer a {
color:#616161;
}

.stadtfrei {
background:#4C87BF;
border:1px solid #4275A5;
width:9.5em;
position:absolute;
left:550px;
top:5px;
padding:0 5px;
line-height:1 !important;
text-align:center;
margin:0;
font-weight:bold;
font-family:Arial, sans-serif;
}

.stadtfrei p {
line-height:1 !important;
margin:2px 0;
color:#FFF;
}

/*****Info*****/

div#Startseite,
div#Leistungen,
div#Kosten,
div#Designs {
width:357px;
float:left;
margin:5px 5px 10px;
}

div#Startseite h3,
div#Leistungen h3,
div#Kosten h3,
div#Designs h3 {
margin:0;
}

div#Leistungen h3 {
margin-top:-3px;
}

div#Kosten h4 {
font-size:0.82em;
font-weight:700;
color:#000;
}

div#Kosten h3 {
margin-bottom:5px;

}

div p a.bestellen {
font-weight:bold;
color:#A00 !important;
}

div#Kosten ul {
margin-bottom:18px;
}

div#Kosten ul li {
margin-bottom:0;
margin-top:0;
}

div#Leistungen ul,
ul.top-domains {
list-style-type:none;
margin:7px 0 !important;
}

div#Leistungen ul li,
ul.top-domains li {
background:url(/media/images/bullet_go.png) center left no-repeat;
padding:3px 16px !important;
margin:0 5px !important;
line-height:1;
}

div#Designs ul {
list-style-type:none;
}

div#Designs ul li {
float:left;
display:block;
background:#F2F2F2;
padding:5px 5px 0;
border:1px solid #D8D8D8;
margin:6px 7px;
}

div#Designs ul li img {
border:1px solid #D5CCC3;
}

div#Designs ul li a {
border:0;
}


/************************
|      NAVIGATION       |
************************/

#navi {
width:47em;
margin:-20px auto 0;
}

*+html #navi {
position:relative;
z-index:150;
}

* html #navi {
position:absolute;
z-index:150;
}

#navi ul {
list-style-type:none;
position:relative;
}

#navi ul li {
display:inline;
}

#navi ul li a {
color:#FFF;
font-size:0.75em;
display:block;
text-decoration:none;
position:relative;
bottom:-7px;
font-weight:bold;
float:left;
margin:0 3px 0 0;
}

*+html #navi ul li a {
bottom:0px;
height:20px;
position:relative;
}

#navi ul li a span.right {
background:url(/media/images/navi_left.png) no-repeat right top;
display:block; 
float:left;
position:relative;
text-decoration:none;
width:2px;
height:21px;
z-index:30;
}

#navi ul li.zusatz a span.right {
background:url(/media/images/navi_left_zusatz.png) no-repeat right top;
}

* html #navi ul li a span.right {
margin-left:-2px;
}

#navi ul li a span.left {
background:url(/media/images/navi_right.png) no-repeat right top;
cursor:pointer;
display:block; 
float:left;
font-weight:bold;
padding:2px 4px 2px 6px; 
position:relative;
text-align:center; 
text-decoration:none;
z-index:30;
}

#navi ul li.zusatz a span.left {
background:url(/media/images/navi_right_zusatz.png) no-repeat left top;
}

*+html #navi ul li a span.left {
height:20px;
}

* html #navi ul li a span.left {
height:20px;
}

#navi>ul li a:hover span.right {
background:url(/media/images/navi_left_h.png) no-repeat right top;
}

#navi>ul li a:hover span.left {
background:url(/media/images/navi_right_h.png) no-repeat left top;
}

#navi ul li a.current span.right {
background:url(/media/images/navi_left_a.png) no-repeat right top;
z-index:150;
position:relative;
}

#navi ul li a.current span.left {
background:url(/media/images/navi_right_a.png) no-repeat left top;
z-index:150;
color:#000;
position:relative;
}

*+html #navi ul li a.current span.right,
*+html #navi ul li a.current span.left {
position:static;
}

* html #navi ul li a.current span.right,
* html #navi ul li a.current span.left {
position:static;
}

/*****Unternavi*****/

.unternavi {
float:left;
width:10em;
list-style-type:none;
margin:6px 2px 2px;
}

.unternavi li {
margin:0 !important;
padding:0 !important;
}

.unternavi a {
padding:2px 3px;
color:#508EC9;
display:block;
border:1px solid #BFE0FF;
margin:-1px 0 0;
}

.unternavi a:hover {
background:#F4F8FF;
color:#000;
}

#mitgliederbereich #inhalt #innerinhalt p {
margin:5px 0 5px 13em;
}

#mitgliederbereich #inhalt #innerinhalt #bestellen p {
margin:0 0 0 0;
}

#mitgliederbereich div#bestellen {
margin:0 0 0 10.8em;
}

/************************
|       HEADLINES       |
************************/

h1 {
padding:15px 0 0 0;
font-family:Franklin Gothic Medium, Arial, sans-serif;
font-weight:100;
line-height:1;
position:relative;
}

* html h1 {
position:absolute;
}

h2 {
color:#508EC9;
font-family:Franklin Gothic Medium, Arial, sans-serif;
font-weight:100;
font-size:1.63em;
letter-spacing:-0.03em;
border-bottom:1px solid #508EC9;
line-height:1;
padding:2px 0;
margin:0 2px;
position:relative;
}

h3 {
color:#508EC9;
font-family:Franklin Gothic Medium, Arial, sans-serif;
font-weight:100;
font-size:1.25em;
letter-spacing:-0.03em;
border-bottom:1px solid #508EC9;
line-height:1;
padding:6px 0 2px;
margin:0 0 0 2px;
position:relative;
}

#startseite h3 {
margin:0 275px 0 2px;
}

#designgalerie h3 {
color:#508EC9;
font-family:Franklin Gothic Medium, Arial, sans-serif;
font-weight:100;
font-size:1.25em;
letter-spacing:-0.03em;
border-bottom:1px solid #508EC9;
line-height:1;
padding:6px 0 2px;
margin:0 0 6px;
}

#designgalerie h3 img {
background:transparent;
border:0;
padding:0 !important;
margin:5px 0 0;
}







#leistungen,
#bestellen,
form.kontakt {
background:#F4F8FF;
border:1px solid #BFE0FF;
margin:auto;
padding:-5px 0 0 !important;
width:30em;
}

#bestellen ul li img{
display:block;
padding:3px 0 0;
}

#bestellen label {
display:block;
float:left;
font-weight:bold;
text-align:left;
width:15em;
}

#bestellen p span.klein {
font-size:x-small;
}

#bestellen.texte label {
display:block;
float:left;
font-weight:bold;
text-align:left;
width:100%;
}

#bestellen.texte textarea {
width:100%;
}

#bestellen label.inline {
display:inline;
float:none;
font-weight:normal;
text-align:left;
width:15em;
}

#leistungen li {
position:relative;
}

#bestellen p a,
#leistungen li a {
background:#E5F2FF;
border:1px solid #BFE0FF;
color:#508EC9;
font-weight:bold;
padding:2px 5px;
text-decoration:none;
}

#leistungen li a {
position:absolute;
right:0;
top:-1px;
}

#bestellen p a:hover,
#leistungen li a:hover,
div#leistungen p a.button:hover,
a.button:hover {
border-color:#508EC9;
color:#222;
}

#bestellen p a.normal {
background:transparent;
border:0;
color:#008E99;
padding:0;
text-decoration:underline;
}

#bestellen p a.normal:hover,
#bestellen p a.normal:focus {
color:#638B8E;
text-decoration:none;
}

div#bestellen p {
margin:0;
padding:6px;
text-align:right;
}

#bestellen ul {
list-style-type:none;
margin:auto;
padding:5px 0;
width:25em;
}

#bestellen ul li {
background:#FFF;
border:1px solid #768ECC;
display:block;
float:left;
margin:3px;
padding:3px;
width:13.7em;
}

#bestellen ul li img {
display:block;
padding:3px 0 0;
}

#bestellen ul li label {
font-size:0.82em;
margin:2px;
}

div#leistungen h3,
div#bestellen h3,
form.kontakt h3 {
background:#E5F2FF;
border-bottom:0;
font-size:1.12em;
font-weight:100;
letter-spacing:-0.03em;
padding:2px;
margin:5px 0;
}

div#leistungen h3.first,
div#bestellen h3.first,
form.kontakt h3.first {
margin:0;
}

div#leistungen ul {
list-style-type:none;
margin:9px 0 10px;
}

div#leistungen ul li {
margin:10px;
position:relative;
}

* html div#leistungen ul li a {
right:10px;
}

form.kontakt p{
padding:5px;
}

.kontakt label { 
float:left;
font-size:0.82em;
font-weight:bold; 
width:8em; 
}

.kontakt #auth0r, 
.kontakt #t3lef0n3, 
.kontakt #text, 
.kontakt #m41l { 
font:1em Century Gothic,Verdana,Arial,sans-serif;
width:99%; 
}

.nosee,
.spamschutz { 
display:none; 
}

#maklersuche {
margin:10px 0;
list-style-type:none;
}

#maklersuche li a {
padding:4px;
list-style-type:none;
background:#E5F2FF;
border:1px solid #BFE0FF;
color:#508EC9;
margin-bottom:2px;
display:block;
text-decoration:none;
font-size:1.12em;
position:relative;
}

#maklersuche li a:hover {
background:#F4F8FF;
border-color:#508EC9;
color:#222 !important;
}

#maklersuche li a small {
font-size:0.82em;
}

#maklersuche img {
margin-right:5px;
vertical-align:middle;
width:30px;
}

div#leistungen p {
background:#FFF;
border-bottom:3px double #508EC9;
border-top:3px double #508EC9;
margin:0 0 -1px;
padding:3px;
font-size:
}

div#leistungen p a.button {
font-weight:bold;
padding:2px 5px;
text-decoration:none;
display:block;
float:right;
}


a.zum-bestellschein {
border:0;
display:block;
margin:5px auto -10px;
width:228px;
height:40px;
position:relative;
}

*+html a.zum-bestellschein {
top:5px
}

div#leistungen p span{
color:#508EC9;
font-size:1.38em;
font-weight:bold;
line-height:40px;
}

div#leistungen p a {
border:0;
}

/****************
|    jQ-Form    |
****************/

.wizard-nav {
font-family:Arial, sans-serif;
}

.wizard-nav a {
background:#E5F2FF;
display:block;
padding:1px 2px;
border-bottom:1px solid #BFE0FF;
font-weight:bold;
color:#555;
outline:0;
}

.wizard-nav a:hover {
background:#D8EBFF;
color:#333;
border-bottom:1px solid #BFE0FF;
}

.wizard-nav a.active { 
background:#BFE0FF;
color:#000;
}

.wizardcontrols .wizardnext { 
margin-left: 76%; width: 12%; 
margin-top:20px;
}

.wizardcontrols .wizardprev { 
width: 12%; 
margin-top:20px;
}

#FirstPage .wizardcontrols .wizardnext { 
margin-left: 88%; 
}