/*-----------------------------------------------------------------------------
Screen Stylesheet

Version:   1.0
Datum:     03.11.2010
Website:   Leberhilfe.org
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

html, body { font: 16px verdana, Helvetica, sans-serif; }

body {
	font-size: 0.8em;
	color: #414141; 
	background: #e7f5f6;
}

.clearer {clear:both;}

a,
a:visited {
	color: #414141;
	text-decoration:underline;
}

a:hover,
a:active {
	color: #cc0000;
	text-decoration:none;
}

#container UL LI{
	background: transparent url("lh_org_template/lh_bullit.gif") left 5px no-repeat;
	padding-left: 15px;
	list-style: none;
	font-weight: bold;
}

#container UL LI A{
	text-decoration: none;	
}

#container #main UL LI{font-weight: normal;background-position: left 6px;}

#container .flexslider UL LI{
	background: transparent;
	padding-left: 0px;
	list-style: none;
	font-weight: bold;
}

#container .ce_jedoFlexSlider .slider-wrapper{
	padding-top: 0;
}

#container .ce_jedoFlexSlider .flexslider{
	border: 0;
}

#container .ce_jedoFlexSlider .flexslider UL,
#container .ce_jedoFlexSlider .flexslider OL{
	margin-left: 0;
}

.ce_jedoFlexSlider .flexslider .slides LI{
	text-align: center;
}

.ce_jedoFlexSlider .flexslider .slides img{
	display: inline-block;
}

#wrapper h1 {font-size: 2em; margin-bottom:1em; font-weight:normal; color:#cc0000; line-height: 1.3em;}
#wrapper h2 {font-size: 1.5em; margin-bottom:0.5em; margin-top: 0.2em; color:#cc0000; font-weight:normal; line-height: 1.3em; }
#wrapper h3 {font-size: 1em; margin-bottom:0.5em; margin-top: 0.2em; font-weight:bold; line-height: 1.3em;}

/* Abstände der Elemente */
/*-----------------------------------------------------------*/
#wrapper p, #wrapper table, #wrapper ul {margin-bottom:1em; line-height:1.5em;text-align:left;}

#main UL { list-style-type: disc; list-style-position: outside; margin-left: 16px; margin-bottom:1em;}
#main OL { list-style-type: decimal; list-style-position: outside; margin-left: 32px; margin-bottom:1em;}
#main li { margin-bottom:1em;}

/* Layout
-----------------------------------------------------------------------------*/

#wrapper{
	background: #FFF none;
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	margin: 0 auto;
}

#wrapper #main{
	margin-left: 0;
	margin-right: 0;
}

/* Head */

#header{
	height: 155px;
}
#logo {
	position:absolute;
	top:12px;
	left:32px;
	width: 427px;
	height: 73px;
}

/* Linke Spalte */
#left .inside {margin-left:14px; margin-right:8px;}
#left {
	height: auto !important;
	min-height: 550px;
	font-size:0.85em;
	color: #6D747E;
	float: left;
}

#left a, #left a:visited {
	color: #6D747E;
}

#left a:hover, #left a:active {
	color: #cc0000;
}

/* Extranet Login */
.mod_login {
	background-color: #f0f2f4;
	padding:10px;
	margin-bottom:10px;
}
.mod_login .label{margin:4px 0 1px 0;}
.mod_login .submit_container{margin-top:8px;margin-bottom:4px;}
.mod_login #username, .mod_login #password {width:130px;}

/* Hauptspalte */
#wrapper #main {font-size: 0.9em; float: left; width: 559px;}
#main .mod_article {
	padding: 20px 30px;
}

#main #jumper { margin-bottom:15px;}

/* Rechte Spalte */

