/******************************************************/
/*                                                    */
/*    	      programmiert von Stefan Wenzel 	      */
/*                                                    */
/******************************************************/

/*********************** Seite ************************/

/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
	font-size:100%;
}
legend {
	color:#000;
}
del,ins {
	text-decoration:none;
}

/*  Page  */

a:focus {
	-moz-outline-style: none;
}

html {
 height:100%;
 text-align:center;
 color:#444;
 background-color:#ececec;
}

body {
 width:100%;
 height:100%;
 margin:0px auto;
 padding:0px;
 text-align:center;
 font:normal 10pt Arial, Verdana, Georgia, 'Times New Roman', sans-serif;
 line-height:16pt;
 overflow:auto;
}

img#print_logo, div#visitenkarte{
 display:none;
}

div#seite {
 width:1002px;
 min-height:100%;
 margin:0px auto;
 text-align:center;
 background:#ececec url(/grafiken/bg.jpg) top repeat-y;
}

div#seite_box {
 width:960px;
 margin:0px auto;
 text-align:left;
}

/*** Kopf ***/

div#head_print {
 display:none;
}

div#oben {
 width:960px;
 height:30px;
 text-align:right;
}

div#oben label {
 float:right;
 margin-right:5px;
 line-height:23pt;
 color:#999;
}

div#oben input.input {
 float:right;
 margin:4px 5px 0 0;
 font:10pt Verdana, sans-serif;
 color:#000;
 background-color:#fff;
 padding:2px 5px;
 border:1px solid #ccc;
}

div#oben input.submit {
 float:right;
 width:14px;
 height:20px;
 margin:6px 20px 0 0;
 border:0px;
 cursor:pointer;
 font:0pt Verdana, sans-serif;
 background:#003399 url(/grafiken/suche_icon.gif) top no-repeat;
}

img.submit {
 float:right;
 width:14px;
 height:20px;
 margin:6px 20px 0 0;
 border:0px;
 cursor:pointer;
}

div#head {
 width:960px;
 background:#003399 url(/grafiken/head_schein.jpg) 480px 0px no-repeat;
}

div#head_logo {
 width:439px;
 height:105px;
 float:left;
 margin:5px 0 7px 25px;
}

div#head img {
 width:439px;
 height:105px;
 border:0px;
 cursor:pointer;
}

ul#head_navi {
 width:279px;
 height:110px;
 float:left;
 margin:6px 0 0 217px;
}

* html ul#head_navi {
 margin:6px 0 0 182px;
}

ul#head_navi li {
 width:83px;
 height:110px;
 margin-right:10px;
 float:left;
 cursor:pointer;
}

ul#head_navi li.pic_1 {
 background:transparent url(/grafiken/head_pic_1.jpg) top no-repeat;
}

ul#head_navi li.pic_1:hover {
 background:transparent url(/grafiken/head_pic_1_on.jpg) top no-repeat;
}

ul#head_navi li.pic_2 {
 background:transparent url(/grafiken/head_pic_2.jpg) top no-repeat;
}

ul#head_navi li.pic_2:hover {
 background:transparent url(/grafiken/head_pic_2_on.jpg) top no-repeat;
}

ul#head_navi li.pic_3 {
 background:transparent url(/grafiken/head_pic_3.jpg) top no-repeat;
}

ul#head_navi li.pic_3:hover {
 background:transparent url(/grafiken/head_pic_3_on.jpg) top no-repeat;
}

ul#head_navi li img {
 width:83px;
 height:110px;
 border:0px;
}

/*** Message Info ***/

p.message {
 width:920px;
 padding:10px 0;
 margin:0px auto;
 text-align:center;
 font:12pt Verdana, sans-serif;
 border-bottom:1px solid #f9db35;
 border-top:1px solid #f9db35;
 color:#9f761d;
 background-color:#ffe972;
 margin-bottom:20px;
}

/*** Menu ***/

ul#menu {
 height:30px;
 border-top:1px solid #4266b0;
 border-bottom:1px solid #fff;
 background-color:#335495;
 padding-left:100px;
}

* html ul#menu {
 padding-left:60px;
}

ul.main li {
 height:30px;
 float:left;
}
ul.main li a {
 color:#fff;
 font:11pt Arial, sans-serif;
 line-height:20pt;
 text-decoration:none;
 padding:0px 12.5px;
}

ul.main li a:hover {
 color:#fff;
 text-decoration:none;
}

ul.main li:hover, ul.main li#on_menu  {
 background-color:#3a5ca0;
}

div#schatten_menu {
 width:960px;
 height:7px;
 background:#fff url(/grafiken/schatten_menu.jpg) top repeat-x;
 margin-bottom:20px;
}

/*** Submenu ***/

ul#sub_menu {
 width:100%;
 margin-bottom:20px;
}

ul#sub_menu li.menu_2 {
 width:260px;
 border-top:1px solid #444;
 margin-left:0px;
 padding:7px 0 5px 20px;
}

ul#sub_menu li.menu_2 a.a_2 {
 font:bold 10pt Arial, sans-serif;
 color:#444;
 text-decoration:none;
}

ul#sub_menu li.menu_2:hover a.a_2, ul#sub_menu li.menu_2#on_menu_2 a.a_2 {
 color:#5074bd;
}

/*** Submenu_2 ***/

ul#sub_menu_2 {
 width:100%;
 margin:5px 0 0 -20px;
}

ul#sub_menu_2 li.menu_3{
 width:240px;
 border-top:1px solid #444;
 margin-left:0px;
 padding:7px 0 5px 40px;
}

ul#sub_menu_2 li.menu_3 a {
 font:bold 9pt Arial, sans-serif;
 color:#444;
 text-decoration:none;
}

ul#sub_menu_2 li.menu_3:hover a, ul#sub_menu_2 li.menu_3#on_menu_3 a {
 color:#5074bd;
}

/*** Main ***/

div#sub_content {
 width:280px;
 margin-left:20px;
 float:left;
}

div#main_content {
 width:620px;
 margin-left:20px;
 float:left;
}

* html div#sub_content {
 width:320px;
 margin-left:10px;
 margin-right:-20px;
}

* html ul#sub_menu li {
 width:280px;
}

* html div#main_content {
 width:620px;
 margin-left:0px;
}

.main_box p {
 margin-top:10px;
 padding:0px;
}

.trennlinie {
 width:620px;
 height:18px;
 margin:5px 0px;
}

/*** Kontaktformular ***/

.kontakt_formular label {
 width:200px;
 float:left;
 text-align:right;
 line-height:20pt;
}

.kontakt_formular input {
 width:200px;
 float:left;
 margin:0px 10px 0 10px;
 font:10pt Verdana, sans-serif;
 color:#000;
 background-color:#fff;
 padding:2px 5px;
 border:1px solid #ccc;
}

.kontakt_formular_2 input {
 float:left;
 margin:0px 10px 0 10px;
 font:10pt Verdana, sans-serif;
 color:#000;
 background-color:#fff;
 padding:2px 5px;
 border:1px solid #ccc;
}

input.submit {
 width:200px;
 font:10pt Verdana, sans-serif;
 color:#000;
 background-color:#fff;
 padding:2px 5px;
 border:1px solid #ccc;
}

input.submit:hover {
 width:200px;
 font:10pt Verdana, sans-serif;
 color:#000;
 background-color:#fff;
 padding:2px 5px;
 border:1px solid #5074bd;
 cursor:pointer;
}

/*** Footer ***/

div.footer {
 width:890px;
 border:1px solid #999;
 padding:10px 15px;
 margin:5px auto;
 margin-top:15px;
 background:#fff url(/grafiken/footer_bg.jpg) top no-repeat;
}

* html div#.footer {
 width:920px;
 margin-left:20px;
}

div.footer img {
 width:71px;
 height:71px;
 margin:2px 10px 0 0;
 float:left;
}

div.footer p {
 color:#fff;
 margin-left:5px;
 float:left;
 line-height:11pt;
}

div.footer a {
 color:#fff;
 text-decoration:none;
}

div.footer a:hover {
 color:#fff;
 text-decoration:underline;
}

div.footer p.footer_1 {
 width:220px;
}

div.footer p.footer_2 {
 margin-left:80px;
}

div.footer p.footer_3 {
 margin-left:10px;
}

div.footer p.footer_4 {
 float:right;
 text-align:right;
}