html, body {margin: 0; padding: 0;}
body {background: #b6b6b6 url(../img/bg.png) repeat center top;}
html, body, table {font: normal 12px/1.5em Arial, Sans-Serif; color: #2d2d2d;}

table, td {vertical-align: top;}

#center {text-align: center;}
#site {width: 815px; text-align: left; margin: 0 auto; overflow: hidden;}
#site .site {border-left: 1px solid #FFF; border-right: 1px solid #FFF; }

#prehead {height: 90px; overflow: hidden;}
#prehead .prehead {}
#top {float: right; font: 11px Verdana, Sans-Serif; position: absolute; top: 0; left: 50%; margin-left: 200px;}
#top .top {padding: 20px;}

#prehead h1 {border: 1px solid red; float: left; width: 250px; height: 58px; margin: 0; padding: 0; position: relative; top: 20px; left: 35px; line-height: 0; background: none; border: none;}
#prehead h1 a {display: block; width: 250px; height: 58px; background: transparent url(../img/soundflex-veranstaltungstechnik.png) no-repeat center;}
#prehead h1 a span {display: none;}

#head {height: 163px; overflow: hidden; background: transparent url(../img/bg-header.png) no-repeat left top; }
#head .head {height: 143px; margin: 10px 0 0 0; padding: 20px; background: transparent url(../img/bg-header.jpg) no-repeat left top;}

#allcontent {margin: 10px 0 0 0; background: transparent url(../img/dashedline-v.png) repeat-y 199px top;  }
#allcontent .allcontent {}

#left {width: 198px; overflow: hidden; float: left;}
#left .left {}

#cont {width: 600px; overflow: hidden; float: left;}
#cont .cont {padding: 0 10px 50px 20px}

#cont img {padding: 2px; border: 1px solid silver;}
#cont img.linksblock {float: left; margin: 10px 20px 15px 0;}
#cont img.rechtsblock {float: right; margin: 10px 0 15px 20px;}
#cont img.centerblock {margin: 10px auto;}
#cont img.noborder, #cont .csc-textpic-border img {padding: 0; border: 0;}


#foot {border-top: 1px dashed silver; margin-top: 15px; font: 11px Verdana, Sans-Serif; }
#foot .foot {padding: 3px 50px; text-align: center;}

#foot .foot .extrafooter {margin-top: 20px; color: gray; }
#foot .foot .extrafooter a {color: gray;}

a {color: #0055ac; text-decoration: none;}
a:hover {color: #1e85ee; text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font: normal 20px Arial, Sans-Serif; padding: 0; margin: 1.4em 0 0.8em 0; color: #575757;}
h1 {margin: 0 0 1em 0;}
h1 span {font-size: 14px; letter-spacing: 1px;}
h2,h3,h4 {font-size: 16px; font-weight: bold;}
h5 {font-size: 12px; text-decoration: underline;}
h6 {font-size: 12px; display: inline;}

#top h3 {font: italic normal 20px Arial, Sans-Serif; margin: 0; color: #0055ac;}



p {padding: 0; margin: 1em 0; text-align: justify;}
p.align-left {text-align: left;}
p.align-right {text-align: right;}
p.align-center {text-align: center;}
#top p {margin: 0 0 10px 0;}

hr {height: 1px; border: 0px; border-bottom: 1px dashed silver; background-color: transparent;}


ul.navlist {margin: 0; padding: 0 0 5px 0; list-style-type: none; }
ul.navlist li {margin-bottom: 1px;}
ul.navlist li a {display: block; width: 195px; font: bold 13px/1em Arial, Sans-Serif; padding: 5px 0; color: #2d2d2d; text-decoration: none; outline: none;}
ul.navlist li a.act {color: #0055ac;}
ul.navlist li a:hover, ul.navlist li a:focus {color: #0055ac;}
ul.navlist li a span {display: block; border-left: 15px solid #eaeaea; padding: 0 0 0 8px;}
ul.navlist li a.act span {border-color: #bbc5ce;}

ul.navlist ul, ul.navlist.sub {margin: 0; padding: 0 0 6px 0; list-style-type: none; }
ul.navlist ul li a, ul.navlist.sub li a {font-weight: normal;}
ul.navlist ul li a span, ul.navlist.sub li a span {border-left-width: 25px;}

ul.navlist ul ul li a span {border-left-width: 35px;}
ul.navlist ul ul ul li a span {border-left-width: 45px;}
ul.navlist ul ul ul ul li a span {border-left-width: 45px;}


#validinfo {width: 260px; height: 55px; margin: 0 auto;}

a.valid.xhtml, a.valid.css {display: block; float: left; width: 100px; height: 16px; margin: 5px 10px;}
a.valid.xhtml span, a.valid.css span {display: none;}
a.valid.xhtml {background: transparent url('../img/w3c-xhtml10.png') no-repeat left top;}
a.valid.css {background: transparent url('../img/w3c-css2.png') no-repeat left top;}
a:hover.valid.xhtml, a:hover.valid.css {background-position: left -30px;}

form#contact .field {padding-top: 5px;}
form#contact label {display: block; width: 75px; float: left;}
form#contact .contact2 label {width: 65px;}
form#contact textarea {width: 99%;}
form#contact input {width: 175px;}
form#contact input#plz {width: 50px;}
form#contact input#ort {width: 115px;}
form#contact input#prospekt {width: 20px;}

form#contact input#submit {width: 250px; height: 30px;}
* html form#contact input#submit {width: 175px; height: auto;}


form#contact input, form#contact select, form#contact textarea {font: 13px/1.5em Arial, Verdana, Sans-Serif; color: #0055ac; padding: 1px 0 0 3px;}

form#contact .contact1 {width: 53%; float: left;}
form#contact .contact2 {width: 46%; float: left;}
form#contact .message {clear: left; padding-top: 5px; border-top: 1px dashed silver;}
form#contact .buttons {clear: left; margin-top: 10px; padding-top: 5px; border-top: 1px dashed silver;}