.ce_lightboxmodule H6,
.ce_lightboxtext H6,
.infobox-head{
	height: 28px;
	line-height: 28px;
	font-size: 1.4em;
	color: #FFF;
	padding: 5px 10px;
/*	background-color: #708390;*/
	background-color: #009999;
	font-weight: normal;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.ce_lightboxmodule a:visited{
	color: #6D747E;
}

.ce_lightboxmodule .caption{
	margin-top: 10px;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: none;
}

.ce_lightboxmodule a:-webkit-any-link{
	text-decoration: none;
}

.ce_lightboxmodule .caption:hover{
	text-decoration: none;
}

.ce_lightboxmodule .caption:after{
	content: '\00000aWeiter lesen...';
	display: block;
	font-weight: normal;
	margin-top: 5px;
	text-decoration: underline;
}

#mbImage A{
	color: #FFF;
}

#mbImage .image_container{
	display: none;
}

#mbImage .ce_text .image_container{
	display: block;
}

#mbImage .mod_module_richtext H2{
	margin-bottom: 10px;
}

body div#mbCenter{
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #333333;
}

.ce_lightboxmodule .caption:after:hover{
	color: #FF0000;
}

.ce_lightboxmodule H6,
.infobox-head.orange{
	background-color: #BF0208;
}

.infobox-head.gruen{
	background-color: #00cc00;
}

#right .inside {margin-right:14px; margin-left:10px;}
#right, #right h2 { font-size:0.85em; color: #6D747E;}
#right h2 { font-weight: bold;}

.ce_lightboxmodule .image_container,
.ce_lightboxtext .image_container,
.infobox, .layout_short {
	background-color: #efefef;
	padding:10px;
	margin-bottom:10px;
}
.infobox_short {background: #ffffff url("lh_org_template/lh_infobox_short_bg.gif") top left no-repeat; padding:10px; margin-bottom:10px;}

#right a, #right a:visited {
	color: #6D747E;
}

#right a:hover, #right a:active {
	color: #cc0000;
}

/* more link */

#right .more a{
	background: transparent url("lh_org_template/lh_bullit_blau.gif") left 4px no-repeat;
	padding-left: 15px;
	color: #015fa8;
	text-decoration: none;
}


/* Footer */
#footer {
	font-size: 0.8em;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #CDCDCD;
}
#footer p{text-align: center;margin-bottom: 0.75em;}

#footer .mod_customnav .level_1{
	text-align: center;
}

#footer .mod_customnav .level_1 SPAN,
#footer .mod_customnav .level_1 A{
	padding: 0 9px;
	background-position: left 4px !important;
	background: transparent url("lh_org_template/lh_footer_dotted.gif") left 3px no-repeat; /* gestrichelte linie fŸr den ie6 */
	text-decoration: none;
	position: relative;
	top: -1px;
}

#footer .mod_customnav .level_1 .first{
	background-image: none;
}

#footer .mod_customnav .level_1 .active{
	color: #CC0000;
}

/* Funktionen unter Text */
#funktionen-textbereich{
	text-align: center;
	font-size: 1em;
	color: #333;
	padding: 10px 30px;
}

#funktionen-textbereich A{
	text-decoration: none;
	color: #333;
}

#funktionen-textbereich IMG{
	margin-right: 4px;
	vertical-align: baseline;
}

#funktionen-textbereich .spacer{
	margin-left: 40px;
}

/* Suche */
span.highlight {background: #FFFF77;}

/* Schnellsuche */
#schnellsuche {
	background-color: #f0f2f4;
	padding:10px;
}

/* Kontaktformulare */

#main Form  { background-color:#EFEFEF; padding:10px;}
#main Form td {padding:2px;}
#main Form input, #main Form select  {padding:2px;}


/* bestellformular */
#main #bestellformular span { display:block;}
#main #bestellformular span.mandatory { display:inline;}
#main #bestellformular .col_last { white-space:nowrap;}



#main #neue-frage span { display:block;}
#main #neue-frage span.mandatory { display:inline;}

/* Direktes Feedback in der rechten Spalte */

#right #f55 { background-color:#EFEFEF; padding:10px;}
#right #f55 #ctrl_696 { margin-bottom: 5px;}
#right .captcha_text { display: block;}

/* Homepage Anpassung */
/* #################################################### */
.page-id-347 #left, .page-id-347 #main,
.page-id-759 #left, .page-id-759 #main  { padding-top:178px;}

