* { margin: 0px; padding: 0px; font-size: 1em; }
html { overflow: hidden; }
body {
	font-family: Verdana,Geneva,Arial,sans-serif;
	font-size: 62.5%;
	color: #0065ab;
	background-color: white;
}
img { border: 0; }
.clear_float { clear: both; height: 1px; font-size: 1px; }
.hidden{ visibility: hidden; }
.visible{ visibility: visible; }

#site {
	position: absolute;
	width: 935px;
	height: 600px;
	left: 50%;
	margin-left: -467px;
}

/* TOP
------------------------------------------------------------------------ */
#site #top { width: 100%; height: 250px; }

#top a { color: white; font-weight: bold; text-decoration: none; }
#top a:hover, #top span:hover { color: #ffa200; }

#top #top_left {
	float: left;
	width: 265px;
	height: 100%;
	background: white url(../images/top_left.jpg) no-repeat;
	background-position: left bottom;
}
#top #top_right {
	float: left;
	width: 670px;
	height: 100%;
	color: white;
	font-weight: bold;
	background: white url(../images/top_right.jpg) no-repeat;
}
#top_right #menu {
	width: 11.6em;
	height: 13.3em;
	background-color: #0065ab;
	border: 1px solid white;
	border-left-width: 0;
	border-top-width: 0;
	voice-family: "\"}\""; voice-family:inherit;
	padding: 8px 8px 5px 37px;
}
html>body #top_right #menu { padding: 8px 8px 8px 3.7em; }

#menu a, #menu span { width: 115px; margin-bottom: 5px; display:block; }
#menu span { cursor: default; }

#menu #box1 {
	position: absolute;
	width: 3em;
	height: 15em;
	top: 0px;
	left: 265px;
	background-color: #a3d6f3;
}
#menu #box2 {
	position: absolute;
	width: 3em;
	height: 3.6em;
	left: 265px;
	top: 114px;
	background-color: #ffa200;
}

#site .sub_navigation {
	position: absolute;
	left: 432px;
	top: 16px;
	padding: 8px 8px 3px 8px;
	background-color: #0065ab;
	border: 1px solid white;
	visibility: hidden;
}
.sub_navigation a { width: 160px; margin-bottom: 5px; display:block; }

#top_right #partner { position: absolute; top: 50px; }
#top_right #metamenu { position: absolute; left: 280px; top: 232px; }


/* MAIN
------------------------------------------------------------------------ */
#site #main {
	width: 100%;
	height: 321px;
	padding-top: 5px;
}

/* MAIN - LEFT
------------------------------------------------------------------------ */
#main #main_left {
	float: left;
	width: 265px;
	height: 321px;
	overflow:auto;
}
#main_left #header_news {
	width: 230px;
	height: 16px;
	padding: 4px 0 0 16px;
	font-weight: bold;
	background: white url(../images/header_news.gif) no-repeat;
}

#main_left .new_box_small {
	margin: 15px 15px 0 15px;
}
.new_box_small h3 { margin-bottom: 8px; color:#064B85; font-size:1em; }
.new_box_small h3 span{ color:#1765A6; font-size:0.9em; }
.new_box_small p { margin-bottom: 22px; }
.new_box_small a { color: #FF9C00; font-weight: bold; text-decoration: none; }
.new_box_small a:hover { text-decoration: underline; }


/* MAIN - RIGHT
------------------------------------------------------------------------ */
#main #main_right {
	float: left;
	width: 670px;
	height: 100%;
}
#main_right #header {
	position: relative;
	width: 654px;
	height: 16px;
	padding: 4px 0 0 16px;
	margin-bottom: 5px;
	font-weight: bold;
	background: white url(../images/header.gif) no-repeat;
}
#main_right #content {
	position: relative;
	width: 632px;
	margin-bottom: 2px;
	background: white url(../images/border_content.gif) repeat-y;
	overflow: auto;
	voice-family: "\"}\""; voice-family:inherit;
	height: 284px;
	padding: 10px 23px 10px 15px;
}
html>body #main_right #content { height: 274px; padding: 10px 23px 10px 15px; }

#content a { font-size: 1em; color: #FF9C00; font-weight: bold; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content h1, #content h2 { font-size: 1.2em; margin-bottom: 14px; color: #064B85; }
#content h1 { font-size: 1.4em; text-decoration:underline; }
#content h2 { margin: 40px 0 10px 0; }
#content img { float:right; margin: -20px 0 5px 15px; border: 1px solid #0065ab; }
#content p { font-size: 1.1em; text-align: justify; }
#content ul { font-size: 1.1em; margin: 8px 5px 5px 15px; }
#content li { margin: 3px 0 0 0; }
#content .icon_top { float:none; margin:0px; border:0; }


/* PRODUKT (kleine boxen)
------------------------------------------------------------------------ */
#content .product_box {
	float: left;
	width: 105px;
	margin: 7px 5px 6px 5px;
	border: 1px solid #0065ab;
}
#content .product_box h3 { padding: 5px; }
#content .product_box img { border: 0; float: none; margin: 5px 0 0 12px; }


/* FORM (kontakt form)
------------------------------------------------------------------------ */
.form_style { margin-top: 7px; margin-bottom: 0px; }
.form_style input, .form_style textarea {
	width: 265px;
	height: 14px;
	padding: 2px 2px 1px 2px;
	margin-bottom: 8px;
	background:#fcfcfc url(../images/input_bg1.png) repeat-x;
}
.form_style textarea {
	font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
	height: 98px;
	margin-bottom: 8px;
	overflow:auto;
}
.form_style .field_style1 { color: #666; font-size: 1.1em; border: 1px solid #CCC; background:#F0F8FF url(../images/input_bg1.png) repeat-x; }
.form_style .field_style2 { color: #000; font-size: 1.1em; border: 1px solid #0065AA; border-right-width:4px; background:#F7FBFF url(../images/input_bg1.png) repeat-x; }
.form_style .field_style3 { color: #000; font-size: 1.1em; border: 1px solid #5FB5F0; background:white url(../images/input_bg2.png) repeat-x; }


/* BOTTOM
------------------------------------------------------------------------ */
#site #bottom {
	position: relative;
	width: 100%;
	height: 24px;
	background: white url(../images/bottom.gif) repeat-x;
}


/* NEWS LARGE
------------------------------------------------------------------------ */
#main_right .new_box_large {
	margin-top: 20px;
	margin-bottom: 30px;
}
.new_box_large h2 { font-size: 12px; font-weight: bold; margin-bottom: 2px; }
.new_box_large h2 span { display: block; font-size: 10px; font-weight: bold; color:#1765A6; }


/* DOWNLOADS
------------------------------------------------------------------------ */
#main_right .download_box {
	width: 450px;
	display: block;
	margin-top: 20px;
	margin-bottom: 50px;
}
#main_right .download_box img { border: 0px; float: left; margin: -4px 12px 0 0; }
#main_right .download_box h3 { font-size: 11px; font-weight: bold; margin-bottom: 4px; }
#main_right .download_box p { height: 41px; padding-right: 5px; overflow: auto; }