/*-----------------------------------------------
* Relaunch 2009: VON ESSEN GmbH & Co. KG
*
* author: alexander.matschos@unitb-consulting.de
* www.unitb-consulting.de
-----------------------------------------------*/

/* CI-Farben
Petrol | 100% #00aa9b | 80% #5cbbaf | 60% #91cec3
Grau | 100% #9c9d9f | 80% #b1b3b4 | 60% #c5c6c8 
font |	#3d3d3d
*/

/* showgrid - blendet Raster zum testen ein */
.showgrid 				{ background:transparent url(../_img/site/grid.gif) repeat scroll 0 0;}

/* -------------------------------------- skeleton, containers -------------------------------------- */
body 					{ background:#e6e6e6;}
#header					{ position:relative;}
#header	img.first_logo	{ padding:22px 10px 52px 30px;}
#header	img.second_logo	{ position:absolute; right:32px; top:27px}
#container_content		{ margin:0 auto;background:#fff url(../_img/site/corners_container_middle.gif) repeat-y 0 0;width:950px; padding:0 7px 0 2px;}
#container_header, #container_footer 	{ width:959px;margin:0 auto;}
#container_header		{ margin:20px auto 0;}
#container_header 		{ background:#fff url(../_img/site/corners_container_top.gif) no-repeat 0 0; font-size:1px; height:14px; line-height:1px;}
#container_footer 		{ background:#fff url(../_img/site/corners_container_bottom.gif) no-repeat 0 0; font-size:1px; height:19px; line-height:1px;}
#content_top			{ margin-bottom:15px; background:none; position:relative; z-index:3;}
#content_footer			{ display:inline; float:left; margin:0; padding:5px 5px 5px 30px;}
/* start */
.start #content_top		{ float:left; width:950px; height:228px; margin-bottom:56px; background:#e1ede3 url(../_img/site/content_top_bg.jpg) repeat-y right top; margin-left:0;}
.start #content_main	{ padding-left:10px;}
.teaser_start			{ background:transparent url(../_img/site/teaser_box.gif) no-repeat 0 0; width:402px; height:233px; position:relative; z-index:1;}
.start #header	img.first_logo		{ padding:22px 10px 60px 10px;}
/* /start */
/* rubrik */
.rubric .box			{ /*height:145px;*/ height:126px; overflow:hidden;}
.rubric_top				{ min-height:133px; padding-top:13px; padding-bottom:12px;}
/* /rubrik */
/* content */
.content #content_top	{ height:34px; display:block;} /*menu*/
.content .span-29 .box	{ width:540px; display:block;}
.content .span-13		{ min-height:200px;}
.content .span-13 .box	{ width:220px; display:block;}
.content .span-13 .box .img_box	{ margin:0;}
.span-29 h2				{ margin-bottom:5px; clear:left;}
.span-29 h3, .span-13 h3		{ padding-top:5px; clear:left;}
.span-29 .filial_box h3	{ padding-top:0;}
/* /content */
/* runde Ecken */
.ro						{ background:#f0f0f0 url(../_img/site/corners_box_ro.gif) no-repeat right top; margin-bottom:15px; clear:left;}/*alter Farbwert:#f4f4f4*/
.ru						{ background:url(../_img/site/corners_box_ru.gif) no-repeat right bottom;}
.lu						{ background:url(../_img/site/corners_box_lu.gif) no-repeat left bottom;}
.lo						{ background:url(../_img/site/corners_box_lo.gif) no-repeat left top;}
.ro .box				{ background:transparent; position:relative;}
/* /runde Ecken */

/* -------------------------------------- basic -------------------------------------- */
*						{ margin:0; padding:0;}
.ub_pt_163				{ padding-top:163px;}
.ub_pl_10				{ padding-left:10px;}
.ub_pl_20				{ padding-left:20px;}
.ub_pl_30				{ padding-left:30px;}
.ub_mb_10				{ margin-bottom:10px;}
.ub_mb_20				{ margin-bottom:20px;}
.ub_mb_30				{ margin-bottom:30px;}
.ub_fl					{ float:left;}
.ub_fr					{ float:right;}
.ub_shifting_105 span	{ float:left; width:105px;}
.rubric_box_top			{ padding-top:10px; min-height:160px;}
.box_clear				{ padding:13px 15px;}
.img_box				{ float:left; margin:2px 15px 10px 0;}
.img_box img			{ float:left; margin-bottom:1px;}
.img_box p				{ background:#f4f4f4; padding:2px; margin:0; font-size:11px;}

/* nav */ /* == This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/jquery-dropline-7.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. === */
.start #menu			{ width:950px;}
#menu					{ position:relative; top:-34px; background:#e6e6e6 url(../_img/site/nav_trend.jpg) repeat-y right top; z-index:-2; height:34px; width:890px;} /*menu*/
#nav 					{ position:relative; top:-68px; font-size:12px; height:34px; z-index:13;} /*menu*/ /* Achtung: wird in -> top -> der px veraendert, muss auch in der Klasse -> .content_top -> margin-top -> der px Wert entsprechend mitveraendert werden */
.start #nav, 			{ padding:0; margin:0; list-style:none; width:950px;}
#nav, #nav ul 			{ padding:0; margin:0; list-style:none; width:890px; overflow:visible;}
#nav li 				{ float:left; height:34px; background:#e6e6e6; margin:0; padding:0;} /*menu*/
#nav li a 				{ color:#3d3d3d; background:#e6e6e6; float:left; display:block; height:34px; line-height:34px; padding:0 10px 0 10px; font-size:11px; text-decoration:none; font-weight:bold; border:none;} /*menu*/
#nav li ul li a 		{ color:#fff; background:#00aa9b; padding:0 10px;}
#nav li a.down 			{ background:#00aa9b;}
#nav li ul li a.down 	{ font-size:14px; font-weight:bold;}
#nav li ul 				{ position:absolute; top:34px; left:-9999px; z-index:10; background:#00aa9b; min-width:496px; width:auto;} /*menu*/
#nav li ul.floatRight li		{ float:right;}
/* =============== end of modified Stu Nicholls css ===============*/
#nav li.current a 		{ color:#fff; background:#00aa9b;}
#nav li.current ul 		{ left:0;}
#nav li a:hover			{ background:#00aa9b; color:#fff;}
#nav li ul li a.active, #nav li ul li a:hover	{ background:#91cec3;}
/* /nav */
.teaser_top				{ width:240px; height:210px; background:url(../_img/site/teaser_top.png) no-repeat 0 0; position:absolute; left:100px; bottom:-40px; z-index:2;}
.img_top				{ position:absolute; right:0; top:-62px; /*z-index:-1;*/}
.marginal_box_top		{ height:239px; width:254px; background:url(../_img/site/marginal_box_top_2.png) no-repeat 0 0; position:absolute; right:-2px; top:-58px;}
.img_frame				{ width:250px; height:148px; overflow:hidden; display:block;}
.box_top				{ padding:8px 15px;}
.box p					{ margin-bottom:15px;}
.box_top p				{ margin-bottom:8px; line-height:110%;}
/* anchor Definitionen */
a:focus, a:hover 		{ color:#00aa9b; text-decoration:none;}
a	 					{ color:#00aa9b; text-decoration:none;}
.top_box a, li a:focus, li a:hover, .box_top p.large a:hover	{ color:#00aa9b; text-decoration:none; border-bottom:2px solid #00aa9b;}
.top_box a, li a, .box_top p.large a					{ color:#00aa9b; text-decoration:none; border-bottom:1px solid #00aa9b;}
.link_related			{ position:absolute; bottom:17px; right:25px; color:#00aa9b; font-size:13px; font-weight:bold;border-bottom:1px solid #00aa9b; /*background:url(../../_img/site/anchor_underline_over.gif) repeat-x left bottom;*/}
.link_related:hover		{ bottom:16px; border-bottom:2px solid #00aa9b; /*background:url(../../_img/site/anchor_underline.gif) repeat-x left bottom;*/}
.rubric .link_related			{ bottom:12px;}
.rubric .link_related:hover		{ bottom:11px;}
.content .link_related			{ position:static;}
.content .rubric .link_related	{ position:absolute;}

.link_button_cont		{ width:100%; height:40px; margin-bottom:15px;}
.link_button_cont div	{ float:right;}
.link_button			{ float:left; background:url(../_img/site/link_button.gif) no-repeat 100% -36px; position:relative; z-index:2; display:block; height:37px; padding:0 20px 0 0; color:#fff; border:none; width:auto; font-weight:bold; font-size:13px;}
.link_button span		{ float:left; background:url(../_img/site/link_button.gif) no-repeat 0 0; display:block; padding:9px 0 9px 20px; width:auto; cursor:pointer;}
.link_button:hover		{ color:#fff; background:url(../_img/site/link_button.gif) no-repeat 100% -110px; border:none;}
.link_button:hover span	{ color:#fff; background:url(../_img/site/link_button.gif) no-repeat 0 -74px; border:none;}

p a						{ text-decoration:underline; color:#3d3d3d; border:none; background:none;}
p a:hover				{ text-decoration:none; border:none; background:none;}

li.pdf					{ background:url(../_img/site/pdf.gif) no-repeat left 1px; padding-left:28px; margin:0 0 5px 13px;}
/* /anchor Definitionen */
.filial_box				{ background:url(../_img/site/filialen_box.gif) no-repeat 0 0;padding:3px 5px; float:left; margin-bottom:20px; width:100%; height:95px;}
.filial_box h3, .filial_box_right	{ color:#fff; float:left; width:278px; margin-bottom:0;}
.filial_box_head		{ margin-bottom:10px; display:block; width:100%; height:15px;}
.filial_box_right		{ font-weight:bold; text-align:right;}
.filial_box_cont		{ float:left; width:186px;}
.filial_box_cont p		{ margin-bottom:2px;}
/* typo definitionen */
#header a				{ background:none; border:none;}
.teaser_top h2			{ padding:18px 15px; line-height:28px;}
.tt_1, .tt_2, .tt_3		{ color:#fff;}
.tt_1 .tt_1_img,.tt_2 .tt_2_img			{ margin:0 5px;}
.teaser_top .tt_1		{ font-size:14px; margin-bottom:23px; display:block;}
.teaser_top .tt_2		{ font-size:24px; display:block;}
.teaser_top .tt_3		{ font-size:18px; position:absolute; right:15px; bottom:13px;}
.teaser_top .tt_4		{ font-size:30px; padding-left:4px;}
.teaser_start h2		{ font-size:18px;}
/* /typo definitionen */
.teaser_start .bg_img_1		{ background:url(../_img/content/startseite_teaser/Teaser1.jpg) no-repeat 10px bottom; height:201px;}
.teaser_start .bg_img_2		{ background:url(../_img/content/startseite_teaser/Teaser2.jpg) no-repeat 10px bottom; height:201px;}

#content_footer			{ float:left; width:90%;}
#content_footer li		{ display:inline; float:left; list-style:none; background:none; border:none; margin:0 15px 0 0; padding:0;}
#content_footer li a	{ background:none; color:#3d3d3d; border:none;}
#content_footer li a:hover		{ text-decoration:none;}
#footer					{ text-align:center; color:#808080; font-size:10px; margin-top:5px;}

/* formular */
form div				{ display:block; clear:both; min-height:20px; margin-bottom:10px;}
label					{ float:left; width:210px;}
.form_field_auto		{ width:auto;}
input, select, textarea	{ float:left; margin-left:10px; border:none; border-top:1px solid #7f8d8d; border-left:1px solid #7f8d8d/*#b1b3b4*/; background:#fff; height:19px;}
option					{ padding:0 2px;}
textarea				{ height:100px; width:308px; padding:0 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:10px;}
.form_text_xs			{ width:17px; padding:0 2px;}
.form_text_s			{ width:46px; padding:0 2px;}
.form_text_m			{ width:146px; padding:0 2px;}
.form_text_l			{ width:245px; padding:0 2px;}
.form_text_xl			{ width:308px; padding:0 2px;}
select					{ padding:0 0 0 2px!important;}
.form_radio				{ margin-right:3px; width:auto; position:relative; top:2px; border:none; background:#f4f4f4; height:auto;}
.link_button_box		{ float:left; background:url(../_img/site/link_button_box.gif) no-repeat 100% -36px; position:relative; z-index:2; display:block; height:37px; padding:0 20px 0 0; color:#fff; border:none; width:auto; font-weight:bold; font-size:13px;}
.link_button_box:hover	{ color:#fff; background:url(../_img/site/link_button_box.gif) no-repeat 100% -110px; border:none;}
input.button			{ float:left; background:url(../_img/site/link_button_box.gif) no-repeat 0 0; display:block; padding:9px 0 10px 20px; width:auto; cursor:pointer; border:none; color:#fff; font-weight:bold; top:0; height:37px;}
input.button:hover 		{ color:#fff; background:url(../_img/site/link_button_box.gif) no-repeat 0 -74px; border:none;}
.form_button_box 		{ height:40px; margin:0;}
.span-29 form h2		{ margin-bottom:15px;}
.form_agb_checkbox		{ float:left; width:35px; line-height:13px;}
.form_agb_checkbox input	{ float:left;clear:left;margin:0 0.3em 0 0;}
.form_agb_text			{ float: left; width:490px; padding:0.2em; height: 55px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #c3c3c3; margin:0 0 5px 0; clear:none!important;}
.form_agb_text label	{ font-size:0.65em;line-height:1.7em;padding:0 0.63em 0.63em 0; width:auto;}
/* /formular */

table					{ border-collapse:collapse;}
table.des thead			{ background-color:#00aa9b; color:#fff; font-weight:bold;}
table.des tbody			{ background-color:#f0f0f0;} /*alter Farbwert:#f4f4f4*/
table th, table td		{ padding:3px 10px 3px 0; vertical-align:top;}
table.des th			{ border-left:1px solid #91cec3; padding:3px 10px;}
table.des td			{ border-left:1px solid #9c9d9f; padding:3px 10px; border-top:1px solid #9c9d9f;}
table.des .t_one		{ border-left:none;}
table.des .t_ro			{ background:#00aa9b url(../_img/site/corners_box_ro_green.gif) no-repeat top right;}
table.des .t_ru			{ background:#f4f4f4 url(../_img/site/corners_box_ru.gif) no-repeat bottom right;}
table.des .t_lu			{ background:#f4f4f4 url(../_img/site/corners_box_lu.gif) no-repeat bottom left;}
table.des .t_lo			{ background:#00aa9b url(../_img/site/corners_box_lo_green.gif) no-repeat top left;}
.t_foot					{ font-size:11px; margin:-10px 0 15px; display:block;}
table.des th a			{ color:#fff; border-bottom:1px solid #fff;}
table.des th a:hover	{ color:#fff; border-bottom:2px solid #fff;}
table th a				{ color:#00aa9b; border-bottom:1px solid #00aa9b;}
table th a:hover		{ color:#00aa9b; border-bottom:2px solid #00aa9b;}

/* exception for for frontend-edit-mode Rubrikseite */
div.rubric_top, /*div.rubric*/	 	{ float:none; display:inline-block;}
.openCmsContentWidthX .filial_box	{ float:none;}
.span-48 .openCmsEditable			{ float:left;}
/* /exception for for frontend-edit-mode Rubrikseite */

/* Formular-Validierung */
#commentForm label.error				{ position:absolute; right:-15px; top:8px; padding:5px; width:200px; font-size:12px!important; font-weight:bold!important; background:#fff; margin:0; border:1px solid #ccc!important; clear:both; color:red; display:block;}
* html #commentForm label.error				{ position:absolute!important; right:-15px!important; top:8px!important; padding:5px!important; width:200px!important; font-size:12px!important; font-weight:bold!important; background:#fff; margin:0; border:1px solid #ccc!important; clear:none!important; color:red; display:inline!important;}
* + html #commentForm label.error				{ position:absolute!important; right:-15px!important; top:8px!important; padding:5px!important; width:200px!important; font-size:12px!important; font-weight:bold!important; background:#fff; margin:0; border:1px solid #ccc!important; clear:none!important; color:red; display:inline!important;}
* html #commentForm .error				{ padding:0 2px;}
* + html #commentForm .error			{ padding:0 2px;}
* html #commentForm label.error			{ display:none!important;}
/* * + html #commentForm label.error		{ right:360px; top:295px;}*/
* + html #commentForm label.error		{ right:360px; top:295px;}
#commentForm .error						{ border-top:1px solid red!important;border-left:1px solid red!important;}
#commentForm input.error[checkbox]		{ padding:1px; background:red;}	
#commentForm .checkbox_required label.error				{ float:left; font-size:10px !important; left:0; margin:42px 0 20px 32px; position:relative; top:8px; width:200px;}
* html #commentForm .checkbox_required label.error		{ width:150px; margin:0 0 0 0; position:absolute; top:-25px;}
* + html #commentForm .checkbox_required label.error	{ display:none!important;}
/* Sitemap */

.boxM ul				{ margin-left:30px;} 
.boxM ul li ul			{ margin-left:52px; margin-top:5px;}
.box_top p.prepend-2	{padding-left:0;}
.box_top p.large, .box_top p.large a		{font-size:13px; font-weight:bold; text-align:center;}
.legend 				{font-size:11px; display:block; font-size:11px; line-height:14px; margin:0 0 15px;}