#schmuckbild_home {	
	display:none;
	position:absolute;
	top:155px;
	margin-left: 14px;
	margin-right: 263px;
	width: 727px;
	height: 169px;
	}

.page-id-347 #schmuckbild_home,
.page-id-759 #schmuckbild_home {
	display:block;
	}


/* EM Schriftgrößen Reset */
/*-----------------------------------------------------------*/
#wrapper li h3,
#wrapper li p,
#wrapper li a,
#wrapper p a,
#wrapper td a,
#wrapper td p,
#wrapper td h2,
#wrapper td h3,
#wrapper ul li,
#wrapper h3,
#right h2   {font-size: 100%;}

/* Funktionen unter Navigation */

#links_unter_navigation{
	margin-left: 10px;
}

#links_unter_navigation UL LI{
	background: transparent url('lh_org_template/lh_bullit_hellgrau.gif') left 5px no-repeat;
	padding-left: 9px;
	font-size: 1em;
	font-weight: normal;
}

#links_unter_navigation UL LI A{
	text-decoration: none;
}

#last_change{
	font-size: 0.85em;
	margin-left: 10px;
}
	
/* Navigation */
/* #################################################### */

.navi ul, .navi li{	list-style: none; margin: 0; padding: 0;}
.navi li{display: block; float: left;}


/* Metanavigation */

#topnav {
	float:right;
	font-size:0.85em;
	margin-right:15px;
	position:relative;
	top: 9px;
}
#topnav li {display: block;	float: left;}
#topnav a, #topnav span {padding: 0 0.5em; text-decoration: none; border-left: 1px solid #ccc;}
#topnav li:first-child a, #topnav li:first-child span{border-left: none;}
#topnav li.first a, #topnav li.first span {border: none;}

.mod_navigation a.trail,
.mod_navigation .level_1 .active span{
	color:#FFFFFF;
	text-decoration: none;
	}

/* TOPNAVIGATION */

#nav { 	position:absolute;
	left:14px;
	top:110px;
	width:977px;	
	height:30px;
	font-size: 1em;
	overflow: hidden;
	background: #EFEFEF;
	border-bottom: 3px solid #F90000;
}

#nav ul li{line-height: 30px;}

#nav .left{
display: none;
}

#nav .item{
	float:left;
	position:relative;
}

#nav ul.level_1{
	height: 30px;
	margin-bottom: 0px;
}
	
#nav a, #nav span {
	display:block;
	text-decoration:none;
	padding: 0 9px;
	height: 30px;
	line-height: 30px;
}

#nav li.active,#nav li.trail{
	background: #F90000;

}
#nav li.active .item,#nav li.trail .item{color:#FFFFFF;}

/* Navigation Links */

#subnav{background: #efefef; margin-bottom: 10px; padding: 5px 5px 5px 5px; width: 147px; border-left: 3px solid #F90000;}
#subnav ul.level_1{margin:0;}
#subnav li{display: block; float: none; width: 100%;}
#subnav a,#subnav span{display:block;text-decoration:none; font-weight: normal;}

#container #subnav ul{
	margin-bottom: 0;
}

#container #subnav ul li{
	background: transparent;
	padding: 2px 0;
}

#subnav ul li .active,
#subnav ul li a.trail{
	font-weight: bold;
}

/* Subnav - Levels */
#subnav .level_1 a,
#subnav .level_1 span
{

	padding-left: 4px;
}

#subnav .level_2 {
	margin-bottom: 0.5em;	
}

#subnav .level_2 a,
#subnav .level_2 span
{
	padding-left: 15px;
	background: transparent url('lh_org_template/nav_bullit.gif') 6px 6px no-repeat;
}

#subnav .level_3 a,
#subnav .level_3 span
{
	padding-left: 25px;
	background: transparent url('lh_org_template/nav_bullit.gif') 16px 6px no-repeat;
}

#subnav .level_4 a,
#subnav .level_4 span
{
	padding-left: 35px;
	background: transparent url('lh_org_template/nav_bullit.gif') 26px 6px no-repeat;
}

