/*
Theme Name: Sani aktuell 2
Theme URI: http://www.argutus.de
Description: Theme für Sanitätshäuser
Version: 0.1
Author: argutus
Author URI: http://www.argutus.de
*/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    line-height:1.3em;
}
p {line-height:16pt;}

body {line-height:16pt;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration:underline;
    color:#009fe3;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {text-decoration: line-through;}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {vertical-align:middle;}


/*############                 end reset                    ###############*/
/*#########################################################################*/



body { 
  font-family: 'Open Sans', sans-serif; 
  font-size:0.813em;
  line-height:1.3em; 
  background:#fff;
}
.clear { clear:both; }


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 15px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; display: inline; }
img.alignleft { padding: 4px; display: inline; }
a.more-link {color:#009fe3; text-decoration:underline; margin-left:15px;}


#content h1 {
  margin:0 0 2em 0;
  padding:15px;
  background:#009fe3; 
  color:#fff; 
  font-size:1.2em; 
  font-weight:normal;
  text-transform:uppercase;
}

#home_content h1 {
  margin:0 0 1em 0;
  padding:15px;
  color:#009fe3; 
  font-size:1.2em; 
  font-weight:normal;
  text-transform:uppercase;
}

#content h2,
#content h3 {margin:0 0 1em 0; color:#009fe3;}

#content h2,
#content h3,
#content p {margin-left:15px !important;}

#content h2 {font-size:1.2em;}

#content ul {
  list-style:outside disc;
  margin:0 0 2em 2em;
}

#content li {
  background: url('images/list_blau.png') left no-repeat;
  background-position:0px 5px;
  padding-left: 20px;
  list-style-type:none;
  line-height: 16pt;
  }

h2, h3 {color:##009fe3;}
p {margin:0 0 1em 0;}

.container,
.slider_inner,
#contact_inner,
#footer_inner { 
  position:relative; 
  width:978px;
  margin:0px auto;
}

#navi_balken {background-color:#706f6f; height:45px; width:100%;}

#balken {width:100%; background-color:#009fe3;}

.balken_margin{
	height:20px;
	background-color:#009fe3;
}

#contact_inner,
#footer_inner {
} 

#contact_inner {margin-top:40px; padding-left:30px;}


/* ###########  Header  ############ */

#header {
  height:165px;
  min-height:165px;
}

#header_left {
  float:left;
  /*
  margin:28px 0 0 0;
  padding:0 140px 0 0;
  background:url('images/logo_bg.gif') right top no-repeat;
  */
}

/*
#logo_wrap {
  font-family:Tahoma;
  padding:7px 25px 0 0;
  height:88px;
  line-height:0.8em;
  text-align:right;
  font-size:3.5em;
  font-weight:normal;  
  border-right:1px solid #222;
}

#logo_wrap a {color:#009ee3;}

#logo_wrap span {
  font-size:0.6em; 
  color:#000;
  font-weight:normal;
}
*/


#header_right {
  float:right;
  font-size:0.9em;
}

#header_service_wrap {
  min-width:316px;
  margin:0 0 20px 0;
  padding:10px;
  /* background:#efefef; */
  border:1px solid #ddd;
  border-top:0px solid #9c9c9c;
}

.header_tele {
  margin:0 0 10px 0;
  padding:0 0 5px 22px;
  line-height:1.5em;
  background:url('images/telefonicon.png') 0px 3px no-repeat;
  border-bottom:1px solid #9c9c9c;
}

