/************************************************

Author: www.franzschmidt.de
Create Date: 07.04.07

Version: 1.0

GEMILUX.de
3 Cols -> align button

PC: IE 6.0, IE 7,  Firefox -> OK

MAC: Firefox, Safari; Opera 9.20 -> OK

************************************************/

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   margin-left: auto;
   margin-right: auto;
}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color:#727272;
	background:#dfe7f4 url(images/bg.jpg) repeat-x;
	margin: 22px 0px 0px 0px;
	_margin: 19px 0px 0px 0px;
	}
	
p {padding-bottom: 12px;}


h1, h2, h3, h4, h5, h6 {
	font-size:14px;
	padding-bottom:8px;
	}

ul {padding-left: 14px;}

.clr {clear:both;}

/************************************************

GLOBAL SHADOWS

************************************************/

#shadow_top {
	width:870px;
	height:12px; 
	background: transparent url(images/shadow_top.gif) 0% 100% no-repeat;
	}

#shadow_content {
	width:870px;
	background: transparent url(images/shadow_content.gif) 0% 0% repeat-x;
	}

#shadow_bottom {
	width:870px;
	height:12px; 
	background: transparent url(images/shadow_bottom.gif) 100% 0% no-repeat;
	}

/************************************************

HEADER & LOGO

************************************************/

#frame_header {
	width: 830px; /*850px*/
	background:#fff;
	padding: 6px 0px 0px 0px;
	}
#frame_header .header_img {	
	height:301px;
	width:830px;
	}
	
#logo {
	position:absolute;
	left:16px;
	top:15px;
	/*width:175px;
	height:55px;*/
	z-index:1001;
	}
	
/************************************************

Navigation

************************************************/	

#frame_nav {
	padding: 0px 0px 0px 0px;
	background:#f0f3fa;
	color:#727272;
	}
	
#frame_nav div.navlvl1 a {
	/*height:39px;*/
	color:#727272; 
	display:block;
	padding:12px 0px 13px 24px;
	text-decoration:none;
	border-top: 1px solid #fff;
	background: url(images/nav_bg.jpg) no-repeat;
	}

#frame_nav div.navlvl1 a:hover {
	color:#fff;
	background:#015ea3; 
	}

#frame_nav div.navlvl1_act a{
	color:#fff;
	background:#015ea3; 
	display:block;
	padding:12px 0px 13px 24px;
	text-decoration:none;
	border-top: 1px solid #fff;
	}

	
#frame_nav div.navlvl2 a {
	background:#f1f2f5;
	color:#727272;
	display:block;
	border-top: none;
	text-decoration:none;
	padding: 4px 0px 4px 34px;
	}

#frame_nav div.navlvl2 a:hover {
	color: #d92819;
	background:none;
	}
	
#frame_nav div.navlvl2_act a {
	background:#f1f2f5;
	color:#d92819;
	display:block;
	border-top: none;
	text-decoration:none;
	padding: 4px 0px 4px 34px;
	}

#frame_nav div.navlvl2_act a:hover {
	color: #d92819;
	background:none;
	}
	
	
#box_panorama {
	/*float:left;*/	
	width: 395px;
	}
	
#box_panorama .img_left img, #box_panorama .img_right img {
	border:none;
	}

#box_panorama .img_left {
	float: left;
	width: 185px;
	}

#box_panorama .img_right {
	float:right;
	width: 185px;
	}
	

/************************************************

IMAGES

************************************************/
	
.csc-textpic-caption {
	color:#727272; 
	font-size: 10px; 
	padding-top: 4px;
	}
	
/*div.csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol img {border: 2px solid blue;}

div.csc-textpic csc-textpic-left csc-textpic-above img { border: 2px solid red;}*/
	

#frame_content img {border: 1px solid #d92819;}

#frame_right div.csc-textpic-text { padding: 0 0 10px 0;}


/************************************************

FORM -> csc-mailform-field BASIC STYLES (NOT USED)

************************************************/
fieldset.csc-mailform {border: 0px solid #fff; padding: 0 0 0 0; margin: 0 0 0 0;}
/*.csc-mailform-field {}
div.csc-mailform-field label mailformName {background:red; width: 40px; border: none;}*/

div.csc-mailform-field { float: left;}
div.csc-mailform-field label {
	width: 100px; 
	padding: 0 0 4px 0; 
	float:left; 
	height: 20px; 
	}
	
div.csc-mailform-field input  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#727272;
	border: 1px solid #727272;
	float: left; 
	padding: 2px;
	}

/*div.csc-mailform-field input#mailformEmail {
	border: 1px solid #727272;
	background: red;  
	display:block; 
	float: left;
	}*/

div.csc-mailform-field textarea {
	border: 1px solid #727272; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#727272;
	float:left; 
	display:block;
	margin: 0 0 0 0; 
	padding: 2px;
	width: 285px;
	}

div.csc-mailform-field  input.csc-mailform-submit  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	background:#015EA3;
	border: 1px solid #015EA3;
	color: #fff;
	float: right; 
	margin: 10px 6px 0 0;
	_margin: 10px 4px 0 0;
	}
	
/***** IN USE *****/	
	
.box_form_cnt {
	margin: 0 ;
	padding: 0;
	width:385px;
	clear:both;
	}
	
.box_form_2col {
	clear:both; 
	margin:0; 
	padding:0; 
	/*height:24px*/;
	}

.box_form_2col_left {
	float: left; 
	width:120px; 
	margin:0; 
	padding:5px 0 0 0;
	}
	
.box_form_2col_right { 
	float:left; 
	width:259px; 
	padding:0 0 0 6px; 
	margin:0;
	}