#subnav .level_5 a,
#subnav .level_5 span
{
	padding-left: 45px;
	background: transparent url('lh_org_template/nav_bullit.gif') 36px 6px no-repeat;
}


#subnav .level_1 a.trail,
#subnav .active span
{
	color: #cb2c16;
}

#subnav ul.level_2 li.active
{
	color: #cb2c16;
}

/* Fontsizer */

#fontsizer{
	position: absolute;
	top: 70px;
	right: 12px;
	font-size: 0.8em; 	
}

#fontsizer .title{
	position: relative;
	bottom: 13px;
}

#fontsizer IMG{
	padding: 0px;
	margin: 0px;
}

/* Adressen */

.mod_cataloglist .total{
	display: none;
}

.mod_cataloglist .item{
	width: 100%;
	display: block;
	padding: 10px;
	margin: 0 0 5px 0;
}

.mod_cataloglist .even{
	background: #ddd;
}

.mod_cataloglist .field .label{
	float: left;
	display: block;
}

.mod_cataloglist .field .value{	
	display: block;
	font-weight: bold;

	margin-left: 120px;
}

#main .mod_cataloglist .pagination p{
	width: 130px;
}

#main .mod_cataloglist .pagination ul{
	width: 350px;
	margin: 0px;
	text-align: right;
}	

#main .mod_cataloglist .pagination ul LI{
	list-style: none;
	margin-left: 3px;
	padding: 0px;
	background-image: none;
}

#main .mod_cataloglist .pagination ul LI .current{
	font-weight: bold;
	border: 1px solid #000;
}

#main .mod_catalogfilter .filter_group .widget{
	float: left;
	margin-right: 10px;
}


#main .search_group {
	padding: 10px;
	background-color: #EFEFEF;
	
	}

#main .mod_catalogfilter .search_group H1{
  font-weight:bold;
	margin-bottom:0.5em;
	margin-top:0.2em;
	font-size: 100%;
}

#main .mod_catalogfilter .search_group FORM{
	padding: 0px;
}

#main .mod_catalogfilter .search_group FORM  INPUT.text{
	height: 15px;
	width: 120px;
	padding: 0px;
	margin: 0px;
	margin-top: -2px;
}

#main .mod_catalogfilter .search_group FORM  INPUT.submit{
	height: 25px;
	width: 60px;
}

.mod_catalogfilter .clearall{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 30px;	
}

.mod_catalogfilter .clearall a {
	font-weight:bold;
	padding:5px;
	border: 1px solid #cccccc;
	
}




/* STANDARD
########################################################################################## */