.header_tele span.service {color:#009ee3;}
.header_tele span.nr {font-size:1.3em;}

.header_adresse {text-align:left;}


ul.meta_navi {}

ul.meta_navi li {float:left; margin:0 11px;}

ul.meta_navi li a {}
ul.meta_navi li a:hover {text-decoration:underline;}


/* ############ end Header  ################ */


#main_navi_wrap {width:100%; max-width:978px; height:45px; margin:0px auto;}

.navi_desktop {display:block;}

.navi_mobile {
  display:none;
  width:100%;
  height:100%;
  background:#706f6f;
}

.open_navi {
  width:100%;
  line-height:45px;
  background:#706f6f; 
  cursor:pointer;
  text-align:center;
  color:#f3f3f3;
  font-size:1.1em;
}


#nav_wrapper {width:100%; max-width:978px; position:relative; left:0px; top:0px; z-index:1000; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto;}

ul#navigation {font-size:1.1em;}

ul#navigation > li {
  position:relative;
  float:left; 
  width:25%;  
  line-height:45px; 
  text-align:center;
}

ul#navigation > li > a {
  display:block;
  background:#706f6f;
  text-decoration:none;
  border-right:1px solid #b8b7b7;
  color:#f3f3f3;                                 
}    

ul#navigation > li > a:last-child {
	border-right:0px;
}                                            

ul#navigation > li > a.act,
ul#navigation > li.current_page_parent > a,
ul#navigation > li.current_page_item > a,
ul#navigation > li.current-page-ancestor > a { background:url('images/list_weiss.png') center 33px no-repeat; } /* background:#545454*/
ul#navigation > li > a:hover {background:#706f6f url('images/icon_nav.gif') center 37px no-repeat;}

ul#navigation > li > a.act:hover,
ul#navigation > li.current_page_parent > a:hover,
ul#navigation > li.current_page_item > a:hover,
ul#navigation > li.current-page-ancestor > a:hover {background:#545454 url('images/icon_nav2.gif') center 37px no-repeat;}

ul#navigation > li > a.last {border:none;}

ul#navigation > li > ul.sub-menu {
  border:1px solid #ddd;
  display:none;
  position:absolute;
  left:0px;
  top:45px;
  width:100%;
  padding:10px 0;
  background:rgba(255,255,255,0.9);
}

ul#navigation ul.sub-menu li {
  position:relative;
  margin:0 0 0 0;
  line-height:1.1em;
  text-align:left;
  /* border-bottom:1px solid #ddd; */
  text-decoration:none;
  color:#545454;
}
ul#navigation ul.sub-menu li a {display:block; padding:4px 10px;
  text-decoration:none;
  color:#545454;}
ul#navigation ul.sub-menu li a:hover {text-decoration:underline;}

ul#navigation ul.sub-menu li ul.sub-menu {display:none;}

ul#navigation > li:hover > ul.sub-menu {display:block;}

/*
ul#navigation ul.sub-menu li ul.sub-menu {
  position:absolute;
  left:100%;
  top:0px;
  width:100%;
  padding:4px 0;
  background:rgba(255,255,255,0.9);
  border-left:1px solid #ddd; 
}

ul#navigation > li > ul.sub-menu > li:hover > ul.sub-menu {display:block;}

*/



#slider,
#col2_teaser_wrap,
#col3_teaser_wrap,
#col4_teaser_wrap,
#news_wrapper {margin:0 0 0px 0;}


#breadcrumb {
  font-size:0.9em;
  margin:7px 0px 20px 10px;
}
#breadcrumb a {text-decoration:underline;}


#main {margin:0 0 30px 0;}

#content {
  float:right; 
  width:75%;
  min-height:500px;
  /* background:#eee; */
}

#sidebar {
  float:left; 
  min-width:100px;
  width:25%;
 /* background:#f1f9fd; */
}

ul#sidebar_navi {
padding:20px 10px; 
padding-bottom:10px; 
font-size:1.1em; 
border:1px solid #ddd; 
}

ul#sidebar_navi li {
  padding:0 0px 5px 0px;
  margin:0 0 5px 0;
 /* background:url('images/li.gif') 0px 3px no-repeat; */
 border-bottom:1px solid #ddd;
}
ul#sidebar_navi li:last-child {border-bottom:0px solid grey;}

ul#sidebar_navi li a {
	color:#545454;
  text-decoration:none;
  color:#545454;}
