/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/*     --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; text-rendering: optimizeLegibility;}
#wrapper *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#colorbox *, #wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
html {-webkit-font-smoothing: antialiased}
   
/*     --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}

/*     --lightbox link höhe
------------------------------------------------- */
.image_container a {line-height: 0;}

/*     --lightbox width
------------------------------------------------- */ 
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/*     --clearings + defaults
------------------------------------------------- */
.inside{position:relative;text-align:left}
.block{overflow:hidden}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block;text-align:left}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+html #main{position:static}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
#container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/*     --icon-font
------------------------------------------------- */
body[class^="icon-"]:before,
body[class*="icon-"]:before,
.ce_list[class^="icon-"]:before,
.ce_list[class*="icon-"]:before,
.mod_navigation li[class^="icon-"]:before,
.mod_navigation li[class*="icon-"]:before {content: '';}
.i-code {display: none;}

/*     --chromeframe
------------------------------------------------- */
#chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;}

/*     --license-tracking
------------------------------------------------- */
#license-tracking {display: none;}


/* =============================================================================
 * columns for better content separation -responsive
 * ========================================================================== */

.full       		{overflow: hidden; margin-left: 0; width:100%; float:left;	position:relative;}
.one_half			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.one_third			{overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
.two_third			{overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;} 
.one_fourth			{overflow: hidden; margin-left: 4%; width:22%; float:left; 	position:relative;}
.two_fourth			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.three_fourth		{overflow: hidden; margin-left: 4%; width:74%; float:left; 	position:relative;}
.one_fifth			{overflow: hidden; margin-left: 5%; width:16%; float:left;	position:relative;}
.two_fifth			{overflow: hidden; margin-left: 4%; width:37%; float:left;	position:relative;}
.three_fifth		{overflow: hidden; margin-left: 4%; width:57%; float:left; 	position:relative;}
.four_fifth			{overflow: hidden; margin-left: 4%; width:79%; float:left; 	position:relative;}

.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0!important; clear: left;}

.one_third.margin_left {padding-left:20px}

