body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.video_container video,.video_container audio{width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
html {overflow-y: scroll;}
a,body,div,em,input,label,legend,li,ol,p,select,span,strong,td,th,textarea,u,ul {font-family: 'Muli', sans-serif;color:#99044C;}
body {margin:0;padding:0;}
a,body,div,input,label,li,legend,ol,p,select,td,th,textarea,u,ul {font-size:13px;}
img {vertical-align:middle;border:0px;}
p,pre,form,figure {margin:0;padding:0;}
table {border-spacing:0;}
td {padding-right:10px;}
:focus {outline:0;}
.wrapper {max-width: 1024px;margin: 0 auto;}
h1 {margin:0 0 5px;padding:0;font-size:110%;color:#99044C;font-family: 'Muli', sans-serif;font-weight:800;}
h2 {margin:0 0 5px;padding:0;background-position:left center;background-repeat:no-repeat;font-size:110%;font-weight:bold;color:#99044C;}
h3 {margin:0 0 5px 0;padding:0;font-size:100%;font-weight:bold;}
a {text-decoration:none;color:#99044C;}
a:hover {text-decoration:underline;color:#99044C;}
.balken {border-right:1px solid #99044C;}
.intern {padding-left:17px;background:url("../../files/tp/icons/arrow_down.png") left center no-repeat;}.extern {padding-left:17px;background:url("../../files/tp/icons/arrow_up.png") left center no-repeat;}

@media screen{
/* Style sheet screen */
html{overflow-y: scroll;overflow-x: auto}
body{margin:0;padding:0; font-size: 90%;line-height:normal;}
a,body,div,em,input,label,legend,li,ol,p,select,span,strong,td,th,textarea,u,ul,li {font-family: 'Muli', sans-serif;color:#646363;}
a,body,div,em,input,label,headeli,ol,p,select,span,strong,td,th,textarea,u,ul,li{font-size:1em;color:#646363}
a:active,a:focus{outline: none;-moz-outline-style: none;}
caption,th,td, li{text-align:left;vertical-align:top;line-height:1.6;}
p {line-height:1.6em;}
h1{margin:0 0 10px;padding:0;font:2em/1em Arial,Helvetica,sans-serif;text-decoration:none;color:#20305a;}
h1 {color:#E30613;}
h2{margin:0 0 10px 0;padding:0;font:1.4em/1em Arial,Helvetica,sans-serif;font-weight:bold;color:#646363;}
h2 a{color:#646363;}
h4{margin:0 0 13px;padding:0 0 5px;border-bottom:1px solid #ccc;font:80% tahoma,verdana;font-weight:normal;text-decoration:none;color:#20305a;}
h6{margin:0 0 13px;padding:0 0 5px;border-bottom:1px solid #ccc;font:80% tahoma,verdana;font-weight:normal;text-decoration:none;color:#20305a;}
a{text-decoration:none;}
a:hover{text-decoration:underline;color:#20305a}
a:active,a:focus{outline: none;-moz-outline-style: none}
img{width:100%;height:auto;border:0px}
pre,form{margin:0;padding:0}
p{padding-bottom:10px}
.rot {color: #E30613}
.blau {color: #20305a}
.dot {padding-left:10px;padding-right:10px;}
.telefon {padding-left: 50px;font-size:1.5em;color: #E30613;background:url("../../files/tp/icons/phone.png") left center no-repeat;font-weight:bold;line-height:30px;}

.bildrand .image_container {margin:0;border:1px solid #646363;padding:10px;}
.bildrand {width:260px;}
.bildrand .caption {padding:3px;}
.visitor {width:10px;}
.wrapper {
    max-width: 1024px; 
	margin: auto;
	background-color: #fff;
	padding: 0 5px 0 5px;
} 
#logo {width:370px;float:left;}
#logo img {width:100%;height:auto;}
#header-top {margin: 20px 0 10px 0;padding: 0;}
.company{width:25%; margin:0; float:left; display:block;}

#top-right {width:25%;margin:0;padding: 0;float: right;}
#suchen {margin-top: 20px;}


#header {width:100%; margin:0;}
#nav-top {width:100%; margin:0; padding:0;}
#right{width:260px}
#container{padding-right:260px}
#main p {text-align:justify;}

#footer{width:100%; margin:0;padding-top:10px;padding-bottom:10px;display:block;background:url("../../files/tp/icons/rand_s.jpg") bottom repeat-x #20305a;}
#footer p {color:#fff;font-size:0.9em;}
#footer a, #footer span {color:#fff;}
#footer .wrapper {background: none;}
.inside {margin:0; padding:0;}
#main .inside {padding:10px 50px 10px 0;}
#right .inside {padding-top:10px;}
.ce_table table{background-color:#F0F0F0}
.mod_webShop_articleRecommendet{margin:0;padding:10px 0;background-color:#fff}
.login-left{margin:0 0 10px;padding:0}
.login-left li{margin-left:10px;padding-left:10px;font-size:11px}
.ce_text, .ce_image {margin-bottom:20px;}
.mod_header_search{right:31px;top:99px;position:absolute}
.mod_header_search input.text{width:120px;height:16px;top:-1px;position:relative;margin:0 0 0 10px;padding:2px 0 0;border:0px;font-size:11px}
.mod_header_search input.submit{width:20px;height:21px;top:2px;position:relative;background:url("../../files/images/search_button.gif") center center no-repeat;border:0px;cursor: pointer}

.mod_footer_logo{width: 24.1%; margin:0 10px 0 0;padding:0;float:left;display:block;}

.mod_footer_cloud{width: 30%; margin:0 10px 0 0;padding:0;float:left;display:block;}
.mod_footer_cloud h6{margin:0 0 2px;padding:0;border-bottom:0px}
.mod_footer_cloud a{margin-right:5px;border-bottom:1px dotted #fff;font-family:tahoma;line-height:1.5;font-weight:normal;text-decoration:none;color:#fff}
.mod_footer_cloud a:hover{margin-right:5px;border-bottom:1px solid #fff;font-family:tahoma;line-height:1.5;font-weight:normal;text-decoration:none;color:#000}

.mod_footer_copyright{width: 30%; margin:0;padding:0;float:left;color:#fff;display:block;}
.mod_footer_copyright a{font-size:10px;font-weight:normal;text-decoration:none;color:#fff}
.mod_footer_copyright a:hover{font-size:10px;font-weight:normal;text-decoration:none;color:#000}

.pdf_link{right:0; top:0;position:absolute;margin:0;padding:0; display: block;}
.pdf_link img {width: 16px;}

.artikelliste #left .mod_navigation{display:none}

.ce_text ul,
.ce_list ul,
.ws_tabContent ul{margin:0 0 10px 30px;padding:0;}

.ce_text ul li,
.ce_list ul li,
.ws_tabContent ul li{margin-top:1px;margin-left:15px;padding-left:0;list-style-image:url("../../files/tp/icons/quadrat-pink.gif")}

.login-left ul{padding:3px 5px;background-color:#F0F0F0}
.box-top{border-bottom:0px}
.box-bottom{margin-top:-25px;border-top:0px}
.ce_text ol{margin:0;padding:0 0 0 20px}
/* ---- header ---------------------------------------------------------- */
.mod_header_shirts{right:255px;top:0;position:absolute}

.mod_navigationMain {margin-top: 10px;background-color:#20305a;}
.mod_navigationMain ul,
.mod_navigationMain li{margin:0;padding:0;list-style-type:none}
.mod_navigationMain li {float:left}
.mod_navigationMain a ,
.mod_navigationMain span{display:block;padding: 9px;font-size:100%;font-weight:normal;text-decoration:none;color:#fff;}
.mod_navigationMain {width:100%;}
.mod_navigationMain ul {width:100%;}
.mod_navigationMain li {width:16%;border-right: 1px solid #fff;}
.mod_navigationMain li.first {width:8%;}
.mod_navigationMain li.last {border:none;}
.mod_navigationMain li {background-color:#20305a;}
.mod_navigationMain li span.active,
.mod_navigationMain li.trail,
.mod_navigationMain li a:hover {background-color: #E30613;color: #fff;}

.mod_navigationSub ul,
.mod_navigationSub li {margin: 0; padding:0; list-style-type:none;}
.mod_navigationSub a {display: block; margin-top:1px; padding: 9px; font-weight: normal; text-decoration: none; border-top: 1px solid #fff;border-bottom: 1px solid #fff;color:#20305a; background-color: #fff;}
.mod_navigationSub a:hover{background-color:#E30613; font-weight:normal; text-decoration:none;color:#fff;}
.mod_navigationSub li span.active,
.mod_navigationSub li .trail{display: block; margin-top: 1px; padding: 9px; background-color: #E30613; font-weight: normal; text-decoration: none; color:#fff; border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.mod_navigationSub h2 {font-size: 120%; margin-bottom: 5px; padding-left: 9px;color: #fff;}


#main .image_container .caption{margin-top:5px;text-align:center;font-size:11px}
.mod_kartonfinder{margin-top:50px;margin-left:20px}
.ce_gallery {margin:0;padding:0;}
.ce_gallery .caption{color:#999}
.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:#666;}
.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 dotted #7AB2CB;font-size:11px}
.mod_search h3{margin:0 0 2px;padding:0}
.mod_search h3 a{font-weight:bold}
.mod_search .context{margin:0 5px 3px 0;line-height:1.6}
.mod_search .url{margin-bottom:12px;font-size:11px;color:#5D1561}
.mod_search .relevance{font-size:11px;font-weight:normal;color:#5D1561}
.mod_search .highlight{font-weight:bold}
.mod_search .filesize{display:none}

.mod_breadcrumb{
  padding:5px 0 5px 0;
  font-size:80%;
  font-weight:normal;
  text-decoration:none;
  color:#2E2D2C;
}
.mod_breadcrumb a {
  font-size:80%;
  font-weight:normal;
  text-decoration:none;
  color:#2E2D2C;
}
.mod_breadcrumb a:hover {color:#5D1561;}

/* --- Suche ------------------------ */
#suchen {
	margin: 15px 0 0 0;
}	
/*Such-Eingabefeld*/
#suchen input[type=text] {width: 60%;}
#suchen input[type=submit] {width: 30%;float:right;}

#suchen input[type=text],
#suche input[type=search] {
	margin: 0;
	padding: .4em;
	border: 1px dashed #20305a;
	background: hsla(0,0%,100%,.7);
}
/*Such-Absendefeld*/
#suchen input[type=submit],
#suche .mod_search input[type=submit] {margin: 0 0 15px 0;
	padding: .4em;
	border: 1px solid hsla(0,0%,0%,.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #20305a;
	background-image: -moz-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,.3));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,.3)));
	color: #fff;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.8);
}
#suche .mod_search p {margin-bottom: 15px;}
#suche .ce_text {margin: 0;}

.mod_search .even,
.mod_search .odd {margin: 0 0 15px 0;}
#header-container {width:100%;margin: 5px 0;padding:0;display:block;background:url("../../files/tp/icons/rand_s.jpg") bottom repeat-x #20305a;}
#header-nav {width:24.1%;margin:0;padding:0;float:left;background-color: #8D8B8D;padding-bottom: 30000px; margin-bottom: -30000px;}
.mod_article,
.flexslider{margin: 0;padding:0;width: 100%;}	
.flexslider ul,
.flexslider ul li {margin:0;padding:0;}

input .captcha, .g100 {margin-bottom:5px;}
/* Formular ---------------------------------*/
.formbody {width:100%;}
.subc{margin:0;}
.ce_form {margin:0; padding: 0;}
.ce_form input, 
.ce_form select, 
.ce_form textarea {
	margin: 0 0 10px 0;
    width: 65%; 
    padding: 10px 0 10px 10px; 
	color: #000; 
	border: 1px solid #cacac8; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.ce_form input[type=submit] {
	padding: 7px;
	background: #D01A26; 
	color: #fff; 
	border: 1px solid #cacac8; 
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	border-radius: 7px;
}
.ce_form option {padding: 10px;}
.ce_form label, .ce_form legend {width: 35%; margin: 0; float: left;}
.ce_form select {height: 30px; padding: 4px;}
.ce_form textarea {}
.radio_container {margin-top: 1px;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}
.radio_container legend span {margin: 8px 0 10px 0; display: inline;}

.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin: 8px 0 10px 0; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px; border: none; padding: 0;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}
.captcha_text{padding-left: 35%;}

.submit_container input {
	margin: 0;padding:0 0 0 10px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: auto;	}
.submit_container {margin-top:10px;float:left;padding-left:35%;}
	
label.error, span.mandatory, p.error {color: #D01A26;font-size:1.3em;font-weight:bold;}

input.error {border: 1px solid #D01A26;}
.more a, p.back a{color: #D01A26;font-size:0.9em;}
.info {font-size:0.9em;}
.enclosure  a{color: #D01A26;text-decoration:none;}
.enclosure  a:hover{text-decoration:underline;}
/* End Formular */ 

}
.explanation {margin-top:40px;margin-bottom:40px;}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}
@media screen{
.animenu > ul:after {
  content: "";
  display: table;
  clear: both;
}

body {
  -webkit-animation: bugfix infinite 1s;
}
.animenu {margin-top:37px;float:right;}
.animenu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.animenu > ul {width:100%;margin:0;padding:0;list-style:none;}
.animenu li > a.trail,
.animenu li > span.trail,
.animenu li > span.active,
.animenu li:hover > a  {color: #E30613;}

.animenu li:hover > ul {
  opacity: 1;
  visibility: hidden;
  display:none;
  margin: 0;
}
.animenu input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.animenu label {
  display: none;
  cursor: pointer;
  user-select: none;
}
.animenu  > label:hover {color:#E30613;}


.animenu > ul {float:left;}
.animenu > ul > li {float:left;border-right: 1px solid #20305a;}
.animenu > ul li.last {border-right:none;}

.animenu > ul > li > span {display:block;padding:0px 13px 0px 13px;font-family: 'Muli', sans-serif;font-size:120%;font-weight:normal;text-decoration:none;color:#20305a;text-align:right;}
.animenu > ul > li a {display:block;padding:0px 13px 0px 13px;font-family: 'Muli', sans-serif;font-size:120%;font-weight:normal;text-decoration:none;color:#20305a;text-align:right;}
.animenu > ul a:hover {color: #E30613;}

.animenu > ul > li > span.last,
.animenu > ul > li a.last {padding-right:0;}
.animenu > ul ul {
  position: absolute;
  display:none;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 2em 0 0 0;
  background-color: #373737;
  background-image: none;
}

.animenu > ul ul li {
  display: block;
}
.animenu > ul ul li:first-child > a {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.animenu > ul ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 4em;
  top: -12px;
  border: 6px solid transparent;
  border-bottom-color: inherit;
}
.animenu > ul ul li:last-child > a {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
} /* screen end*/
@media screen and (max-width: 768px) {
.animenu {margin-top:10px;background-color: #fff;float:none; width:auto; }
.animenu > ul {width:100%;border-left:0;}
.animenu > ul > li > a {padding: 1em 0 3em 0;font-weight:bold;text-align:left;}
.animenu > ul > li > span {text-align:left;padding: 1em;}
.animenu > ul ul a {padding: 1em;}
.animenu > ul ul a:hover {background-color: #E30613;color:#fff;} /* rot */

.animenu > ul, .animenu > ul ul {
    visibility: visible;
    opacity: 1;
    display: none;
}
.animenu li {position: relative;float: none;}
.animenu > ul > li.first {width:100%;}

.animenu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
.animenu li:hover > a {
    background-color: #E30613;
    color: #fff;
	font-weight:bold;
}

.animenu input[type=checkbox]:checked ~ label,
.animenu input[type=checkbox] ~ label:hover {color: white;}
  .animenu label {
    border: 1px solid #040404;
    background-color: #E30613;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 1em 3em;
  }
  .animenu label:before {
    position: absolute;
    left: 0.5em;
    top: 0.1em;
    content: "\2261";
    font-size: 2em;
  }
  .animenu > ul {
    position: relative;
    border: 1px solid #20305a;
    margin: 0.5em 0 !important;
  }
  .animenu > ul:after {
    content: '';
    position: absolute;
    left: 2em;
    top: -12px;
    border: 6px solid transparent;
    border-bottom-color: inherit;
  }
  .animenu > ul li {display: block;border-bottom:1px solid #20305a;}
  .animenu > ul > li {
    float: none;
    border:none;
	background-color: #fff;
  }
  .animenu > ul > li > a {
    float: none;
    display: block;
    padding: 1em;
	color:#20305a;
  }
  .animenu > ul ul {
    position: static;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
	background-image: none;
    margin: 0;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }
  .animenu > ul ul li:first-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .animenu > ul ul li:first-child > a:after {
    content: none;
  }
  .animenu > ul ul li:last-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .animenu > ul ul a {padding-left: 2em;display: block;width: auto;color:#20305a;}
  .animenu input[type=checkbox]:checked ~ ul {display: block;}
  .animenu input[type=checkbox]:checked ~ ul ul {display: block;}
}
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1; width:100%; margin:0 auto;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
/*.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}*/
.flex-caption {padding: 1%; position: absolute; left: 10px; bottom: 10px; background: rgba(255,255,255,.75);font-weight:bold;color:#042B60;text-shadow: 0 -1px 0 rgba(255,255,255,.3); font:2em/1em Arial,Helvetica,sans-serif;line-height:1.6;}
/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: 0 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: 0px;}
.flex-direction-nav li .prev {left: 0px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -20px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
@media (max-width:768px) {
.wrapper {margin:0;padding:5px;width:auto;background-image:none;}
#header, #footer { height:auto; }
#container { padding-left:0; padding-right:0; }
#main, #left, #right, #logo { float:none; width:auto; }
#left { right:0; margin-left:0; }
#right { margin-right:0; }
#left .inside, #main .inside,#footer .inside {padding:10px 0;}
#main {min-height:300px;}
#main  .ce_headline {margin-top:0;} 
#header-top {margin-top:10px;}
.anfang {margin-top:0;}
.top-100 {margin-top:20px;}
#footer a {color:#fff}
#left .inside, #footer .inside {padding:10px}
#kontakt label,#kontakt input,#kontakt textarea, #kontakt select {width:100%;}
h1{font-size:1.4em;}
h3{font-size:1em;}
.submit_container {float:none;padding-left:0;}
.flexslider .flex-caption{display: none;}
.captcha_text{padding-left: 0;}
}
@media only screen and (max-width:1024px) and (orientation:landscape){
.wrapper {margin:0;padding:5px;width:auto}
}