ul#sidebar_navi li a:hover {text-decoration:underline;}

ul#sidebar_navi li ul.sub-menu {margin:0 0 0 10px;}
ul#sidebar_navi li ul.sub-menu li {margin:5px 0 5px 0;}

ul#sidebar_navi > li.current_page_item > a,
ul#sidebar_navi ul.sub-menu li.current_page_item > a {text-decoration:none; color:#009fe3;}


.contentbox {
	width:100%;
	border:1px solid #545454;
	padding-top:2%; padding-left:0%; padding-right:0px; padding-bottm:0px;
	margin-left:1.2em;overflow:auto;
}

.contentbox div {
  width: 30%;
  padding: 1%;
  padding-bottm:0px;
  line-height:1.3em;
  float:left;
}

.teaser3col {
  width:30%;
  height:250px;
  padding:1%;
  text-align:center;
  background:#009fe3;
  color:#fff;
  line-height:1.3em;
}

.teaser3col.left {float:left;}

.teaser3col.right {float:right;}

.teaser3col.middle {float:left; margin:0px 2%;}


.teaser3col img {margin:0 0 10px 0;}

.teaser3col h2 {font-size:1.4em; margin:0 0 10px 0;}
.teaser3col h3 {font-size:1.1em; margin:0 0 0px 0; font-weight:normal;}

.teaser3col a {color:#fff;}

.teaser3col p {margin:20px 0 0 0;}

.teaser2col {
  width:49%;
  position: relative;
  padding-bottom: 25%;
  height: 0;
  overflow: hidden;
}

.teaser2col img {width:100%;}

.teaser2col.left {float:left;}
.teaser2col.right {float:right;}

.teaser2col h3 {color:#009fe3; margin:0 0 1em 0; font-size:1.2em;}

.teaser2col iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.teaser4col {
  float:left;
  width:21.5%;
  /* height:250px;*/
  padding:1%;
  text-align:center;
  background:#009fe3;
  color:#fff;
  line-height:1.3em;
}

#col4_teaser_wrap {background-color:#009fe3; position:relative; 
  max-width:978px;
  width:100%;
  margin:0px auto;}
  
.left_of_content {
  border:1px solid #CCC;	
  float: left;
  width: 30%;
  padding: 3%;
  text-align: left;
  margin-right:3%;
  background: white;
  line-height: 1.3em;
}
#home_content {
	width:100%; 
	padding-left:1%;
}

#startseiten_content {min-height:400px; display:block;}

#startseiten_content h2,h3 {color:#009fe3; font-size:1.3em; line-height:1.7em;}
#startseiten_content h3 {color:#009fe3; font-size:1.0em; line-height:1.7em;}

