/* GEMBIRD Deutschland Imageseiten CSS Web-Relaunch 2008 */
/* CSS coded by Gerrit Hoffschulte (web.design) / www.webpunktdesign.de */


/* ###################################################################################################### */
/*  */
/* ______________________________________________________________________________________________________ */


#headline {
	border-width:0px;
	background-color:transparent;
	}

#main_content {
	background-image:url(../_grafik/imageseiten_main_bg.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #989A9A;
	background-color:#FFFFFF;
	border-left:2px solid #C9C4B8;
	border-right:2px solid #C9C4B8;
	}

#main_bottom {
	background-image:url(../_grafik/textbox_bottom.jpg);
	width:662px;
	height:18px;
	}

	
/* ------------------------------------------------------------------------------------------------------ */

#image_navigation {
	background-color:#A1A3A3;
	border-top:1px solid #F4F4F4;
	border-left:1px solid #BAB5A9;
	border-right:1px solid #BAB5A9;
	}
#image_navigation ul {
	margin:0px;
	padding:0px;
	min-height:30px;
	list-style-type:none;
	}
#image_navigation ul li {
	float:left;
	}
#image_navigation ul li a {
	display:block;
	padding-left:22px;
	padding-right:22px;
	min-height:24px;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:6px;
	}
#image_navigation ul li a.current {
	background-image:url(../_grafik/image_navi_current_bg.jpg);
	background-repeat:repeat-x;
	background-color:#F1F1F1;
	border-right:1px solid #FFFFFF;
	color:#2CADA1;
	}
#image_navigation ul li a:hover {
	background-color:#868888;
	}
@media all {
* html b\ody #image_navigation ul li {
	width:1px;
	white-space:nowrap;
	}
* html b\ody #image_navigation ul {
	height:30px;
	}
* html b\ody #image_navigation ul li a {
	height:24px;
	}
}

	
/* ------------------------------------------------------------------------------------------------------ */

div.content_block {
	padding:22px;
	border-top:1px solid #C9C4B8;
	}
	
#main_content div.content_block_first {
	padding:22px;
	padding-top:0px;
	}



div.content_block_formular {
	padding:22px;
	padding-bottom:0px;
	border-top:1px solid #C9C4B8;
	}


@media all {
* html b\ody div.content_block {
	padding-bottom:0px;
	margin-top:22px;
	padding-top:0px;
	}
*+html b\ody div.content_block {
	padding-bottom:0px;
	margin-top:22px;
	padding-top:0px;
	}

* html b\ody #main_content div.content_block_first {
	padding-bottom:0px;
	}
*+html b\ody #main_content div.content_block_first {
	padding-bottom:0px;
	}

* html b\ody div.content_block_formular {
	margin-top:22px;
	}
*+html b\ody div.content_block_formular {
	margin-top:22px;
	}

* html b\ody #main_content div.abstand {
	height:22px;
	}
*+html b\ody #main_content div.abstand {
	height:22px;
	}
}
	
#main_content div.content_block_first a, #main_content div.content_block a {
	color:#2CADA1;
	}

div.content_block div.text_spalte {
	float:left;
	width:44%;
	margin-right:3%;
	}

div.content_bild_rechts {
	float:right;
	border-left:1px solid #C9C4B8;
	padding-top:0px;
	margin-left:22px;
	margin-bottom:-22px;
	}

div.content_bild_links {
	float:left;
	border-right:1px solid #C9C4B8;
	padding-top:0px;
	margin-right:22px;
	margin-bottom:-22px;
	}

@media all {
* html b\ody div.content_bild_rechts img {
	margin-bottom:-2px;
	}
* html b\ody div.content_bild_links img {
	margin-bottom:-2px;
	}
*+html b\ody div.content_bild_rechts img {
	margin-bottom:-2px;
	}
*+html b\ody div.content_bild_links img {
	margin-bottom:-2px;
	}
}

#main_content div.content_block h2, #main_content div.content_block_first h2 {
	color:#2CADA1;
	}
	
/* ------------------------------------------------------------------------------------------------------ */

div#kontaktformular {
	
	}

div.form_inputs {
	float:left;
	width:250px;
	padding-right:14px;
	}
	
div.label_and_input {
	position:relative;
	background-color:#ECECEC;
	width:250px;
	height:20px;
	margin-bottom:10px;
	}
div.label_and_input label {
	position:absolute;
	left:5px;
	top:2px;
	}
div.label_and_input input {
	width:174px;
	height:15px;
	padding-left:13px;
	margin-left:62px;
	border-width:0px;
	background-color:#ECECEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666666;
	padding-top:4px;
	}
div.label_and_input input:hover, div.label_and_input input:focus, div.label_and_input input:active {
	background-image:url(../_grafik/form_input_hover.jpg);
	background-repeat:no-repeat;
	}
	
@media all {
* html b\ody div.label_and_input input {
	background-color:#F4F4F4;
	padding-left:4px;
	margin-left:71px;
	}
*+html b\ody div.label_and_input input {
	margin-top:-1px;
	}
}

div.form_textarea {
	position:relative;
	float:left;
	width:350px;
	height:141px;
	background-color:#ECECEC;
	}
div.form_textarea label {
	position:absolute;
	left:5px;
	top:2px;
	}
div.form_textarea textarea {
	margin-top:20px;
	width:326px;
	height:109px;
	border-width:0px;
	background-color:#ECECEC;
	padding:10px;
	padding-top:2px;
	padding-left:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:160%;
	color:#666666;
	}
div.form_textarea textarea:hover, div.form_textarea textarea:focus, div.form_textarea textarea:active {
	background-image:url(../_grafik/form_textarea_focus.jpg);
	background-repeat:no-repeat;
	}

@media all {
* html b\ody div.form_textarea textarea {
	background-color:#F4F4F4;
	width:336px;
	padding-left:4px;
	height:116px;
	}
*+html b\ody div.form_textarea textarea {
	margin-top:19px;
	}
}

div.checkbox_and_radio {
	clear:both;
	line-height:200%;
	}
div.checkbox_and_radio input {
	margin:0px;
	margin-right:10px;
	}
	
#form_buttons {
	margin-top:20px;
	background-color:#F7F5F4;
	margin-left:-24px;
	margin-right:-24px;
	padding-left:22px;
	background-image:url(/_grafik/textbox_bottom.jpg);
	padding-top:18px;
	background-repeat:no-repeat;
	}
#form_buttons input {
	background-repeat:no-repeat;
	border-width:0px;
	text-align:center;
	width:110px;
	height:33px;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	}	
#form_buttons input.form_submit {
	background-image:url(/_grafik/submit.jpg);
	}
#form_buttons input.form_reset {
	background-image:url(/_grafik/reset.jpg);
	}
#form_buttons input.form_submit:hover {
	background-image:url(/_grafik/submit_hover.jpg);
	}
#form_buttons input.form_reset:hover {
	background-image:url(/_grafik/reset_hover.jpg);
	}


#main_content_bottom.formular {
	background-image:none;
	width:662px;
	height:0px;
	}
#main_bottom.formular {
	background-image:none;
	width:662px;
	height:0px;
	}

