/**
 * @title: Schwimmbadzentrum.de Style
*/

body {background:#C4D8E1 url(/images/background.gif) repeat-x;padding:0;font-size:62.5%;
      font-family:Verdana, Geneva, sans-serif;}


/* resets */

ul, li, dd, dt, body, html {list-style:none;margin:0;padding:0;}
* {margin:0;padding:0;}
img, table, form, fieldset {border:none;}

/* TYPOGRAPHY */


/* colors 
------------------------------------------*/

a:link {color:#e0f0f0;}
a:visited {color:#e0f0f0;}
a:hover {color:white;}
a:focus {color:#e0f0f0;outline:none;}
a:active {color:#e0f0f0;}
p, input, textarea, select, label, ul.liste1, p.info {color:#35434E;}
table, ul {color:#20292F;}
h2, h3, h4, legend {color:#453A37;}



#content, input, textarea, select {background:#F2FBFF;}

input:hover, textarea:hover {background:#F8FCFF;}
input:focus, textarea:focus {background:#F8FCFF;}

.fehlermeldung {color:#af1c24;}


/* fonts & sizes
------------------------------------------*/

body {font-family:Verdana, Geneva, sans-serif;}
p, ul.liste1 {font-size:1.2em;line-height:1.7em;padding:6px 0;}
ul#materialaufstellung {font-size:1.1em;line-height:1.7em;padding:6px 0;}
blockquote p {visibility:hidden;}
h1 a {display:block;width:280px;height:160px;text-indent:-9999px;}
h2 {font-size:1.4em;line-height:1.7em;font-weight:bold;padding:6px 0;}
h3, legend {font-size:1.2em;line-height:1.7em;font-weight:bold;padding:2px 0;}
legend {padding:8px 0 4px 0;}
h4 {font-size:1.2em;line-heidht:1.7em;font-weight:bold;padding:6px 0;text-transform:uppercase;}
strong {font-weight:normal;}
strong.important {font-weight:bold;}
caption {font-size:1.2em;padding:0 0 20px 0;font-weight:bold;text-align:left;}
.alternate {position:absolute;left:-9999px;}
input, textarea, select, label {font-family:Verdana, Geneva, sans-serif;font-size:1.2em;line-height:1.7em;}

/* LAYOUT */

/* header
-----------------------------------------*/

#header {height:325px;width:960px;background:url(/images/head.jpg) no-repeat top left;}

/* content
------------------------------------------*/

#wrapper {width:960px;min-height:500px;margin:0 auto;}
#content {padding:40px 0;}
#container {margin:0 auto;width:900px;}
.col1 {display:inline;float:left;margin:0 20px;}
#w410-1 {width:410px;}
#w540-1 {width:490px;height:290px;padding:5px;border:20px solid #e2ecef;margin-bottom:20px;}
#w540-2, #w540-3 {width:460px;padding:40px;margin-bottom:40px;background:#E2ECEf;}
#w540-4, #w540-5 {width:540px;}
#w540-6 {width:540px;margin-top:34px;}
#w280-1, #w280-2, #w280-3, #w280-4 {width:280px;}
#w220-1, #w220-2 {width:220px;}
#w185-1, #w185-2, #w185-3, #w185-4 {width:185px;}
.holder1 {float:left;margin-bottom:40px;}
.holder2 {float:left;margin-bottom:80px;}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* galerie */

#gallery {clear:both;padding:0;margin:0;}

/* bilder */

.pic490 {padding:5px;border:20px solid #e2ecef;margin-bottom:20px;}
.pic280, .pic185 {border:6px solid #e2ecef;padding:4px;}
.pic100 {border:3px solid #E2ECEF;padding:2px;float:left;margin:10px;}


/* slideshow */

#slideshow {width:540px;height:320px;}
.hinweis {text-align:center;margin:auto 0;font-size:1.1em;}

/* tabelle */

table {width:100%;}
table th, table td {vertical-align:top;text-align:left;border-bottom:1px solid #9fabb5;padding:6px 6px 6px 0;}
table th.typ {width:160px;}
table th.preis {width:100px;text-align:right;}
table td.preis {text-align:right;}

/* hcard */

address {font-style:normal;font-size:1.2em;line-height:1.7em;}
.geo {display:none;}
.org {}
.org, .given-name, .family-name, .street-address, .postal-code, .locality, .tel, .note, .e-mail, .e-mail a {color:#20292F;}


/* kontakt */

input, textarea, select {border:1px solid #D5DDE0;padding:6px;}
label {display:block;}
fieldset#prospektanforderung {float:left;margin:0 0 0 20px;width:220px;}
fieldset#persoenliche_angaben, fieldset#nachricht-box {float:left;}
fieldset#persoenliche_angaben, select {width:220px;}
fieldset#nachricht-box {margin:30px 0;}
fieldset#formSubmit {clear:both;}
textarea {width:445px;clear:left;}

/* impressum */

#design {color:#35434E;}

/* main navigation
------------------------------*/

#nav-main {position:absolute;top:210px;width:960px;}
#nav-main li {float:left;text-align:center;width:120px;}
#nav-main a {font-size:10px;text-transform:uppercase;background:url(/images/bt.png) no-repeat top left;width:120px;height:12px;display:block;padding:16px 0;text-decoration:none;}
body#home li#t-home a, body#schwimmbecken li#t-schwimmbecken a, body#ueberdachungen li#t-ueberdachungen a, body#poolbau li#t-galerie a, body#poolanlagen li#t-galerie a, body#whirlpools li#t-whirlpools a, body#angebote li#t-angebote a, body#kontakt li#t-kontakt a {background-position:0 -44px;display:block;font-weight:bold;color:white;}
#nav-main li a:hover, #nav-main li a:focus {text-decoration:underline;}

.sub-nav-main {padding:9px 20px;width:78px;}
body#poolbau li#t-poolanlagen a, body#poolanlagen li#t-poolbau a, body#angebote li#t-zubehoer a, body#zubehoer li#t-angebote a {font-weight:normal;}
#nav-main .sub-nav-main a, body#poolbau li#t-poolbau a, body#poolanlagen li#t-poolanlagen a, body#angebote li#t-schwimmbadangebote a {background:none;padding:6px 0;text-decoration:underline;text-transform:none;font-size:11px;text-align:left;}
.sub-nav-main li {clear:left;}
.sub-nav-main li p {font-size:10px;text-align:left;color:#e0f0f0;padding:7px 0;letter-spacing:-1px;}
#nav-main li .sub-nav-main {position:absolute;left:-9999px;}
#nav-main li:hover .sub-nav-main, body#poolbau #nav-main li#t-galerie .sub-nav-main, body#poolanlagen #nav-main li#t-galerie .sub-nav-main, body#angebote #nav-main li#t-angebote .sub-nav-main {left:auto;background:#42759A;border-left:1px solid #4B7C9E;}


#nav-main li:hover .sub-nav-main, #nav-main li.sfhover .sub-nav-main {left: auto;}


/* footer
-------------------------------*/


#footer {padding:40px;font-size:.9em;}
#footer #footercontent {position:absolute;}
#footer #footercontent p {color:#e0f0f0;}
#footer #footercontent p strong {font-weight:bold;color:#e0f0f0;}
#footer {width:880px;height:40px;background:#3f7397 url(/images/footer.gif) repeat-x top left;}
#nav-footer a {float:right;padding:28px 10px 0 0;font-size:1.2em;}