.left_of_content h2,h3 {color:#009fe3; font-size:1.3em}
.left_of_content h3 {color:#009fe3; font-size:1.0em}

#contact h2, h3 {
  color: #009fe3;
  font-size: 1.3em;
}


.teaser4col.left {float:left;}

.teaser4col.right {float:right;}

.teaser4col.middle {float:left; margin:0px 0 0 2%;}
.teaser4col.middle-right {float:left; margin:0px 0 0 2%;}
.teaser4col.middle-left {float:left; margin:0px 0 0 2%;}


#col4_teaser_wrap div:nth-child(2) {margin:0px 0 0 2%;}
#col4_teaser_wrap div:nth-child(3) {margin:0px 0 0 2%;}
#col4_teaser_wrap div:nth-child(4) {float:right;}


.teaser4col img {width:90%; margin:0 auto 10px;}

.teaser4col h2 {font-size:1.2em; margin:0 0 10px 0;}
.teaser4col h3 {font-size:1.1em; margin:0 0 0px 0; font-weight:normal; color:#fff;}

.teaser4col a {color:#fff;}

.teaser4col p {margin:20px 0 0 0;}

#content_start .news_picture, 
.news_start .news {
  float:left; 
  width:30%;
}

.news_start .news {margin:0 0 0 5%;}

.news_start .news h2 {color:#009ee3; margin:0 0 0.5em 0; font-size:1.2em;}
.news_start .news h3 {margin:0 0 1em 0;}
.news_start .news a {color:#009ee3;}


#content ul.news_list {list-style:none; margin:0;}
.news_list .news {
  margin:0 0 20px 0;
  padding:0 0 20px 0;
  border-bottom:1px solid #ddd;
}

.news_list .news h2 {margin:0 0 1em 0; color:#009fe3;}


#content h1 {color:#009fe3; background:none; font-weight:900;}
#content h2 {color:#009fe3; font-size:1.3em}
#content h3 {color:#009fe3; font-size:1.0em}	

#content .produkte_wrap {width: 47%;  float:left; margin:0 16px 20px 0;}

#content .produkte_img_wrap {/* float:left; */ display:block; width:75%;}

#content .produkte_img_wrap img {max-width:100%; margin-left:16px;}

#content .produkte_textwrap {/* float:right; */ width:100%;}

#content .produkte_textwrap h2 {text-transform:uppercase; margin:0.5em 0 0.5em 0;}

a.info {color:#009ee3; background:url('images/list_blau.png') left no-repeat; padding-left:20px;}
#content .produkte_textwrap a {color:#009ee3;}

#content .produkte_textwrap h3 {margin:0; color:#333;}

#contact {
  padding:30px 0px;
  /* background:#f4f4f4; */
  /*height:320px; */
}

.adresse {float:left; width:30%;}
#contact h4 {color:#009ee3; margin:0 0 1em 0; font-size:1.1em;}
.adresse p {margin:0 0 1em 0;}

.form_wrapper {float:right; width:65%;}

.form_wrapper input[type=text],
.form_wrapper input[type=email],
.form_wrapper textarea {
  font-family: 'Open Sans', sans-serif;
  font-size:1em;
  display:block;
  width:95%;
  height:25px;
  line-height:25px;
  margin:0 0 1em 0;
  padding:0 2%;
  color:#333;
  background-color:#f4f4f4;
  border:none;
}

.form_wrapper textarea {height:150px;}

div.wpcf7-response-output {
    float: right;
    margin: -3em 0 0 0 !important;
    padding: 0.2em 1em;
    width: 80%;
}

input.wpcf7-not-valid {border:1px solid red;}

.wpcf7-not-valid-tip {margin: -1em 0 0.5em;}


#footer {
  padding:30px 0px;
  background:#009fe3; 
  font-size:0.95em;
}

#footer .open_navi {display:none;}


.col4 {width:25%; float:left;}


#footer ul {margin:0; color:#fff; line-height:1.75em;}

#footer ul li {margin:0 0 2em 0; padding:0 10px 0 0;}

#footer ul li ul {list-style:outside disc; margin:0 0 0 15px;}

#footer ul li ul li {margin:0;}

#footer ul li a {color:#fff; text-decoration:none;}

#footer ul li a:hover {text-decoration:underline;}




 ########## Slidebar ########### 



#sb-site {background:#fff;}

.sb-slidebar {background:none;}


.slidebar_navi ul li {}
.slidebar_navi ul li a {display:block; line-height:2em; padding:0 0 0 10px; border-bottom:1px solid #ccc;}

.slidebar_navi ul li a:hover {background:#f1f1f1;}

.slidebar_navi ul.children {}

.slidebar_navi ul.children li a {padding:0 0 0 20px;}

.slidebar_navi ul.children ul.children li a {padding:0 0 0 40px;}


/* ########## Slidebar ########### */



#sb-site {background:#fff;}

.sb-slidebar {background:none;}


.slidebar_navi ul li {}
.slidebar_navi ul li a {display:block; line-height:2em; padding:0 0 0 10px; border-bottom:1px solid #ccc;}

.slidebar_navi ul li a:hover {background:#f1f1f1;}

.slidebar_navi ul.children {}

.slidebar_navi ul.children li a {padding:0 0 0 20px;}

.slidebar_navi ul.children ul.children li a {padding:0 0 0 40px;}



/* ########## Slider ############ */


#slider {
 width:100%;
 background:#706f6f;
 text-align:center; overflow:visible;
}

.slider_inner {
  position:relative; overflow:visible;
}


#slider1_container {
  position: relative;
  top:0px;
    width:100%;
    max-width:1500px;   
    height: 383px;
    margin:0 auto;
    left:0px;
    overflow: visible;
  }

#slider1_container > div {}

.loading {
  filter: alpha(opacity=70); 
  opacity:0.7; 
  position: absolute; 
  display: block;
  background-color: #000000; 
  top: 0px; 
  left: 0px;
  width: 100%;
  height:100%;
}

.loading1 {
  position: absolute; 
  display: block; 
  background: url(images/loading.gif) no-repeat center center;
  top: 0px; 
  left: 0px;
  width: 100%;
  height:100%;  
}


.slides_wrap {
  cursor: move; 
  position: absolute;
    top:0px; 
    left:0px; 
    width:100%; 
    height: 383px;
    /**weggemacht**/
    overflow: hidden; 
  }

.slide {
  position: absolute; 
  /**weggemacht**/
  /*overflow: hidden;*/
}


.slide_inner {
  position:relative;
  /**weggemacht**/
  /*overflow:hidden;*/
  width:100%; height:100%;
}

.slider_text {
  position:absolute;
  left:261px;   /*  Rand: (Sliderbreite - Websitebreite) / 2  =>  (1500px-978px) / 2  */
  left:350px;
  bottom:0px;
  width:25%;
  padding:18px;
  padding-right:28px;
  text-align:left;
  line-height:1.3em;
  z-index:10000000000000000000000;
}

.slider_text.bg, .slider_text_footer {
	background:rgba(255,255,255,0.8); 
	position:absolute; 
	bottom:-20px; 
	padding-bottom:20px;
	left:220px; 
	z-index:2;
}

.slide_inner img { 
  position:absolute;
  left:50%;
  margin-left:-750px;
  width:1500px;
}

.slider_text h1 {font-size:2em; color:#009fe3; margin:0 0 0.5em 0; line-height:1.3em; /* text-shadow:1px 1px 0px #000; */}

.slider_text h2 {font-size:1.5em; color:#009fe3; margin:0 0 1em 0;line-height:1.3em; /* text-shadow:1px 1px 0px #000; */}

.slider_text p {color:#333;}

/* jssor slider bullet navigator skin 21 css */
            /*
            .jssorb21 div           (normal)
            .jssorb21 div:hover     (normal mouseover)
            .jssorb21 .av           (active)
            .jssorb21 .av:hover     (active mouseover)
            .jssorb21 .dn           (mousedown)
            */
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
            {
                background: url(images/slider/b21.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }



            /* jssor slider arrow navigator skin 21 css */
            /*
            .jssora21l              (normal)
            .jssora21r              (normal)
            .jssora21l:hover        (normal mouseover)
            .jssora21r:hover        (normal mouseover)
            .jssora21ldn            (mousedown)
            .jssora21rdn            (mousedown)
            */
            
            .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(images/slider/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }



            
@media (max-width:1500px) {
  .slider_text {left:250px;}
}


@media (max-width:1200px) {
  .slider_text {left:150px;}
}


@media (max-width:1050px) {
  .slider_text {left:75px;}
}



/*############    Responsive    ############ */


@media (max-width:978px) {
  .container,
  .slider_inner,
  #contact_inner,
  #footer_inner {width:98%;}
}

@media (max-width:900px) {
  
  #header {height:auto;}
  
  #header_left {float:none; width:50%; margin:0px auto;}
  #header_left img {width:100%;}
  #header_right {float:none; width:100%;}
  
  #header_service_wrap {width:50%; margin:0px auto 15px;}
  
  ul.meta_navi {
    width:100%;
    height:30px; 
    text-align:center;
  }
  ul.meta_navi li {float:none; display:inline;} 
  
  ul#navigation > li {font-size:0.9em;}
  
  .teaser4col {height:260px;}
}

@media (min-width:600px) {
  
}

@media (max-width:700px) {
	
.container,#contact_inner,.slider_inner {
  padding-left: 00px;
}
#breadcrumb {
  margin-left:00px;
}

.left_of_content {
  border:0px solid #CCC;
  width: 30%;
  padding-left: 0px;
  padding-right: 10px;
}
#home_content {
	width:100%; 
	padding-left:0%;
}

	
	
  #main_navi_wrap {width:100%;}
  #content .produkte_wrap {width: 100%;  float:none; margin:0 0 00px 0;}
  #content .produkte_img_wrap {/* float:left; */ display:block; max-width:50%;}
#content .produkte_img_wrap img {width:100%;}
#content .produkte_textwrap {/* float:right; */ width:100%;}

  #header_left {width:80%;}  
  #header_service_wrap {width:80%;}
  #slider1_container {
  position: relative;
  top:0px;
    width:100%;
    max-width:1500px;   
    height: 383px;
    margin:0 auto;
    left:0px;
    overflow: hidden;
  }
  #nav_wrapper {width:100%;}
  .navi_desktop {display:none;}
  .left_of_content {
  width:100%;	
  float: none;
  }

  .navi_mobile {display:block; text-align:center;}

  ul#navigation > li {font-size:0.8em;}
  .slider_text.bg{left:1%;}
  .slider_text {
  position:absolute;
  height:300px;
  padding:20px;
  text-align:left;
  line-height:1.0em;  
  width:80%; padding:6%; left:0px; top:10px;
  }
  
  .jssorb21 {display:none;}
  
  .contentbox div {
  width: 250px;
  padding: 0%;
  line-height:1.3em;
  float:left;
}
  
   .teaser4col {width:47%; margin:0 0 10px 0 !important; font-size:0.9em; height:220px;}
  
  #col4_teaser_wrap div:nth-child(2),
  #col4_teaser_wrap div:nth-child(4) {float:right;}
  
  .teaser4col p {margin:10px 0 0 0;} 
  
  .teaser2col {width:100%; padding-bottom: 50%;}
  .teaser2col.left {display:none;}
  
  .news_picture {display:none;}
  
  #content_start .news_picture, .news_start .news {float:none; width:100%; margin:0 0 10px 0;}
  
  #contact {height:auto; margin-top:20px;}
  .form_wrapper, .adresse {width:100%; float:none; margin:0 0 20px 0;}
  .form_wrapper {border-bottom:1px solid #ccc; padding:0 0 20px 0;}
  
  
  #footer {padding:0;}
  #footer .col4_wrap {display:none;}
  
  #footer .open_navi {display:block; background:none;}
  
  #sidebar {display:none;}
  
  #content {float:none; width:100%;}
}

@media (max-width:450px) {
  ul.meta_navi li {margin:0px 5px;}
    #content .produkte_img_wrap {/* float:left; */ display:block; width:80%;}
}

@media (max-width:320px) {
  .teaser4col {width:92%; float:none !important; height:auto; padding:4%;} 
    #content .produkte_img_wrap {/* float:left; */ display:block; max-width:100%;}
}            


#map{
  margin-top: 120px;
}
    


.contentbox {
	width:100%;
	overflow: auto;
	background:#f0f0f0;
	border:0px solid #545454;
	padding:0%;
	margin-left:0em;
        margin-top: 40px;
}

#content .contentbox h2 {
  margin:0 0 1em 0;  
  margin-left: 0px !important;
  padding:15px; 
  font-size:1.2em; 
  font-weight:normal;
  text-transform:uppercase;
}

.contentbox div {
  width: 33%;
  padding: 0%;
  line-height:1.3em;
  display: inline-block;
}

a .contentbox {
  color: black;
}