.colored_bg {background-color:#E0A137; padding:0 20px 10px 20px}
.colored_bg h1 {color:#fefdfb}
.colored_bg p {color:#fefdfb}
.colored_bg a {color:#fefdfb!important}

.spacer {clear:both;height:20px}
.small_spacer {clear:both;height:5px}
/* =============================================================================
 * general styles & page setup
 * ========================================================================== */

a {color: #E0A137; text-decoration: none;}
#main a[target="_blank"]::before {font-family: "icons"; content: "\e8f3"; display: inline-block; margin-right: 5px;}
#main a:hover {text-decoration:underline}
#main p {margin:0.8em 0}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
iframe {max-width: 100%;}
#container .image_container img {}
code, pre {font-family: monospace;}
hr {padding: 0; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0;}

/*     --divider/border for ce_elements
------------------------------------------------- */
.border-top {border-top: 1px solid #ccc; padding-top: 20px;}
.border-bottom {border-bottom: 1px solid #ccc; padding-bottom: 20px;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {sans-serif; padding: 0em 0 0.4em 0; }
h1 {font-size: 30px; line-height:30px;border-bottom: 1px solid #EDEDED; margin-bottom: 0.4em; padding: 0.25em 0 0.4em 0;}
#home h1 {padding-top:0.7em}
h2 {font-size: 1.375em; padding:1em 0 1em 0;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
h1, h2, h3, h4, h5, h6  { font-family:'Oswald',sans-serif;font-weight:normal}
h2, h3, {color:#E0A137};
h1,h4,h5,h6,.color {color: #4c4743;}
h1, h2 {color: #4c4743;}
#slider_text {
	width: 100%;
}

#slider_text h1 {
	padding: 10px 0 10px 30px;
	font-family:'Cambo';
	color: #333333;
}

#slider_text2 {
	width: 35%;
}
#slider_text2 p {
	width: 100%;
	height:auto;
	overflow:visible;
}

#slider_text2 h1 {
	padding: 10px 0 10px 0px;
	font-family:'Cambo';
	color: #333333;
}
@media only screen and (max-width: 767px) {
#slider_text h1 {
	font-size:20px;
	padding: 3px 0 3px 20px;
}
}



/*     --h1-h6 as divider
------------------------------------------------- */
.divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6, h1.divider, h2.divider, h3.divider, h4.divider, h5.divider, h6.divider {background: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/title-bg.png) repeat; text-align: center; line-height: 1.1em; margin-bottom: 30px; padding: 0 10px;}
.divider span {background: #FEFDFB; padding: 5px 10px;}
.divider_2 h1, .divider_2 h2, .divider_2 h3, .divider_2 h4, .divider_2 h5, .divider_2 h6, h1.divider_2, h2.divider_2, h3.divider_2, h4.divider_2, h5.divider_2, h6.divider_2 {background: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/title-bg2.png) repeat-x left 59%; line-height: 1.6em; margin-bottom: 30px; border: 0;}
.divider_2 span {background: #FEFDFB; padding: 0 10px 0 0;}

/*     --body
------------------------------------------------- */
body {color: #555; overflow-x: hidden; background-repeat: repeat;background: #312d2a;font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 19px;}
a.information { position:relative;font-size:13px; padding-top:20px; color:#333; text-decoration:underline}

/*     --page-width layout_full
------------------------------------------------- */
#top-container .inside, #header .inside, #container-inside, #footer .inside, .welcome-line .inside  {width: 980px; margin: 0 auto;}
body.layout_full #wrapper {width: 100%;}

/*     --page-width layout_boxed
------------------------------------------------- */
#top-container .inside, #header .inside, #container-inside, #footer .inside { margin: 0 auto;}
#wrapper {
	margin: 0 auto;}
#container-inside {position:relative;background-color:#fefdfb;height:auto}

/*     --top
------------------------------------------------- */
#top-container {background: #F7F5F3; position: relative; z-index: 500;}
body.no_header #top-container {background: none;}

/*     --shadow-top
------------------------------------------------- */
#header #shadow-top {position: absolute; left: 0; top: 54px; z-index: 0; display: none;}
.layout_boxed #header #shadow-top, .home #header #shadow-top {display: block;}
#shadow-top {width: 100%;}

/*     --logo
------------------------------------------------- */
#logo {padding: 30px 0 30px 0px;}

/*     --header
------------------------------------------------- */
#header {position: relative; z-index: 10;box-shadow:0 0 5px #444444}
#header .ce_gallery {overflow: visible;}
#header .mod_article {overflow: visible;}
.full_width_slider #header .inside {width: 100%;}

/*     --header-image
------------------------------------------------- */
#header .image_container {margin: 0;}

#slider{background-color:#E8E5E2;	box-shadow: 0 0 5px #444444;
margin-bottom:30px;} 
#slider .content-slider {padding:40px 60px 40px 60px}
#slider .content-slider {padding:0}
#slider .content-slider h1 {float:left;width:400px;border:none}
#slider .content-slider p {font-size:17px;float:left;width:300px;line-height:26px}
.slider_inhalt {}
/*     --layerslider-arrows
------------------------------------------------- */
.tp-rightarrow.default {background: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/large_right.png) no-repeat!important; width: 35px!important; height: 55px!important;  right: 0!important;}
.tp-leftarrow.default {background: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/large_left.png) no-repeat!important; width: 35px!important; height: 55px!important; left: 0!important;}
.tp-leftarrow:hover,.tp-rightarrow:hover {background-position:bottom left!important;}
.tp-bullets.simplebullets.round .bullet {background: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/bullet.png) no-repeat top left!important;}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected	{background-position:bottom left!important;} 

 /*     --contao content slider
------------------------------------------------- */
#slider {width:980px}
#slider.inside {margin:0; padding:0}
#slider.mod_article .inside {position:relative;padding:0px; margin:0}
.slider-control	{position:static!important; height:0!important;}
.slider-control a {top: 50%!important; opacity: 0.7; margin-top: -25px!important;}
.slider-control a:hover {opacity: 1;}
.slider-prev {background: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/arrow-prev.png) left top no-repeat; text-indent: -9999em; display: block; width: 35px; height: 55px;}
.slider-next {background: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/arrow-next.png) left top no-repeat; text-indent: -9999em; display: block; width: 35px; height: 55px;}
.slider-menu {bottom: 0; top: auto!important; font-family: Arial, sans-serif;}
.slider-menu b {margin: 0 2px!important;}
.ce_sliderStart {position: relative!important;}

 /*     --contao content slider in header_after
------------------------------------------------- */
#header .content-slider {margin: 0;}
#header .slider-control .slider-prev {left: 15px;}
#header .slider-control .slider-next {right: 15px;}
#header .slider-menu {bottom: 20px;}
.rsts-skin-default.rsts-type-fade .rsts-slide {
    background-color: #E8E5E2!important;
}
.rsts-caption {
    visibility:hidden;
}
#slider h1 {border:none}
#slider p {font-size:1.3em; line-height:1.5em}

/*     --socials
------------------------------------------------- */
#socials {position: absolute; right: 0; top: 35px;}
body.no_header #socials {right: 0!important;}
body.layout_boxed #socials {right: 20px;}
#socials a {display: inline-block; margin-left: 2px;}
#facebook:before {font-family: "icons"; content: '\f308'; font-size: 30px;}
a:hover#facebook:before {color: #3B5997;}
#twitter:before {font-family: "icons"; content: '\f304'; font-size: 30px;}
a:hover#twitter:before {color: #0199D1;}
#linkedin:before {font-family: "icons"; content: '\f30c'; font-size: 30px;}
a:hover#linkedin:before {color: #005886;}
#youtube:before {font-family: "icons"; content: '\f313'; font-size: 30px;}
a:hover#youtube:before {color: #962521;}
#vimeo:before {font-family: "icons"; content: '\e972'; font-size: 30px;}
a:hover#vimeo:before {color: #42BBFF;}


/*     --container
------------------------------------------------- */
#container {clear: both; background: #f7f5f3 ; padding: 35px 0 35px 0; margin: 0 auto; position: relative;}

/*     --main
------------------------------------------------- */
#main .mod_article {margin:0px 0}
#main .mod_article .inside {position:relative;padding:30px 30px 30px 30px;}
#main .mod_article .inside {position:relative;padding:30px 30px 30px 30px;}
#main #aktuelles .mod_article .inside {padding:0!important}


/* =============================================================================
 * sidebars
 * ========================================================================== */

/*     --sidebar_left
------------------------------------------------- 
body.sidebar_left #main {overflow: hidden; width:68%; float:left; position:relative;}
body.sidebar_left #left {overflow: hidden; margin-right: 5%; width:30%; float:left; position:relative;}
body.sidebar_left #left .inside {padding-right: 18%; border-right: 1px solid #ddd;}
*/
/*     --sidebar_right
------------------------------------------------- */
body.sidebar_right #main {overflow: hidden; width:78%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; width:22%; float:left; position:relative;}
body.sidebar_right #right .inside {padding-left: 5%; margin-top:30px;padding-bottom: 45px;}
	
/*     --sidebar_both
------------------------------------------------- */
body.sidebar_both #main {overflow: hidden; width:48%; float:left; position:relative;}
body.sidebar_both #right {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #right .inside {padding-left: 18%; border-left: 1px solid #ddd;}
body.sidebar_both #left {overflow: hidden; margin-right: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #left .inside {padding-right: 18%; border-right: 1px solid #ddd; padding-bottom: 45px;}


/* =============================================================================
 * footer
 * ========================================================================== */

#footer {color:#fff;background: #4c4743; margin-top: 20px; font-size: 14px; line-height: 18px;}
#footer a {color:#E0A137}
#footer .inside {padding: 20px 0; overflow: hidden;}
body.layout_boxed #footer .inside {padding: 20px;}
#footer .inside li {border-bottom: 1px solid #ddd; padding-bottom: 4px; margin-bottom: 4px;}


/* =============================================================================
 * home header-images
 * ========================================================================== */

.headerpic_1 {width: 68%; float: left; margin: 1% 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.headerpic_2 {width: 31%; float: right; margin: 1% 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.headerpic_3 {width: 31%; float: right; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.headerpic_transparent {-moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important;}


/* =============================================================================
 * menues
 * ========================================================================== */
 
/*     --mainmenue
------------------------------------------------- */
nav#mainmenu {background-color: #4C4743;overflow: visible!important; line-height: 0;}
nav#mainmenu ul {position: relative; display: inline-table;	width: 100%; white-space:nowrap;}
nav#mainmenu ul ul {background-color: #4C4743;z-index:1000;width: auto; display: none;}
nav#mainmenu ul:after {content: ""; clear: both; display: block;}
nav#mainmenu ul li {float: left;}
nav#mainmenu ul li:hover > ul {display: block;}
nav#mainmenu ul li a {color:#fff;display: block; text-decoration: none; position: relative; line-height: 24px;}
nav#mainmenu ul li a.first {border-top: 0;}
nav#mainmenu ul li a:hover {color: #fff;background-color:#E0A137}
nav#mainmenu ul ul {border-radius: 0px; padding: 0; position: absolute; top: 100%;}
nav#mainmenu ul ul li {float: none; position: relative;}
nav#mainmenu ul ul li a {padding: 7px 30px 7px 20px; color: #fff; border-bottom: 1px solid #ccc; line-height: 24px;}	
nav#mainmenu ul ul li a.last {border: 0;}
nav#mainmenu ul ul ul {position: absolute; left: 100%; top:0;}
nav#mainmenu ul a:before {line-height: 24px!important; width: 20px!important}
nav#mainmenu ul a.trail,
nav#mainmenu ul a.active,
nav#mainmenu ul a:hover {color: #fff;background-color:#e0a137}
nav#mainmenu ul li a {font-size:18px; padding: 15px 15px;}
nav#mainmenu ul li a span {font-size:12px;}




/*     --subline in mainmenue
------------------------------------------------- */
nav#mainmenu span {font-size: 10px; display: block; white-space:normal; line-height: 13px;}
nav#mainmenu a[class^="icon-"] span,
nav#mainmenu a[class*="icon-"] span {padding-left: 27px;}
body.no_navisubline nav#mainmenu span {display: none;}

/*     --submenu-sidebar
------------------------------------------------- */
#submenu, .mod_newsmenu {margin-bottom: 25px;margin-right:30px}
#submenu a, .mod_newsmenu a {color:#555555; display: block; padding: 4px 10px; margin-bottom: 2px; border-bottom: 1px solid #ddd;}
.mod_newsmenu span.active {display: block; padding: 4px 10px; margin-bottom: 2px; border-bottom: 1px solid #ddd;}
#submenu li ul li, .mod_newsmenu li ul li {border: 0;}
#submenu ul ul, .mod_newsmenu ul ul {margin-left: 12px; margin-top: 5px;}
#submenu ul ul li, .mod_newsmenu ul ul li {padding: 0;}
#submenu a:hover, #submenu a.active, #submenu span, .mod_newsmenu .active, .mod_newsmenu span.active {color:#E0A137;}
#submenu ul li:hover > ul, #submenu ul li.active > ul, #submenu ul li.trail > ul,.mod_newsmenu ul li:hover > ul {display: block;}
#submenu ul ul {display: none;}
#submenu ul ul ul {display: none;}
#submenu ul ul ul ul {display: none;}
#submenu a:hover, .mod_newsmenu a:hover {color: #E0A137;}

/*     --hide mobilmenue
------------------------------------------------- */
.selectnav {display: none;}
#mobnav {display: none!important;}


/* =============================================================================
 * features + contao modules
 * ========================================================================== */

/*     --back links
------------------------------------------------- */
.back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;}

/*     --table_simple
------------------------------------------------- */
table {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3; width: 100%;}
table td {border-top: solid 1px #E3E3E3; padding: 0.5em; text-align: left;}
table td p {margin: 0;}
table th {text-align: left; padding: 0.5em;}

/*     --table_extended
------------------------------------------------- */
.table-extended table {text-align: center; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; border: 1px solid #e0e0e0;}
.table-extended table td {border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa;}
.table-extended table th {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa; background: #ededed;}
.table-extended table th.col_first {text-align: left;}
.table-extended table tr.odd td {background: #f6f6f6;}
.table-extended table td.col_first {text-align: left; border-left: 0;}
.table-extended table .row_last td {border-bottom: 0;}
.table-extended table td:hover {background: #ddd!important;}
.table-extended table td {-webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

/*     --ce_gallery with responsive grid
------------------------------------------------- */
.ce_gallery .row1	{overflow: hidden; margin-left: 0; width:100%; float:left; margin-bottom: 15px;}
.ce_gallery .row2	{overflow: hidden; margin-left: 4%; width:48%; float:left; margin-bottom: 15px;}
.ce_gallery .row3	{overflow: hidden; margin-left: 5%; width:30%; float:left; margin-bottom: 15px;}
.ce_gallery .row4	{overflow: hidden; margin-left: 4%; width:22%; float:left; margin-bottom: 15px;}
.ce_gallery .row5	{overflow: hidden; margin-left: 5%; width:16%; float:left; margin-bottom: 15px;}
.ce_gallery .row6	{overflow: hidden; margin-left: 2%; width:15%; float:left; margin-bottom: 15px;}
.ce_gallery .row7	{overflow: hidden; margin-left: 1.5%; width:13%; float:left; margin-bottom: 15px;}
.ce_gallery .row8	{overflow: hidden; margin-left: 1.71%; width:11%; float:left;	position:relative;}
.ce_gallery .row9	{overflow: hidden; margin-left: 1.25%; width:10%; float:left;	position:relative;}
.ce_gallery .row10	{overflow: hidden; margin-left: 1%; width:9.1%; float:left;	position:relative;}
.ce_gallery .row11	{overflow: hidden; margin-left: 1.1%; width:8.09%; float:left;	position:relative;}
.ce_gallery .row12	{overflow: hidden; margin-left: 1%; width: 7.41%; float:left;	position:relative;}

.ce_gallery .col_first {margin-left: 0!important; clear: both;}

.ce_gallery img {display: block; height: auto;}
.ce_gallery li a img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:.5;}
.ce_gallery li a img {-webkit-transition:all .2s ease-in-out;	-o-transition:all .2s ease-in-out;	-moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.ce_gallery .caption {letter-spacing: 0; word-spacing: 0; font-size: 12px; line-height: 16px;}



/* special classes for ce_gallery */
.ce_gallery.image-border img {border: 1px solid #ddd;}
.ce_gallery.opacity img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7;}
.ce_gallery.opacity img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1;}

/*     --image_container
------------------------------------------------- */
.image_container {position: relative; padding: 0; margin-bottom: 10px;}
.image_container .caption {background: #4C4743; color: #fff; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; left: 0; bottom: -10px; width: auto!important;}
.image_container.float_right, .image_container.float_left {float: right; /*width: 45%;*/ padding: 0; margin-bottom: 3%;}
.image_container.float_right {margin-left: 5%;}
.image_container.float_left {margin-right: 5%;}
.image_container img {max-widht:100%; border:1px dotted #7D7D7D;display: block; height: auto;}
.home .image_container img {border:none;}
.noresize .image_container {margin: 0!important; width: auto!important}

/*     --list
------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {margin-bottom: 15px;}
.ce_text li, .ce_list li, .ce_text ol, .ce_list ol {line-height: 1.5em;}
.ce_text ol, .ce_list ol {list-style: decimal; padding-left: 25px;}
.ce_text ol ol, .ce_list ol ol {list-style: upper-alpha;}
.ce_text ol ol ol, .ce_list ol ol ol {list-style: lower-roman;}

.ce_list ul li, .ce_text ul li {list-style-type: none; position: relative;}
.ce_list ul li:before, .ce_text ul li:before {position: absolute; left: -25px; width: 25px; top: 3px;}
.ce_list ul, .ce_text ul {padding-left: 25px;}

/*     --blockquote
------------------------------------------------- */
.blockquote-a {padding-left: 35px; position: relative;}
.blockquote-a p{text-align: justify; font-family: Georgia, Times, serif; font-size: 13px; font-style: italic; line-height: 20px;}
.blockquote-a:before {font-family: "icons"; content: "\275e"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
.blockquote-b {padding-left: 35px; position: relative;}
.blockquote-b {font-size: 17px; line-height: 24px;}
.blockquote-b:before {font-family: "icons"; content: "\275c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}

/*     --ce_comments
------------------------------------------------- */
.ce_comments .widget {margin-bottom: 10px;}

/*     --content-box
------------------------------------------------- */
.content-box-a { background-color: #fefcf2;	padding: 20px 20px 10px 20px; border: 1px solid #ccc; margin: 0 auto;}
.content-box-b {padding: 20px 20px 10px 20px; border: 1px solid #e9e7e7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; background: -moz-linear-gradient(top, #f1f1f1, #fff 15%); background: -webkit-gradient(linear, 0 0, 0 15%, from(#f1f1f1), to(#fff));}
.content-box-c {padding: 20px 20px 10px 20px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 20px 20px 10px 20px; border: 1px solid #e9e7e7; background: #FFCEBE; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px white;}
.content-box-e {padding: 20px 20px 10px 20px; border: 1px solid #E0E0E0; background: #F6F6F6; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-f {padding: 20px 20px 10px 20px; border: 1px solid #E0E0E0; background: #F7F4B4; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-g {padding: 20px 20px 10px 20px; border: 4px solid #e9e7e7; background: #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #818181; text-shadow: 1px 1px 1px white;}

	/*     --dropcaps
------------------------------------------------- */
.dropcap-red p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #8C2626;}
.dropcap-blue p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #26738C;}
.dropcap-grey p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #9B9B9B;}
.dropcap-black p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #000;}

	/*     --hyperlinks + forms submit buttons
------------------------------------------------- */
.button, .button a, input[type="submit"], input.submit{margin-top:20px; color: #fff !important; font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0, 0.25); padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 18px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); background: #E0A137; cursor: pointer;}
.button:hover, input[type="submit"]:hover, input.submit:hover {color: #fff; text-decoration: none; -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);    box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);text-decoration:none !important}
.button:active, input[type="submit"]:active, input.submit:active {-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08);}

/* sizes */
.button.small {padding: 8px 10px; font-size: 11px;}
.button.large {padding: 15px 22px; font-size: 15px; line-height: 33px; vertical-align: middle;}

/* rounded corners */
.button.rounded3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button.rounded5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button.rounded10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.button.rounded99 {-webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;}

/* icons */
.button.large[class^="icon-"]:before, .button.large[class*=" icon-"]:before {font-size: 33px; line-height: 33px; margin-right: 0.5em; vertical-align: middle;}
.button[class^="icon-"]:before, .button[class*=" icon-"]:before {margin-right: 0.6em;}

	/*     --testimonial
------------------------------------------------- */
.testimonial {overflow: visible; position: relative; margin-bottom: 25px; padding: 15px 20px 0px 20px; font-family: "Georgia", serif; font-style: italic; background-color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 13px;}
.testimonial em {font-family: Arial, sans-serif; font-size: 11px;}
.testimonial:before {font-family: "icons"; content: "\e914"; text-indent: 0; display: inline-block; position: absolute; bottom: -16px; right: 45px; width: 1em; font-style: normal; font-size: 20px; color: #c8c8c8; line-height: 20px; height: 20px;}

/*     --team
------------------------------------------------- */
.teambox .caption {font-size: 17px; width: 100%!important; border-left: 4px solid #555; padding: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8}
.teambox p {margin-bottom: 5px;}

/*     --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 25px; overflow: hidden;}
.nachrichtenliste h4 {line-height:14px!important}
.nachrichtenliste h4 a {font-size:14px; }
.nachrichtenliste h4 a:active {color:green; }
.nachrichtenliste .image_container {width: 100%;}
.nachrichtenliste .image_container img {margin-bottom: 20px;}
.nachrichtenliste .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenliste .date:before {font-family: "icons"; content: "\1f553"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .author {margin-bottom: 10px; display: inline-block; font-size: 11px;  margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenliste .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .comments {margin-bottom: 10px; display: inline-block; font-size: 11px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenliste .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .more {float: right;}
.nachrichtenliste .more a {color: #fff;}

/*     --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser {position:relative;overflow: hidden;padding:0px;border:10px solid #f0f0f0;height:350px}
.nachrichtenteaser .image_container {float: left; margin-right: 10px;}
.nachrichtenteaser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenteaser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenteaser h4 {background-color:#4c4743;padding:8px}
.nachrichtenteaser h4, .nachrichtenteaser h4 a {color:#FEFDFB !important;line-height:22px; font-size: 18px; }
.nachrichtenteaser .image_container {width:100%;height:150px;overflow:hidden;border-bottom:1px dotted #4C4743}
.nachrichtenteaser img {}
#main .nachrichtenteaser p {padding-left:0.8em; padding-right:0.8em}
.nachrichtenteaser .button {position:absolute; right:10px; bottom:10px;margin:0}
/*     --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser {margin-top:40px;margin-bottom:30px } 
.nachrichtenleser .one_third {margin-left:1%;width:33%} 
#aktuelles .nachrichtenleser {margin-top:0px;margin-bottom:10px } 
.nachrichtenleser .ce_text{ margin-top:15px } 
.nachrichtenleser .image_container {margin-bottom: 20px;}
.nachrichtenleser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenleser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .author {margin-bottom: 10px; display: inline-block; font-size: 11px;  margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenleser .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .comments {margin-bottom: 10px; display: inline-block; font-size: 11px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenleser .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .back {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;}
.nachrichtenleser .back a {font-size: 10px; text-transform: uppercase;}
.nachrichtenleser img {border: 1px solid #ddd;}

.nachrichtenleser h2 {
	line-height:31px;
	font-size:1.5em;
	padding:0px 0 5px 0;
	margin:0;
}
.nachrichtenleser h3 {
	line-height:31px;
	font-size:1.2em;
	padding:3px 0 5px 0;
	margin:0;
}
.mod_newsarchive  h4 {
	padding:0px 0 20px 0;
	font-size:1.2em;
}
#referenz_hoch .block {height:250px}

/*     --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}

/*     --login-form
------------------------------------------------- */
.mod_login table td, .mod_login table {border: 0;}
.mod_login {background: #ededed; padding: 5%; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/*     --ce_accordion
------------------------------------------------- */
.ce_accordion {border-bottom: 1px solid #b9bcbe;}
.ce_accordion .accordion {padding: 0 3%; background-color: white; border: 1px solid #b9bcbe;}
.ce_accordion .accordion > div {padding: 12px;}
.ce_accordion .toggler { position: relative; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc;	padding: 8px 7.69231% 8px 3.84615%;	outline: none; text-shadow: 0 1px 0 white; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #ffffff), color-stop(100%, #e0e3e3)); background-image: -webkit-linear-gradient(#ffffff 1%, #e0e3e3 100%); background-image: -moz-linear-gradient(#ffffff 1%, #e0e3e3 100%); background-image: -o-linear-gradient(#ffffff 1%, #e0e3e3 100%);	background-image: linear-gradient(#ffffff 1%, #e0e3e3 100%); background-color: #eaeaea;	cursor: pointer; -webkit-box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);	-moz-box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);	box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);}
.ce_accordion .toggler:after {font: 16px/0 "icons";	content: "\2193"; text-indent: 0; display: inline-block; position: relative; position: absolute; right: 3%; top: 50%; display: none;}
.ce_accordion .toggler:hover {background: white;}
.ce_accordion .toggler:hover:after {display: block;}
.ce_accordion .toggler.active {background: white; font-weight: bold;}
.ce_accordion .toggler.active:after {display: block;}
.ce_accordion hr:after {background-color: white !important;}

	/*     --pagination
------------------------------------------------- */
.pagination {clear:left; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 30px;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right; white-space: nowrap;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li:before,
.pagination li a:before {content: '';}
.pagination li a,
.pagination li span {background: #4C4743; display: block; margin-right: 1px; color: #fefdfb; text-decoration: none; padding: 3px 7px;}
.pagination li span.current {background: #e0a137;color:#FFFFFF}
#main .pagination a:link {color:#fefdfb}
#main .pagination a:hover {text-decoration:none;background: #e0a137;}



/*     --mod_sitemap
------------------------------------------------- */

.mod_sitemap ul li a {color:#4C4743}
.mod_sitemap ul {margin-left: 20%;}
.mod_sitemap ul ul {margin-left: 25%;}
.mod_sitemap ul li {border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal;}
.mod_sitemap ul li ul li {border: 0; padding-bottom: 0px; margin-bottom: 3px;}
.mod_sitemap li:before {font-family: "icons"; content: '\25b8'; margin-right: 10px;}
.mod_sitemap li.submenu {font-weight: normal;}
.mod_sitemap li.submenu:before {font-family: "icons"; margin-right: 10px;}
.mod_sitemap li a:before {content: '';}


/*     --mod_search
------------------------------------------------- */
.mod_search input {width: 45%!important; float: left;}
.mod_search input[type="search"] {background:white;border:1px dotted #b7b7b7 !important;-webkit-appearance: textfield!important; margin-right: 0px!important; padding-right: 0!important;}
.mod_search .even, .mod_search .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.mod_search .relevance {float: right; font-size: 12px;}
#top .mod_search input[type="search"] {width: 125px!important; margin: 0!important; height: 30px; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.9;}
#top .mod_search {position: absolute; top:38px; right: 25px; height:30px; bottom: 18px; z-index: 50;}
body.no_navisubline #top .mod_search {bottom: 12px;}
.mod_search .submit:before {font-size: 16px; line-height: 1em; font-family: 'icons';  font-style: normal;  font-weight: normal;  speak: none;  display: inline-block;  text-decoration: inherit;  width: 1em; text-align: center; content: '\e92a';}
.mod_search .submit {margin: 0; padding: 5px; display: inline-block; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7;}
.mod_search .submit:hover {opacity: 1;}
#container .mod_search .submit {height: 34px;}
#container .mod_search form {overflow: hidden;margin:30px 0}
#container .mod_search .header {margin:30px 0}


/*     --mod_nl_reader
------------------------------------------------- */
.mod_nl_reader table {border: 0!important;}
.mod_nl_reader table td {padding: 0; border: 0!important;}

/*     --mod_nl_list
------------------------------------------------- */
.mod_nl_list li {border-bottom: 1px solid #ededed; padding: 15px 0;}
.mod_nl_list li a {margin-left: 40px;}

/*     --404 page
------------------------------------------------- */
#page-404 h1 {font-size: 120px; text-align: center; text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; color: #ccc; border: 0; margin: 0;}
#page-404 p {text-transform: uppercase; font-size: 20px; text-align: center;}
#page-404 p a {text-transform: none; margin: 0;}

/*     --video
------------------------------------------------- */
.ce_video_custom {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.ce_video_custom iframe, .ce_video_custom object, .ce_video_custom embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*     --ce_downloads
------------------------------------------------- */
.ce_downloads p {border-bottom: 1px dotted #ccc; padding-bottom: 15px;}
.ce_downloads img {margin-right: 20px; vertical-align: middle;}
.ce_downloads p span {font-style: italic; font-size: 10px;}

/* =============================================================================
 * forms
 * ========================================================================== */

/*     --input-wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 12px; position:inherit!important}
.input-wrapper * {width: 99.9%!important; margin-left: 0!important;}
.ce_form .full {width: 99.9%;}

/*     --fieldset+legend
------------------------------------------------- */
fieldset {border: 1px solid #ccc; padding: 0.5em; margin-bottom: 20px;}
.dark fieldset {border: 1px solid #222222;}
legend {display: none;}

/*     --input, select, textarea
------------------------------------------------- */
input, select, textarea {width: 100%; padding: 10px; margin: 0; border: 1px solid #ccc; color: #333; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0px 0px 1px 1px #ddd; box-shadow: inset 0px 0px 1px 1px #ddd;}
input[type="search"] {-webkit-appearance: none; border-radius: 0;}
.dark input, .dark select, .dark textarea {background: #222222; -webkit-box-shadow: inset 0px 0px 1px 1px #333; box-shadow: inset 0px 0px 1px 1px #333; border: 1px solid #171717; color: #fff;}
input[type="submit"], input.submit {color: #fff;}
select {height: 35px; padding: 8px;}
textarea {height: 200px;}

/*     --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}

/*     --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; border: none!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}

/*     --submit-button
------------------------------------------------- */
.submit_container {margin-top: 20px;}
.submit_container input {width: auto!important;}
.submit {-webkit-appearance:none;}

/*     --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; clear: both;}

/*     --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%; float: left; margin-right: 2%;}
.ce_form .captcha_text {width: 70%; float: left; line-height: 33px;}
.ce_form .captcha-container {background: #f0debc; padding: 2%;}

/* fullsize background-image */
body.bg_full {background-image: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/backgrounds/bg_full.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center top; background-repeat: repeat;}
body.bg_full2 {background-image: url(/web/20140518184545im_/http://endiamo.de/files/endiamo/img/backgrounds/bg_full2.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center top; background-repeat: repeat;}
body.ie8.bg_full, body.ie8.bg_full2 {background-repeat: no-repeat; background-position: top center;}


/* =============================================================================
 * media-queries
 * ========================================================================== */

/*     --tablets
------------------------------------------------- */
@media only screen and (max-width: 980px) {
	/* body */
	body {padding: 0;}
	body.header {background: none!important;}

	/* width */
	#top-container .inside, #header .inside, #footer .inside, body.layout_boxed #container, .welcome-line .inside {width: 100%!important;padding:0px}
	#container {width: 100%;}
	#container-inside {width: 100%!important;; padding: 0 20px;}	
	#wrapper {width: 100%;}
	
	/* logo */
	#logo,
	body.no_header #logo {padding: 20px;}

	nav#mainmenu ul {
    margin:0 20px;
	}
	nav#mainmenu ul li a {
    font-size: 1.2em;
    padding: 15px 7px;
	}
	
	/* mobile-select */
	#mobile-select {display: none;}

	/* footer */
	#footer {padding: 0 20px; margin: 0;}
	
	/* slider */
	.camera_caption h3 {font-size: 26px;}
	.camera_caption > div {font-size: 12px; line-height: 16px;}
	.camera_wrap .button {font-size: 15px; padding: 10px 35px;}
		
	.nachrichtenteaser {
    height:400px;
	}
	.nachrichtenteaser h4 {margin-bottom:0	}
	#slider {width:100%; height:auto}
	#slider element.style {height:auto!important}
	
	.nachrichtenleser .two_third, .nachrichtenleser .one_third {width:100%; margin-left:0}
	.nachrichtenleser img {margin-bottom:30px}
	
}

/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 750px) {
	/* body */
	body {padding: 0;}
	body.header {background: none!important;}
	
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* container */
	#container {padding-top: 0px!important;}
	body.home #container {padding-top: 20px!important;}
	#container-inside {padding: 20px!important;}
	
	/* header */
 	#header {display: none;}
 	body.home #header {display: block;}
 	
	/* logo */
	#logo {text-align: center; width: 100%; padding: 3px!important;}
	
	/* hotline */
	#hotline {display: none;}
		
	/* shadow-top */
	#shadow-top {display: none!important;}
	
	/* menu + mobilemenu */
	#mainmenu {display: none;}
	#submenu {display: none;}
	#mobnav, .selectnav {display: inline-block;}
	.selectnav {width: 90%; margin: 0 5%;}
	

	body.sidebar_right #main,
	body.sidebar_right #right,
	body.sidebar_right #main .inside,
	body.sidebar_right #right .inside {width: 100%; float: none; padding: 0; border: 0; margin: 0;}
 	#right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;}
 	
 	/* image_container */
 	.image_container {margin-bottom: 10px; padding: 0; margin: 0 0 10px 0; float: none;}
 	#slider .image_container {width:100%; }
 	#slider .image_container img {}
 	
 	/* ce_headline */
 	.ce_headline {margin-top: 0!important;}
 	
 	/* footer */
 	#footer .inside {padding: 10px; text-align: center;}
 	
 	/* socials */
 	#socials {display: none;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
 	/* css-framework */
	.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width:100%; margin: 0 0  15px 0;}
	
	#main .nachrichtenteaser.one_third{ width:32%!important; height:450px;margin: 0 0px  15px 10px;}
	
	
 	/* ce_gallery */
	.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { width: 100%; margin-left: 0;}
	
	/* mobnav */
  	.js #mobnav { display: none; }
  	.js .selectnav { display: block; margin-bottom: 10px;}
  	#dropdown {display: none!important;}
  	
  	/* mod_calendar */
  	.mod_calendar table {font-size: 7px;}
  	
  	/* welcome-line */
  	.welcome-line {display: none;}
  	
  	/* headlines */
  	h1 {font-size: 24px; margin-bottom: 15px;}
	h2 {font-size: 20px; margin-bottom: 15px;}
	h3 {font-size: 18px; margin-bottom: 10px;}
	h4 {font-size: 16px; margin-bottom: 10px;}
	h5 {font-size: 13px; margin-bottom: 10px;}
	h6 {font-size: 12px; margin-bottom: 10px;}
	
	/* top search */
	#top .mod_search {display: none;}
	
	/* forms */
	form label {margin-bottom: 2px!important;}
	form .captcha_text {line-height: 1em;}
	
	/* video button */
	.mejs-overlay-button {display: none!important;}
	
	.mod_sitemap ul {margin-left: 5%;}

  	#main .ce_text {margin-bottom: 10px!important; width: 100%;}
}
 
 
/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 700px) {
  	/* ce_text */
	#main .nachrichtenteaser.one_third{ width:100%!important; height:auto;margin: 0 0px  15px 0px;}
	#main .nachrichtenteaser .image_container {width: auto}
 	#main .nachrichtenteaser { padding-bottom:40px }
}
@media only screen and (max-width: 540px) {
  	/* ce_text */
	#main .nachrichtenteaser .image_container {width:100%}
	#main .nachrichtenteaser .image_container {height:25% }
	#main .nachrichtenteaser .image_container img{width:100%}
	.ce_text .image_container {width:100%}
	.ce_text .image_container img {width:100%}
	#ueber-mich .ce_text .image_container {width:142px}
	#ueber-mich .ce_text .image_container img {width:142px}
}
@media only screen and (max-width: 350px) {
  	/* ce_text */
	#ueber-mich .ce_text .image_container {width:100%}
	#ueber-mich .ce_text .image_container img {width:100%}
}
.bg_hell {background-color:#e8e5e2}
.bg_hell h1 {border:none}

  
/* =============================================================================
 * font-icons
 * ========================================================================== */

@font-face {font-family: 'icons'; src: url("../font/icons.eot"); src: url("../font/icons.eot#iefix") format('embedded-opentype'), url("../font/icons.woff") format('woff'), url("../font/icons.ttf") format('truetype'), url("../font/icons.svg#icons") format('svg'); font-weight: normal;  font-style: normal;}

/*     --set default icon not to mod_navigation <li>
------------------------------------------------- */
.mod_navigation li:before {content:''!important; margin-right: 0px!important;}

/*     --icons
------------------------------------------------- */

.ce_list ul li:before,
.ce_text ul li:before
{
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.5em;
  text-align: center;
  line-height: 1em;
}





/* f�r Kontakt-Side-Panel 
#sidepanel {position:absolute;z-index:500;bottom:0;left:0}
#sidepanel .cf-wrapper{position:relative}
#sidepanel .cf-wrapper .cf-trigger{position:absolute;top:0;right:-40px}
#sidepanel .cf-wrapper .cf-content{background:#009fe3;color:#fff;padding:25px 34px 17px;width:239px;margin:0}
#sidepanel .cf-wrapper .cf-content h4{margin:0 0 19px}
#sidepanel .cf-wrapper .cf-content p{line-height:19px;font-size:16px;font-family:"conduititcmedium";margin-bottom:18px}
#sidepanel .cf-wrapper .cf-content textarea{width:237px;height:122px}
#sidepanel .cf-wrapper .cf-content input[type="submit"]{font-weight:bold;font-size:15px;padding:0 20px;transform:scale(1,1.7);-webkit-transform:scale(1,1.7);-moz-transform:scale(1,1.7);-ms-transform:scale(1,1.7);-o-transform:scale(1,1.7);transform-origin:top left;-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-o-transform-origin:top left}
*/