/* CSS
Author: Frederik Ventzke - Ventzke & Partner
Client: HIGH-END-SCANS.DE
Created: 10.06.2009
Modified: 22.06.2009
*/


html,body { 
	margin: 0px; 
	padding: 0px;
	font-family:  Verdana, Helvetica, sans-serif;
	background: url(../img/bg/bg_content.jpg) top center no-repeat;
	background-color: #000;
	text-align: left;
	color: #9a9a9a;
	font-size: 0.8em;
}



/* generals */
img, div {border: none;}
a			{text-decoration: none; color: #fff;}
a:hover	{color: #838383; text-decoration:none;}
b,strong	{font-weight: bold; color: #c6c6c6;}
i,em		{font-style: italic;}



/* special divs */
#gesamt {width: auto; margin: auto; min-width: 980px;}
.gesamtinline {width: 980px; margin:auto; min-width: 980px;}
#header {width: 100%; margin: 0; padding: 0; height: 175px; background: url(../img/bg/bg_header.gif) top center repeat-x;}
#logo {width: 274px; padding: 8px 0 0 0; margin: 0 0 0 -22px; float: left;}
#logo h1 {}
#logo h1 a {width: 274px; height: 154px; background: url(../img/high-end-scans-logo.jpg); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#logo h1 a span {display: none;}
#content {width: 100%;  height: auto; min-height: 695px; margin: 20px 0 0 0; padding: 0;}
#links {width: 480px; float: left; height: 640px;}
#links h2 {text-transform: uppercase; color: #828282; font-size: 1.5em; margin: 0 0 10px 0;}
#links p {color: #fff; text-transform: uppercase; font-size: 1.8em; line-height: 1.3em;}
#links p span {color: #828282; font-size: 0.6em; padding: 0; display: block;}

#rechtsstart {float: right; width: 300px; height: 468px; background: url(../img/bg/bg_banner_start.jpg) no-repeat top; margin: 27px 0 0 0; padding: 25px 0 0 35px;}
#rechtsstart h3 {color: #fff; font-size: 1.6em; margin: 0 0 12px 0;}
#rechtsstart p {color: #686868;}
#rechtsstart a.button {width: 161px; height: 18px; background: url(../img/bg/bg_button.gif) no-repeat; color: #fff; display: block; font-size: 0.9em; padding: 0 0 0 0; text-align: center; margin: 5px 0 0 0;}
#rechtsstart a.button:hover {background-position: right;}
#rechtsstart .boxstart {border-bottom: 1px solid #323232; margin: 0 0 20px 0; padding: 0 0 5px 0;}
#rechtsstart p.probe {background-color: #000; padding: 10px; border: 1px solid #be0000; margin: 40px 0 0 0;}
#rechts {float: right; width: 420px; background: url(../img/bg/bg_banner_mitte.jpg) repeat-y; margin: 0px; padding: 25px 0 15px 35px;}
#rechts h2 {color: #c0c0c0; font-size: 1.95em; margin: 0 0 12px 0;}
#rechts h3 {color: #fff; font-size: 1.45em; margin: 0 0 2px 0; padding: 6px 0 0 17px; background: url(../img/icons/rechts_h3.gif) no-repeat; display: inline-block;}
#rechts h4 {color: #fff; font-size: 1.1em; margin: 0 0 0 0; padding: 6px 0 0 0;}
#rechts p {color: #838383;}
#rechts p.probe {background-color: #000; padding: 10px; border: 1px solid #be0000; margin: 10px 0 0 0;}
#rechts a.button {width: 161px; height: 18px; background: url(../img/bg/bg_button.gif) no-repeat; color: #fff; display: block; font-size: 0.9em; padding: 0 0 0 0; text-align: center; margin: 5px 0 0 0;}
#rechts a.button:hover {background-position: right;}
#rechts .boxstart {border-bottom: 1px solid #323232; margin: 0 0 20px 0; padding: 0 0 5px 0;}
#rechts ul {list-style: none; margin: 0 0 15px 0; padding: 5px 0 0 15px; line-height: 1.4em; color: #838383; font-size: 1.0em;}
#rechts ul li {padding: 3px 0 10px 0x; margin: 0 0 5px 0; list-style-type: disc;}
#rechts ul li a {color: #fff;}
#rechts ul li a:hover {color: #838383;}
#rechts a.mail {background: url(../img/icons/content_mail.gif) right no-repeat; padding: 0 14px 0 0;}
#rechts a.extern {background: url(../img/icons/content_extern.gif) right no-repeat; padding: 0 14px 0 0;}
#rechts .aufbau { height: 50px; margin: 5px 0 10px 0;}
#rechts .aufbau a.aufbau1 {width: 138px; text-align: center; display: block; float: left; padding-top: 15px; height: 35px; border: 1px dotted #838383;}
#rechts .aufbau a.aufbau2 {width: 140px; text-align: center; display: block; float: left; padding-top: 3px; height: 47px; border-top: 1px dotted #838383; border-bottom: 1px dotted #838383;}
#rechts .aufbau a.aufbau3 {width: 138px; text-align: center; display: block; float: left; padding-top: 3px; height: 47px; border: 1px dotted #838383;}
#rechts .aufbau a.aufbau1:hover {border-top: 1px dotted #ffff00; border-bottom: 1px dotted #ffff00;}
#rechts .aufbau a.aufbau2:hover {border-top: 1px dotted #ffff00; border-bottom: 1px dotted #ffff00;}
#rechts .aufbau a.aufbau3:hover {border-top: 1px dotted #ffff00; border-bottom: 1px dotted #ffff00;}
#descboxgross {float: left; position: relative; display: block; margin: 0 0 20px 0;}
#descboxgross a span {display: none;}
#descboxgross a:hover span {display: block; position: absolute; top: 310px; left: 5px; padding: 0 10px 0 10px; color: #838383; font-size: 1.1em;}
#descboxgross .desc {width: 395px; background-color: #000; height: 170px; float: left; border: 1px solid #373737; margin: 30px 0 0 0; padding: 0 20px 0 0;}
#descboxmittel {float: left; position: relative; display: block; margin: 0 0 20px 0;}
#descboxmittel a span {display: none;}
#descboxmittel a:hover span {display: block; position: absolute; top: 130px; left: 5px; padding: 0 10px 0 10px; color: #838383; font-size: 1.1em;}
#descboxmittel .desc {width: 395px; background-color: #000; height: 185px; float: left; border: 1px solid #373737; margin: 30px 0 0 0; padding: 0 20px 0 0;}
#descboxklein {float: left; position: relative; display: block; margin: 0 0 20px 0;}
#descboxklein a span {display: none;}
#descboxklein a:hover span {display: block; position: absolute; top: 220px; left: 5px; padding: 0 10px 0 10px; color: #838383; font-size: 1.1em;}
#descboxklein .desc {width: 395px; background-color: #000; height: 150px; float: left; border: 1px solid #373737; margin: 30px 0 0 0; padding: 0 20px 0 0;}
.thumblupe {border: 1px solid #fff; width: 90px; height: 68px;}
#rechtsoben {width: 447px; height: 11px; background: url(../img/bg/bg_banner_oben.jpg) no-repeat; display: block; padding: 0 8px 0 0; float: right;}
#rechtsunten {width: 447px; height: 13px; background: url(../img/bg/bg_banner_unten.png) no-repeat; display: block; padding: 0 8px 0 0; float: right; clear: right; behavior: url("pngbehavior.htc");}
#footer {width: 100%; height: 86px; padding: 40px 0 0 0; font-size: 0.9em; clear: right; background: transparent url(../img/bg/bg_footer.gif) top center repeat-x;}
#footer p,ul,ul li a {color: #424242; margin: 0; padding: 0 0 3px 0;}
#footer ul {list-style: none; margin: 0; width: 100%; float: left;}
#footer ul li {float: left;}
#footer ul li.first a {padding: 0 4px 0 0;}
#footer ul li a {padding: 0 4px 0 4px;}
#footer a.extern {background: url(../img/icons/footer_extern.gif) right no-repeat; padding: 0 14px 0 0; color: #424242; float: left;}
#footer span a {float: right; color: #424242; background: url(../img/icons/footer_noben.gif) right no-repeat; padding: 2px 11px 0 0;}
#footer a:hover {color: #fff;}
#footer a {color: #424242;}
#zaehler {display: none;}




/* menu */
#nav {width: 728px; float: left; margin: 0; padding: 0; position:relative;}
#nav ul {list-style: none; font-size: 1.3em; float: right; text-transform: uppercase; margin: 70px 0 0 0;}
#nav ul li {float: left; margin: 0 0 0 20px; position:relative;}
#nav ul li a {color: #838383; height: 16px; padding: 0 0 13px 0; display: block; float: left;}
#nav ul li a:hover {color: #cdcdcd;}
#nav ul li.one {border: none;}
#nav ul li.oneaktiv {border-bottom: 1px solid #00ff00;}
#nav ul li.oneaktiv a {color: #fff;}
#nav ul li.one:hover {border-bottom: 1px solid #00bc00; cursor: hand;}
#nav ul li.two {border: none;}
#nav ul li.twoaktiv {border-bottom: 1px solid #ffff00;}
#nav ul li.twoaktiv a {color: #fff;}
#nav ul li.two:hover {border-bottom: 1px solid #bbbb00; cursor: hand;}
#nav ul li.three {border: none;}
#nav ul li.threeaktiv {border-bottom: 1px solid #ff0000;}
#nav ul li.threeaktiv a {color: #fff;}
#nav ul li.three:hover {border-bottom: 1px solid #c30000; cursor: hand;}
#nav ul li.four {border: none;}
#nav ul li.fouraktiv {border-bottom: 1px solid #ff00ff;}
#nav ul li.fouraktiv a {color: #fff;}
#nav ul li.four:hover {border-bottom: 1px solid #c200c2; cursor: hand;}
#nav ul li.five {border: none;}
#nav ul li.fiveaktiv {border-bottom: 1px solid #0000ff;}
#nav ul li.fiveaktiv a {color: #fff;}
#nav ul li.five:hover {border-bottom: 1px solid #0000c2; cursor: hand;}
#nav ul li.six {border: none;}
#nav ul li.sixaktiv {border-bottom: 1px solid #00ffff;}
#nav ul li.sixaktiv a {color: #fff;}
#nav ul li.six:hover {border-bottom: 1px solid #00c3c3; cursor: hand;}
#nav ul li.seven {border: none;}
#nav ul li.sevenaktiv {border-bottom: 1px solid #fff; color: #fff;}
#nav ul li.sevenaktiv a {color: #fff;}
#nav ul li.seven:hover {border-bottom: 1px solid #cdcdcd; cursor: hand;}

#nav ul li ul {display: none;}
#nav ul li:hover ul {display:block; position:absolute; top: 100%; left:0px;  padding: 0; margin: 0; font-size: 0.8em;}
#nav ul li:hover ul li {letter-spacing: 0.2em; margin: 0; padding: 0;}
#nav ul li:hover ul li.long {width: 250px;}
#nav ul li:hover ul li a {padding: 8px 0 5px 0; margin: 0; color: #9a9a9a;}
#nav ul li:hover ul li a:hover {color: #cdcdcd;}






/* images */
img.start {width: 223px; height: 470px; margin: 5px 0 0 140px; behavior: url("pngbehavior.htc");}
img.quer {width: 420px; height: 398px; margin: 220px 0 0 70px; behavior: url("pngbehavior.htc");}
img.hoch {width: 420px; height: 550px; margin: 70px 0 0 52px; behavior: url("pngbehavior.htc");}
img.picthumb {width: 90px; height: 68px;}
img.lupe {float: right; margin: -22px 0 0 0; position: relative;}


/* content */
h1, h2, h3, h4, #nav ul, #links p {font-family: Arial, Verdana, Helvetica; font-weight: normal;}
h1 {font-size: 1.7em; letter-spacing: 0.00em; color: #425000; margin: 0px; padding:0px;}
p {margin: 0 0 9px 0; font-size: 1.07em; line-height: 1.65em;}
#rechts ul.preise { padding: 5px 0 0 0;}
#rechts ul.preise li {list-style: none;}
ul li a.pdf {background: url("../img/icons/pdf.png") no-repeat scroll 0 3px transparent;
    color: #4F4F4F;
    padding: 0 0 0 15px;}


/* form elements */
input, textarea {font-family: Arial, Verdana, Helvetica; border: none; font-size: 1.2em; color: #fff; background-color: #313131; display: block;}
input.text, textarea.text {width: 250px; height: 18px; margin: 0 0 5px 0;}
input.text-plz {width: 50px; height: 16px; margin: 0 8px 0 0; }
input.text-ort {width: 190px; height: 16px; margin: 0 0 5px 0;}
textarea.nachricht {width: 250px; height: 120px; margin: 0 0 5px 0; overflow: auto;}
input.submit {border: none; padding: 1px 3px 6px 3px; color: #fff; float: right; font-size: 1.4em; margin: 0; width: 161px; height: 18px; background: url(../img/bg/bg_button.gif) no-repeat; display: block;}
input.submit:hover {background-position: right; cursor: hand;}
label {display: block; float: left; clear: both; white-space: nowrap; width: 100px; color: #838383;}
fieldset {border: none; width: 352px; padding: 10px 0 0 0; float: left;}
span.feld {display: block; float: left; padding: 0px; margin: 0px;}




/* links */
a:active, a:focus {outline:none;}
a.thumb {margin: 0 15px 10px 0; width: 90px; height: 68px; float: left; border: 1px solid #838383; padding: 5px;}
a.thumb:hover {border: 1px solid #fff;}


/* fixes */
.clearfix:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */


/* tables */
td {padding: 2px 6px 2px 0px; text-align: left; vertical-align: top; font-size: 100%; line-height: 155%;}
table.scangroessen {width: 100%; margin: 0 0 15px 0;}
table.scangroessen tr.oben {color: #fff;}
table.scangroessen td {border-bottom: 1px solid #636363; width: 450px;}


/* image tooltip */
#screenshot{
	position:absolute;
	background:#000;
	padding:5px;
	display:none;
	color:#fff;
	}
/* end image tooltip */