/* CSS
Author: Frederik Ventzke - Ventzke & Partner
Client: ESTATEMEDIA
Created: 12.03.2008
Modified: 17.03.2008
*/


html, body { 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	font-family:  Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	color: #fff;
	font-size: 12px;
	height: 100%;
}

/* generals */
a			{text-decoration: none; color: #fff;}
b,strong	{font-weight: bold;}
i,em		{font-style: italic;}
img 		{border: 0px;}
form		{display: inline;}
ul			{padding: 0 0 0 0; margin: 0px; line-height: 10px;}
li			{margin: 4px; padding: 5px 0 0 0;}
u			{text-decoration: underline;}
span.copy {font-size: 10px;  margin-bottom: 4px;}
sup {line-height: 22px;}


/* special divs */
#gesamt {width: 672px; position: relative; overflow: visible; margin: auto; text-align:left; height: 100%;background: url(../img/gesamt.jpg);}
#gesamt2 {width: 592px; position: relative; overflow: visible; margin: auto; padding: 0 0 0 2px;}
#header {position:relative; width: 592px; height: 170px; background: url(../img/header.jpg);}
#header div.langswitch {position: absolute; top: 173px; right: 13px; /*float: right; margin: 120px 13px 0 0;*/ font-size: 11px; }
#header div.langswitch .active { font-weight: bold;}
#header div.info {position: absolute; top: 153px; right: 13px; /*float: right; margin: 153px 13px 0 0;*/ font-size: 11px;}
#header2 {width: 592px; height: 333px; border-top: 1px solid #9b9a9c; }
#content {width: 592px; padding: 0px; margin: 0px; background: #0099ff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

/*
.conestate {width: 572px; background: url(../img/content.jpg); padding: 0 0 20px 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.confilmexpose {width: 479px; min-height: 121px; background: url(../img/content.jpg); padding: 0 13px 20px 100px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.conproduktion {width: 397px; min-height: 121px; background: url(../img/content.jpg); padding: 0 20px 20px 175px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.conbeispiele {width: 326px; min-height: 121px; background: url(../img/content.jpg); padding: 0 13px 20px 253px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.conpreise {width: 592px; background: url(../img/content.jpg); padding: 0 0 0px 0px; border-bottom: 1px solid #fff;}
.conpreise1 {width: 296px; padding: 335px 0px 0px 0px; float: left;}
.conpreise2 {width: 260px; padding: 0 15px 0 317px;}
.conkontakt2 {width: 476px; min-height: 121px; background: url(../img/content.jpg); padding: 0 116px 20px 0; text-align: right; border-bottom: 1px solid #fff;}
.conkontakt {float: right; margin: 3px 13px 10px 0;}
.conimpressum {width: 387px; min-height: 121px; background: url(../img/content.jpg); padding: 0 45px 20px 160px; text-align: right; border-bottom: 1px solid #fff;}
.conagb {width: 400px; min-height: 121px; background: url(../img/content.jpg); padding: 0 12px 20px 180px; text-align: right; border-bottom: 1px solid #fff;}
.condownload {width: 342px; min-height: 121px; background: url(../img/content.jpg); padding: 0 10px 20px 240px; border-bottom: 1px solid #fff;}
*/
.conkontakt {background: #0099ff; text-align: right; padding: 3px 13px 10px 0;}

.conestate,
.confilmexpose,
.conproduktion,
.conbeispiele,
.conpreise,
.conpreise1, 
.conpreise2,
.conkontakt2, 
.conimpressum, 
.conagb,
.condownload {background: #212025 url(../img/content.jpg); width: 552px; padding: 0 20px 20px 20px;}



/* menu */
#nav {width: 572px; height: 19px; padding: 1px 0 0 20px; margin: 0 0 0 0; background: url(../img/nav.jpg); border-top: 1px solid #fff;}


/* images */




/* content */
h1 {color: #0099ff; padding: 20px 0 15px 0; margin: 0px; font-size: 26px; font-weight: lighter;}
h2 {color: #999; padding: 20px 0 0 0; margin: 0px; font-size: 15px; font-weight: lighter;}
h3 {color: #0099ff; padding: 20px 0 0 0; margin: 0px; font-size: 13px; font-weight: lighter;}
p {margin: 0px 0px 15px 0px; font-size: 13px; line-height: 120%; color: #999;}
p.autor {float: right; margin: -15px 26px 0 0; font-size: 10px;}



/* form elements */
input.text, textarea.text {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 240px; background: #212121; color: #999;}
input.text2 {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 50px; background: #212121; color: #999; margin-right: 10px;}
input.text3 {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 176px; background: #212121; color: #999; margin-right: 10px;}
input.text4 {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 71px; background: #212121; color: #999; margin-right: 10px;}
textarea.text {height: 120px; width: 240px; font-size:100%;}
input.submit{text-align: center; background-color: #0099ff; color: #fff; border: none;}
select {color:#999;}
.auswahl {width: 243px; background: #212121; border: 1px solid #999;}
table {color: #999;}
td {padding: 2px 0px 2px 0px; text-align: left; vertical-align: top; line-height: 155%;}
table.tabkontakt {width: 290px; color: #999; text-align: right; margin: 0 0 40px 0;}
table.tabkontakt td {padding: 2px 0px 2px 0px; text-align: right; vertical-align: top; line-height: 175%;}
table.tabpreise {width: 100%;}
table.tabpreise1 {margin-top: 45px;}
table.tabpreise1 td{width: 273px; text-align: right; padding-right: 0px; float: left; line-height: 175%; height: 23px;}
table.tabpreise2 {float: right; margin-right: 10px;}

form h3 {
	margin: 25px 0 0 289px;
}

form p {
	margin: 6px 20px 0 0;
}		
label {
	display: block;
	text-align: right;
}

label input.text {
	margin-left: 10px;
}

label select.auswahl {
	margin-left: 10px;
	width: 241px;
}

label input.text2 {
	margin-left: 10px;
	margin-right: 8px;
}

label input.text3 {
	margin-right: 0;
}

label input.text4 {
	margin-left: 10px;
	margin-right: 169px;
}

label textarea {
	margin-left: 10px;
	vertical-align: top;
}

form p.indent {
	margin-left: 290px;
}



/* links */
a.lvl1, a.lvl1a, a.lvl2, a.lvl1:visited, a.lvl2:visited {text-decoration: none;}

a.lvl1 {padding: 0px; margin: 0px; color: #fff;}
a.lvl1a {padding: 0px; margin: 0px; color: #0099ff;}
a.lvl2 {padding: 0px; margin: 0px; color: #fff;}
a.lvl2a {padding: 0px; margin: 0px; color: #000;}
a.lvl2-dl {padding: 0px; margin: 0px; color: #fff; font-weight: bold;}
a.lvl2a-dl {padding: 0px; margin: 0px; color: #000; font-weight: bold;}
a.lvl3 {padding: 0px; margin: 0px; color: #fff; display: block;}
a.lvl3a {padding: 0px; margin: 0px; color: #999; display: block;}


a:hover {padding: 0px; margin: 0px; color: #999;}
a.lvl1:hover {padding: 0px; margin: 0px; color: #0099ff;}
a.lvl2:hover {padding: 0px; margin: 0px; color: #000;}
a.lvl2-dl:hover {padding: 0px; margin: 0px; color: #000;}
a.lvl3:hover {padding: 0px; margin: 0px; color: #999;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

ul.download { margin: 10px 0 10px 0; list-style-type: none; padding: 0;}
ul.download li { height: 70px; position: relative;}
ul.download li a.icon { position: absolute;}
ul.download li a.name { position: absolute; display: block; left: 70px; top: 25px; font-weight: bold; color: #0099ff;}
ul.download li span.info { position: absolute; display: block; left: 70px; top: 40px;}
ul.download li a.button { position: absolute; display: block; left: 280px; top: 25px; background: #0099ff; border: 1px solid white; padding: 6px 30px; }
ul.download li a.button:hover { color: black; }

 
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */