@charset "utf-8";

body {background:transparent url(../bilder/body_repeat.jpg) 0 0 repeat-x; margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;}

a {outline:none; color:#003399;}
a:hover {color:#44a4de;}
a:visited {color:#003399;}
a:active {color:#003399;}

/* +++++ Allgemeine Klassen +++++ */

.m_b_20px {margin-bottom:20px;}
.m_t_20px {margin-top:20px;}
.float_l {float:left;}
.float_r {float:right;}
.img_5px {border:5px solid #ddd;}
.m_r_15px {margin-right:15px;}
.m_l_15px {margin-left:15px;}
.bluebox_index {background:#44a4de; padding:10px; color:#fff; height:35px; font-size:13px; line-height:33px; margin-top:40px;}
	.bluebox_index a {color:#fff; border-bottom:1px dotted #fff; text-decoration:none;}
	.bluebox_index a:hover {border-bottom:1px solid #fff; font-weight:bold;}
.panorama img {border:5px solid #ccc;}
.panorama img:hover {border:5px solid #44a4de;}

.clear {clear:both;}

/* ----- Allgemeine Klassen ----- */



#container {width:940px; margin:0 auto;}



/* +++++ HEADER +++++ */

#header {width:940px; height:325px;}

#header_top_left {width:600px; height:200px; float:left; background:transparent url(../bilder/header_top_left.jpg) 0 0 no-repeat;}

#header_top_languages {width:340px; height:50px; float:left;}

#header_top_language_left {width:32px; height:50px; float:left; background:transparent url(../bilder/header_top_language_left.jpg) 0 0 no-repeat;}

/* +++ FLAGS +++ */

#header_top_language_hr {width:47px; height:50px; float:left; background:transparent url(../bilder/header_top_language_hr.jpg) 0 0 no-repeat;}
#header_top_language_de {width:46px; height:50px; float:left; background:transparent url(../bilder/header_top_language_de.jpg) 0 0 no-repeat;}

/* --- FLAGS --- */

#header_top_language_right {width:116px; height:50px; float:right; background:transparent url(../bilder/header_top_language_right.jpg) 0 0 no-repeat;}

#header_top_language_bottom {width:340px; height:150px; float:left; background:transparent url(../bilder/header_top_language_bottom.jpg) 0 0 no-repeat;}

#header_bottom {width:940px; height:150px; float:left; background:transparent url(../bilder/header_bottom.jpg) 0 0 no-repeat;}

#header_bottom p {font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 0 450px; padding:0; color:#44a4de;}
#header_bottom p em {font-size:18px;}

/* ----- HEADER ----- */



/* +++++ NAVIGATION +++++ */

#navi {width:300px; float:left;}

#navi ul {margin-left:34px; padding:0; }

#navi ul li {background:transparent url(../bilder/navi_li_underline.jpg) bottom left no-repeat; height:37px; width:265px; display:block; line-height:47px;}

#navi ul li a {background:transparent url(../bilder/navi_li.jpg) 6px 8px no-repeat; text-decoration:none; color:#666; padding:0 0 0 28px; font-size:16px; width:250px;}

#navi ul li a:hover {background:transparent url(../bilder/navi_li_hover.jpg) 6px 8px no-repeat; color:#44a4de;}

#navi ul li a.active {background:transparent url(../bilder/navi_li_hover.jpg) 6px 8px no-repeat; color:#1962b4;}

#navi ul li.li_space {background:none; height:50px;}

/* ----- NAVIGATION ----- */




/* +++++ CONTENT +++++ */

#content {width:640px; float:left;}

#navi_content_line {width:40px; height:400px; background:transparent url(../bilder/navi_content_line.jpg) 0 0 no-repeat; float:left;}

#textarea {width:550px; min-height:400px; height:auto !important; height:400px; float:left; padding:25px 25px; font-size:12px; color:#777;}

#textarea h1 {font-size:14px; margin-bottom:30px;}
#textarea h2 {font-size:13px; margin-bottom:22px;}

.img img 			{border:2px solid #ccc;}
.img img:hover 	{border:2px solid #44a4de;}

img.img_blank {border:none; margin:0; padding:0;}
img.img_blank:hover {border:none; margin:0; padding:0;}

.col_l {float:left; width:355px; padding-right:20px;}
	.col_l img {border:2px solid #ccc; margin-bottom:10px;}
	.col_l img:hover {border:2px solid #44a4de;}
.col_r {float:left; width:175px;}

.col_r_p {width:150px; height:20px; padding:10px;}

/* ---> */

	.bluebox {background:#44a4de; padding:10px; color:#fff;}
	
	.box_gray_padding10px {background:#f6f6f6; padding:5px 10px;}
	
	.box_fff_dashed {padding:5px 10px; border:1px dashed #ddd;}

/* ----- CONTENT ----- */





/* +++++ FOOTER +++++ */

#footer_repeat {background:#44a4de url(../bilder/footer_repeat.jpg) 0 0 repeat-x; clear:both; height:120px; padding-top:20px;}

#footer {width:940px; margin:0 auto; font-size:12px; color:#fff;}

#footer a {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
#footer a:hover {border-bottom:1px solid #fff;}

#footer_navi {width:300px; float:left;}

#footer_navi ul {margin:0 0 0 34px; padding:0;}

#footer_navi ul li {height:37px; width:265px; display:block; line-height:47px;}
 
#footer_navi ul li a {background:transparent url(../bilder/footer_navi_li.jpg) 6px 8px no-repeat; text-decoration:none; color:#fff; padding:0 0 0 28px; font-size:16px; border:none;}

#footer_navi ul li a:hover {background:transparent url(../bilder/footer_navi_li_hover.jpg) 6px 8px no-repeat; color:#fff; border-bottom:1px dashed #fff;}

#footer_navi ul li a.active {background:transparent url(../bilder/footer_navi_li_hover.jpg) 6px 8px no-repeat; color:#fff;  border-bottom:1px solid #fff;}

#footer_address {float:left; height:100px; line-height:20px; width:130px; padding:15px 0 0 66px;}

#footer_nrs {float:left; height:100px; line-height:20px; width:220px; padding-top:15px;}

#footer_oh {float:left; height:100px; line-height:20px; width:220px; padding-top:15px;}
	#footer_oh_d {float:left; width:70px;}
	#footer_oh_h {float:left; width:150px;}


/* ----- FOOTER ----- */







/* +++++ KONTAKT +++++ */

.contactdata {background:#ddd; padding:10px; color:#222; width:150px;}
.oh {padding:10px; color:#fff; background:#44a4de; width:310px;}

.contactbox {width:500px; padding-top:20px;}

div.nachrichtenmsg {padding:10px; background:#eee; margin:20px 0;}
div.nachrichtenmsg ul {list-style-type:square;}

.kontaktform {border:none;}
.kontaktform tr {height:30px;}
.kontaktform select {border:1px solid #ccc; width:200px; height:22px;}
.kontaktform input {background:#eee; width:180px; height:18px; border:none; padding:2px 10px;}
.kontaktform input.button {width:110px; height:30px; font-size:14px; margin-right:20px; border-left:5px solid #44a4de;}
.kontaktform input#kopie {width:15px; height:15px; background:none; margin:15px 10px 15px 0; border:1px solid #ccc;}
.kontaktform textarea {background:#eee; border:none; height:100px; width:350px; padding:10px; font-family:"Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

/* ----- KONTAKT ----- */