div.error,p.error{margin:0;padding:2px 0 0 0;color:#ff0000;}
.mod_article .back{margin-top:18px;}
.mod_article .more{display:inline;}
.mod_breadcrumb{margin-bottom:24px;padding:5px 3px 7px 3px;background-color:#ece4d9;}
.ce_gallery .caption{color:#999999;}
.mod_article .pdf_link{margin-bottom:-14px;text-align:right;}
.mod_article .pdf_link a{position:relative;padding:1px;background-color:#bbbbbb;text-decoration:none;color:#ffffff;}
.mod_article .pdf_link a:hover{background-color:#dddddd;text-decoration:none;color:#ffffff;}
.mod_lostPassword{margin:24px;}
.mod_lostPassword td{padding-right:6px;padding-bottom:3px;}
.mod_lostPassword .text,.mod_lostPassword .password{width:210px;}
.mod_lostPassword .captcha{width:40px;}
.mod_lostPassword .captcha_text{color:#666666;}
.ce_list ul{margin:0;padding:0;}
.ce_list li{margin:0 0 0 22px;padding:0;line-height:16px;}
* html .ce_list li{margin-left:26px;}
.ce_accordion{margin-left:0px; border: 1px solid #cccccc;}
.toggler{padding:1px 0 2px 0;}
.toggler_first{color:#a84204;}
.toggler_first:hover{text-decoration:underline;color:#a84204;cursor:pointer;}
.accordion div{padding:6px 0 8px 15px;line-height:16px;}


#request_password{margin:0 5px;padding:0 5px 10px 6px;background-color:#ece4d9;}
#request_password a{color:#999999;}

.mod_search{margin-top:3px;}
.mod_search .text{width:240px;}
html>body .mod_search .radio_container{margin-top:3px;}
*:first-child+html .mod_search .radio_container{margin-top:0;}
.mod_search .radio_container label{left:-2px;top:-2px;position:relative;padding-right:3px;}
.mod_search .header{margin-top:18px;margin-right:5px;margin-bottom:24px;padding-bottom:4px;text-align:right;border-bottom:1px solid #cccccc;}
.mod_search h3{margin:0 0 2px 0;padding:0;}
.mod_search .context{margin:0 5px 3px 0;}
.mod_search .url{margin-bottom:12px;color:#c6ad8d;}
.mod_search .relevance{font-weight:normal; color:#c6ad8d;}
.mod_search .highlight{font-weight:bold;}
table.calendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background-color:#f6f6f6;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar .current{background-color:#ffffcc;}
table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#bbbbbb;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;font-weight:bold; color:#ffffff;}
table.calendar td{width:14%;height:72px;padding:1px;vertical-align:top;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.calendar .weekend{background-color:#f6f6f6;}
table.calendar .today{background-color:#ffffcc;}
table.calendar .empty,table.calendar .empty .header{background-color:#f6f6f6;}
table.calendar td .header{padding-bottom:2px;background-color:#e0e0e0;}
table.calendar td .event a{}
#minicalendar{margin:0 5px 20px 5px;padding:5px 5px 10px 5px;background-color:#ece4d9;}
table.minicalendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
table.minicalendar td{width:14%;padding-top:2px;padding-bottom:3px;text-align:center;background-color:#ffffff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar td,table.minicalendar .active a{}
table.minicalendar .weekend{background-color:#f6f6f6;}
table.minicalendar .today{background-color:#ffffcc;}
table.minicalendar .label{padding-top:2px;padding-bottom:3px;text-align:center;background-color:#c3c3c3;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc; color:#ffffff;}
table.minicalendar .head{padding-top:3px;padding-bottom:4px;text-align:center;background-color:#f9f9f9;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
table.minicalendar .current{background-color:#ffffcc;}
.mod_eventlist{margin-right:6px;}
.mod_eventlist .header{padding:3px 6px 4px 6px;background-color:#e6e6e6;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;font-weight:bold;}
.mod_eventlist .header.first{border-top:1px solid #cccccc;}
/* .mod_eventlist .event{padding:10px 6px 12px 6px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;}*/
.mod_eventlist .event {background: #ffffff url("lh_org_template/lh_infobox_bg.gif") top left repeat-x; padding:20px 10px 30px 10px; margin-bottom:10px;}
.mod_eventlist .time{margin-top:-6px;margin-bottom:6px;font-weight:normal;color:#999999;}
.mod_eventreader .info{margin-top:-12px; color:#999999;}
.mod_eventreader .recurring{margin-top:2px; color:#009900;}
.mod_eventreader .ce_text{margin-top:15px;}
.mod_eventreader .back{margin-top:18px;}
.mod_personalData{margin-bottom:36px;}
.mod_personalData fieldset{width:400px;display:block;margin:12px 0 24px 0;padding:12px;}
* html .mod_personalData fieldset{margin-top:-12px;}
*:first-child+html .mod_personalData fieldset{margin-top:-12px;}
.mod_personalData legend{color:#0000e6;}
* html .mod_personalData legend{margin-top:-12px;padding:12px 4px 12px 0;}
*:first-child+html .mod_personalData legend{margin-top:-12px;padding:12px 4px 12px 0;}
.mod_personalData .submit_container{width:428px;text-align:right;}
* html .mod_personalData .submit_container{width:434px;}
*:first-child+html .mod_personalData .submit_container{width:434px;}
.mod_personalData td{width:160px;padding:2px 6px 2px 0;}
* html .mod_personalData td{padding:1px 6px 1px 0;}
.mod_personalData .text,.mod_personalData .password{width:200px;}
.mod_personalData select{width:204px;}
* html .mod_personalData select{width:206px;}
*:first-child+html .mod_personalData select{width:206px;}
.ce_table{margin-top:24px;margin-bottom:24px;border-left:1px solid #cccccc;}
.ce_table td{padding:2px 8px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
*:first-child+html .ce_list li{margin-left:26px;}
.ce_table th{padding:2px 8px;background-color:#e6e6e6;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.ce_table th a{color:#000000;}
.pagination li{display:inline;margin:0;padding:0;list-style-type:none;}
#tps td{padding:2px 4px;}
.pagination{margin-top:22px;padding-top:4px;border-top:1px solid #ece4d9;}
#tps .col_0{width:80px;}
.pagination p{width:160px;float:left;padding-right:3px;padding-left:3px;text-align:left;}
#tps .explanation{padding-bottom:24px;}
.pagination ul{width:240px;float:right;margin:0;padding:0 3px;text-align:right;}


/* button
########################################################################################## */

.button {
	padding: 5px 10px;
	display: inline;
	background: #73838F;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	display: block;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,.4), inset -1px -1px 0 rgba(0,0,0,.2);
}
	
a.button {
	text-decoration: none;
	color: #FFFFFF;
	}

.button:hover {
	background-position: 0 -48px;
	}
.button:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 6px 10px 4px;
	}
.button.red { background-color: #CB2C16; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

/* Contao 2.10 */
/* ----------- */
/* Fieldset und Legend ausblenden */
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

fieldset legend {
	display: none;
}

.mobile-navigation.block{
	display: none;
}

#container #main .grid{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

#container #main .grid LI{
	margin: 0;
	padding: 0;
	background: none;
}

#container #main .grid LI{
	float: left;
	width: 124px;
	height: 183px;
}

#container #main .grid LI A{
	margin: 10px;
	position: absolute;
	width: 104px;
	height: 159px;
	overflow: hidden;
	transition: all .3s linear;
}

#container #main .grid LI A.active,
#container #main .grid LI A:hover{
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-o-transform: scale(1.8);
	transform: scale(1.8);
	z-index: 10;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

#container #main .grid LI A:hover{
	z-index: 11;
}

#container #main .grid LI A IMG{
	display: block;
	width: 100%;
}

#container #main .grid LI:last-child{

}

/* Responsive */
/* @media only screen and (max-width: 480px) { */
@media only screen and (max-width: 800px) {
	#mbImage .ce_text .image_container{
		width: 50%;
	}

	#container #main .grid LI A.active,
	#container #main .grid LI A:hover{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		z-index: 0;
		
	}
	
	#container #main .grid{
		
	}
	
	#container #main .grid LI{
		display: block;
		width: 50%;
	}
	
	#container #main .grid LI A{
		margin: 10px auto;
	}
	
	#container #main .grid LI A IMG{
	}
	

	#wrapper{
		border-radius: 0;
		box-shadow: none;
		margin: 0 0 20px 0;
		width: auto;
	}
	
	#wrapper #schmuckbild_home{
		display: none;
	}
	
	#wrapper #left, #wrapper #right{
		float: none;
		width: auto;
		padding-top: 0;
		min-height: 0;
	}
	
	#wrapper #right{
		clear: both;
		padding-top: 20px;
	}
	
	#wrapper #main{
		width: auto;
		margin: 0;
		padding-top: 0;
		float: none;
	}
	
	#wrapper #left .infobox-head,
	#wrapper #left .infobox,
	#wrapper #left #links_unter_navigation,
	#wrapper #left .mod_login,
	#wrapper #left #last_change,
	#wrapper #left .mod_module_richtext{
		display: none;
	}
	
	#main .mod_article{
		padding: 20px 10px;
	}
	
	#logo{
		left: 60px;
		width: 240px;
		height: auto;
	}
	
	#header{
		position: fixed;
		background-color: #FFF;
		top: 0;
		left: 0;
		right: 0;
		height: 70px;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.51);
		z-index: 10;
	}
	
	#container{
		margin-top: 70px;
	}
	
	#nav {
		top: 65px;
	}
	
	#topnav{
		display: none;
	}
	
	#logo img{
		width: 100%;
		height: auto;
	}
	
	#footer{
		height: auto;
		padding: 10px;
	}
	
	#fontsizer{
		display: none;
	}
	
	IMG{
		max-width: 100%;
		height: auto;
	}
	
	#nav {
		display: none;
		position:absolute;
		left: 0;
		top:70px;
		width: 100%;
		height:30px;
		font-size: 1em;
		overflow: hidden;
		background: #EFEFEF;
		border-bottom: 3px solid #F90000;
	}
	
	#nav ul li{line-height: 30px;}
	
	#nav .item{
		float:left;
		position:relative;
	}
	
	#nav ul.level_1{
		height: 30px;
		margin-bottom: 0px;
	}
		
	#nav a{
		display: none;
	}
	
	#nav span {

	}
	
	#nav li.active,#nav li.trail{
		background: #F90000;
	}
	#nav li.active .item A,#nav li.trail .item A{
		display: block;
	}
	
	/* Navigation Links */
	
	#subnav{
		display: none;
		position: absolute;
		top: -17px;
		left: -14px;
		height: 30px;
		background: #efefef; margin-bottom: 0; padding: 0 11px 0 11px; width: 100%; border-left: 0;
	}
	
	#subnav ul.level_1{margin:0;}
	#subnav li{display: block; float: none; width: 100%;}
	#subnav a{
		display: none;
	}
	#subnav span{display:block;text-decoration:none; font-weight: normal;}
	
	#container #subnav ul li{
		background: transparent;
		padding: 2px 0;
	}
	
	#subnav ul li .active,
	#subnav ul li a.trail{
		font-weight: bold;
	}
	
	.mobile-navigation.block{
		display: block;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		bottom: 0;
		background-color: #333a3f;
		box-shadow: inset -5px 0px 8px rgba(0,0,0,0.44);
		overflow: auto;
		font-size: 0.9em;
	}
	
	.mobile-navigation li{
		position: relative;
	}
	
	.mobile-navigation li ul{

	}
	
	.mobile-navigation a,
	.mobile-navigation li span{
		color: #a6a6a6;
		display: block;
		padding: 7px 10px;
		border-bottom: 1px solid #262d30;
		border-top: 1px solid #384047;
		text-decoration: none;
	}
	
	.mobile-navigation li.active .active{
		/* color: #F90000; */
		background-color: #F90000;
	}
	
	.mobile-navigation .expand{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 28px;
		font-size: 20px;
		color: #a6a6a6;
		cursor: pointer;
	}
	
	.mobile-navigation UL UL a,
	.mobile-navigation UL UL LI span{
		padding-left: 30px;
	}
	
	.mobile-navigation UL UL UL a,
	.mobile-navigation UL UL UL LI span{
		padding-left: 50px;
	}
	
	.mobile-navigation UL UL UL UL a,
	.mobile-navigation UL UL UL UL LI span{
		padding-left: 60px;
	}
	
	.mobile-navigation UL UL UL UL UL a,
	.mobile-navigation UL UL UL UL UL LI span{
		padding-left: 70px;
	}
	
	.mobile-navigation UL UL UL UL UL UL a,
	.mobile-navigation UL UL UL UL UL UL LI span{
		padding-left: 80px;
	}
	
	#opener{
		position: fixed;
		top: 17px;
		left: 8px;
		height: 27px;
		width: 30px;
		background-color: #F90000;
		z-index: 20;
		border: 4px solid #FFF;
		box-shadow: 0px 0px 2px rgba(0,0,0,0.54);
	}
	
	#opener:before{
		content: "";
		height: 5px;
		position: absolute;
		top: 6px;
		left: 0px;
		right: 0px;
		background-color: #FFF;
	}
	
	#opener:after{
		content: "";
		height: 4px;
		position: absolute;
		bottom: 6px;
		left: 0px;
		right: 0px;
		background-color: #FFF;
	}
	
	.formbody{
		
	}
	
	.formbody table{
		display: block;
	}
	
	.formbody tr{
		display: block;
	}
	
	.formbody td{
		display: block;
	}
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}