@import url('nav.css');
@import url('content.css');

@media all {
html { height:100.1%;}
body {
	margin:0; 
	padding:0;
	background:#ffffff; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#222010;
	text-align:center;
}

/*** Standard-Elemente und Klassen***/
h1 {display:none;font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; color:#8D0118; font-size:16px; line-height:20px; font-weight:lighter;  margin:0 0 6px 0; padding:0;}
h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; color:#8D0118; font-size:15px; font-weight:lighter; margin:0; padding:0;}
h3 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; color:#8D0118; font-size:13px; margin:0; padding:0;}
h4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#222010; font-size:11px; font-weight:lighter; font-style:normal; margin:0; padding:0;}
#page h1 {display:block;}

p, td {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; padding:0 0 11px 0; margin:0;}
p.hr {display:block; font-size:0; line-height:0; border-top:1px #222010 solid; clear:both; margin:4px 0 4px 0;}

hr {clear:both; color:#222010; height:1px; margin:8px 0 14px 0; padding:0; border:0;}
ul, ol {margin:2px 0 6px 16px; padding:0; font-size:11px; line-height:18px;}

form {margin:0; padding:0;}
form p {line-height:14px;}
input, textarea, select {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#222010; border:1px #222010 solid; margin-bottom:3px;}
.radioBtn {border:0; margin-top:2px; margin-bottom:0; background:none;}
#i_surname, #i_name, #i_phone, #i_fax, #i_email, #i_message {width:320px;}
.formErr {color:#8D0118;}

.align-right {text-align:right;}

/*** Seitenbereiche (Header, Content, Footer ...) ***/
#page {display:block; clear:both; width:782px; height:auto; margin:30px auto 20px auto; padding:0; border:0; overflow:auto; }
#frame {position:relative; display:block; width:780px; height:auto; margin:0; padding:0; border:0; overflow:hidden; text-align:left; border:1px #222010 solid;}

#header {display:block; width:780px; height:120px; overflow:auto; margin:0; padding:0; text-align:left; background: url(../gfx/bg_header.jpg) center -30px no-repeat; border-bottom:1px #222010 solid;}

#header a, #header a:visited {border-bottom:0;}
#header #logo {float:left; margin:36px 0 0 22px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px;color:#8D0118;line-height:34px;}
#header #logo h1 {margin:6px 0 0 0; padding:0; border:0;}

#referenzen h1 {color:#ffffff; font-weight:normal; padding:4px 0 0 0;}
#footer {display:block; clear:both; overflow:auto; background:url(../gfx/bg_footer) center bottom no-repeat; padding:10px 0 10px 0; }
#footer p {font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height:16px; padding:0; text-align:center;}

#content_wrap {display:block; clear:both; width:auto; height:auto; overflow:auto; margin:0; padding:22px; text-align:left; background:#222010; }
#content_wrap h1 {padding:0; color:#ffffff;}

#t3_content1 {display:block; width:480px; line-height:18px; color:#ffffff; overflow:auto;}
#t3_content2 {display:block; width:480px; clear:both; padding:8px 22px; line-height:14px; color:#222010; font-size:10px;}

.important {color:#992200; font-weight:bold;}

.col100l, .col75l, .col70l, .col66l, .col60l, .col50l, .col40l, .col33l, .col30l, .col25l, .col3x3l {display:block; float:left; padding: 0;}
.col100r, .col75r, .col70r, .col66r, .col60r, .col50r, .col40r, .col33r, .col30r, .col25r, .col3x3r {display:block; float:right; padding: 0;}
.col3x3m {display:block; float:left; padding:0; margin-right:20px;}

.col25l, .col25r {width:193px;}
.col75l, .col75r {width:581px;}

.col30l, .col30r {width:232px;}
.col70l, .col70r {width:542px;}

.col33l, .col33r {width:270px;}
.col66l, .col66r {width:420px;}

.col40l, .col40r {width:309px;}
.col60l, .col60r {width:464px;}

.col3x3l, .col3x3r, .col3x3m {width:225px; overflow:hidden;}

.col50l, .col50r {width:344px;}
.col100l, .col100r {width:720px;}

#referenzen {position:absolute; top:91px; right:4px; z-index:100; width:256px; height:auto; color:#ffffff; }
#referenzen_scroll {width:240px; text-align:center;}
#easyscroll {
	display:block;
	float:left;
	border:0;
	background: url(../gfx/bg_green.png) left top repeat-x;
	margin:0;/* add additional styling */
	padding:0;
	width:238px;
	text-align:center;
}
#easyscroll h1 {margin-bottom:12px;}
#easyscroll p {}
#easyscroll img { border:1px #222010 solid;}

#easyscrollnav, #easyscrollnav li {
	height:19px;
	margin:0;
	padding:0;
}
#easyscrollnav {
	width:16px; margin:45px 0 0 0; padding:0; float:right; background:transparent;
}
#easyscrollnav li {
	list-style:none; 
	width:16px;
	height:19px;
	margin:0 0 16px 2px;
	padding:0;
	color:#333;
	cursor:pointer;
}
#easyscrollnav li.hover {
	text-decoration:none;
}
#btnUp {
	background-image: url(../gfx/b_up.gif);
	background-repeat: no-repeat;
}
#btnDown {
	background-image: url(../gfx/b_down.gif);
	background-repeat: no-repeat;
	clear:both;
}
}