.box_form_2col_right input {
	width:253px;
	margin:2px 0 2px 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#727272;
	border: 1px solid #727272;
	padding:2px;
 }
 
 .box_form_2col_right input.checkbox {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	border: 1px solid #727272;
	height:14px;
	width:14px;
	margin:4px 0 2px 0; 
	color:#727272;
	/*padding:2px;*/
 }
 
 .box_form_2col_right input.captcha {
	width:60px;
	margin:2px 0 2px 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#727272;
	border: 1px solid #727272;
	padding:2px;
 }
 
.box_form_2col_right textarea {
	border: 1px solid #727272; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#727272;
	width:253px;
	/*height:160px;*/
	margin:2px 0 2px 0; 
	padding:2px; 
	}
	


.box_captcha {float:left; padding-top:3px;}
#frame_content div.box_captcha img {border:1px solid #727272;}

.box_form_btn {
	float:right; 
	width:385px;
	}
	
.box_form_btn input.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	background:#015EA3;
	border: 1px solid #015EA3;
	color: #fff;
	float: right; 
	margin: 10px 0 0 0;
	}
	
.form_error {
	color:#d92819;
	}

/************************************************

ANCHORS

************************************************/

#frame_content a.internal-link {
	color: #727272;
	text-decoration:none;
	}
	
#frame_content a.internal-link:hover {
	color: #d92819;
	text-decoration:underline;
	}
	
#frame_content a.external-link {
	color: #727272;
	text-decoration:none;
	}
	
#frame_content a.external-link:hover {
	color: #d92819;
	text-decoration:underline;
	}
	
a.external-link-new-window {
	color: #727272;
	text-decoration: none;}
	
a.external-link-new-window:hover {
	color: #d92819;
	text-decoration: none;}			
	
#frame_content a.mail {
	color: #727272;
	text-decoration:none;
	}

#frame_content a.mail:hover {
	color: #d92819;
	text-decoration:underline;
	}

#frame_right a.internal-link {
	color: #d92819;
	text-decoration:none;
	}
	
#frame_right a.internal-link:hover {
	color: #d92819;
	text-decoration:underline;
	}
		
a.download {
	color: #d92819;
	text-decoration:none;
	}
	
a.download:hover {
	color: #d92819;
	text-decoration:underline;
	}
	
/************************************************

SITEMAP

************************************************/
	
div.csc-sitemap	ul {
	margin: 0px 0px 0px 6px; 
	padding: 2px 0px 2px 2px;
	}

div.csc-sitemap	ul li {
	margin: 0px 0px 0px 6px; 
	padding: 2px 0px 2px 2px;
	}

div.csc-sitemap	ul li a {
	text-decoration:none;
	color:#727272;
	}

div.csc-sitemap	ul li a:hover {
	text-decoration:underline;
	color:red;
	}
	
/************************************************

MAP24

************************************************/
	
#frame_map24 {
	width:193px; 
	border:1px solid #bebebe; 
	}
	
.box_map24_logo {
	height:30px;
	padding:10px 5px 5px 10px;
	}
	
.box_map24_hdl {
	background:#edeff1; 
	padding:2px 5px 2px 10px;
	}

.box_map24_route {
	background: url(images/map24_headerbg.gif) no-repeat; 
	color:#fff; 
	font-weight:bold;
	padding:0px 5px 0px 10px;
	}
	
.box_map24_start_dest {padding:5px 5px 5px 10px;}
.box_map24_start_dest img {padding: 0 4px 0 0;}
.box_map24_start_dest input {
	font-size:11px; 
	border: 1px solid #bebebe; 
	font-size:11px; 
	color:#727272;
	}
	
.box_map24_btn {padding: 5px 5px 5px 10px;}
.box_map24_btn input {
	font-size:11px;
	border: 1px solid #0072bc; 
	background:#0072bc; 
	color: #fff; 
	}

/************************************************

BASICS

************************************************/

#frame_content {
	float: left;
	width: 395px; /*436px*/ /*Minus 1px border*/
	margin-left: 193px; /*193px*/
	padding: 0 10px 0 20px; /*14px 10px 0 20px;*/
	border-right: 1px solid #dee7f3;
	}
* html #frame_content {
	display: inline;
	}
#frame_left {
	float: left;
	width: 193px; /*193px*/
	margin-left: -619px; /*-629px*/
	}
#frame_right {
	float: left;
	width: 195px; /*210px*/
	padding: 0px 0px 0px 15px;
	}
/* Start Mac IE5 filter \*/
#frame_content, #frame_left, #frame_right {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#frame_wrapper {
	width: 830px; /*850px*/
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	padding: 10px 0px 0px 0px;
	background: #fff;
	}
	
#frame_wrapper {
	float: left;
	float/**/: none;
	}
/* easy clearing */
#frame_wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#frame_wrapper {
	display: inline-block;
	}
/*\*/
#frame_wrapper {
	display: block;
	}
/* end easy clearing */


/************************************************

FOOTER 

************************************************/

#frame_footer {
	clear: both;
	z-index: 10000;
	}
#frame_footer {
	width: 830px;
	background:#fff;
	padding:10px 0px 11px 0px;
	}
#frame_footer .footer_text {
	border-top:1px solid #dee7f3;
	padding:10px 0px 0px 213px; 
	/*text-align:center;*/
	}

#frame_footer .footer_text a {
	text-decoration:none;
	color: #727272;
	margin:0px 8px 0px 0px;
	}
	
#frame_footer .footer_text a img {
	border: none;
	padding:0px 0px 0px 0px;
	}

* > #frame_footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1;
	}