@import url(bcs.css);
@import url(powermail.css);
@import url(tt_news.css);
@import url(tt_products.css);

nav#mobile{display: none;}
nav#mobile {
		background-color:#242521;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		float:left;
		width:100%;
		margin-left:-2%;
}

/*
Top black bar that holds the toggle button
*/

nav#mobile #toggle-bar {
	line-height:70px;
	background: #656e88; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NmU4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ5NDk3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQ5NDk3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjJlNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #656e88 0%, #49497a 50%, #49497a 51%, #2f2e65 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656e88), color-stop(50%,#49497a), color-stop(51%,#49497a), color-stop(100%,#2f2e65)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #656e88 0%,#49497a 50%,#49497a 51%,#2f2e65 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #656e88 0%,#49497a 50%,#49497a 51%,#2f2e65 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #656e88 0%,#49497a 50%,#49497a 51%,#2f2e65 100%); /* IE10+ */
background: linear-gradient(to bottom,  #656e88 0%,#49497a 50%,#49497a 51%,#2f2e65 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656e88', endColorstr='#2f2e65',GradientType=0 ); /* IE6-8 */

}

/*
Toggle button #1 ("Menu")
*/

nav#mobile strong a {
	margin-left:30px;
	border:1px solid #fff;
	padding:10px;
	color: #fff;
}

/*
Toggle button #2 ("Navicon")
*/

nav#mobile .navicon {
	float: right;
	height: 6px;
	width: 34px;
	margin: 20px;
	border-top: 18px double #FFF;
	border-bottom: 6px solid #FFF;
	font-size:0;
	
}

/*
The dropdown menu
*/
nav#mobile ul{
	padding-left: 0;
}
nav#mobile ul li {
	clear:both;
	list-style:none;
}

nav#mobile ul li a {
	display:block;
	/*background-color:#300;*/
	text-transform:uppercase;
	letter-spacing:.2em;
	margin:2px 0;
	padding:6px 0 6px 8px;
	color: #ffffff;
}

nav#mobile ul ul {
	font-size:small;
	padding-left:0;
}

nav#mobile ul ul li {
	/*margin-left:30px;*/
}

nav#mobile ul ul a {
	background-color:#333;
	padding-left:8px;
	color: #ffffff;
}

nav#mobile ul ul a:before {
	content: "\2192";
	padding-right:8px;
}
div#header2{background: none repeat transparent;}
.anniversary{float: right; margin-right: 100px;}
.anniversary img{display: block;
    height: auto;
    position: absolute;
    right: 37px;
    width: 100px !important;
	-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
-webkit-transform: rotate(15deg);

transform: rotate(15deg);}
#header2 img{width: 100%; height: auto;}


.tx_powermail_pi1_fieldwrap_html_content{height: 350px; overflow: auto; border: 1px solid #565B57; border-radius: 3px; padding: 10px; width: 77%;}
.tx_powermail_pi1_fieldwrap_html_radio{border-radius: 3px; width: 81%}
.powermail_radio_inner_uid19_0{display: none;}
.powermail_radio_inner_uid19_1{}
.powermail_radio_inner_uid19_1 input{position: relative;
display: block;
float: left;
width: 30px;}
.powermail_radio_inner_uid19_1 label{
	width: 86% !important;
    clear: none !important;
}


@media screen and (min-width: 800px) and (max-width: 1023px){
div#wrapper{ width: 800px; overflow: hidden;}
div#innerwrapper{margin: 0;}
div#header_navi div#menuoben{display: none;}
nav#mobile{display: block; float: right; width: 600px;}
div#angebot{top: 98px; left: 0;}
div#footer{width: 100%;}
div#innerfooter{margin: 0;}
div#innerfooter div#left{width: 150px;}
div#content div#col2{margin: 30px 10px 50px 250px;}
div#header2{height: 252px;}
div.news-list-item .list .img{margin-right: 10px;}
div.news-list-item .list .content{width: 300px;}
.anniversary img{right: 4px;}
}
@media screen and (min-width: 768px) and (max-width: 799px){
div#wrapper{ width: 768px; overflow: hidden;}
div#innerwrapper{margin: 0;}
div#header_navi div#menuoben{display: none;}
nav#mobile{display: block; float: right; width: 568px;}
div#angebot{top: 98px; left: 0;}
div#footer{width: 100%;}
div#wrapperfooter{height: 95px;}
div#innerfooter{margin: 0; height: 95px;}
div#innerfooter div#left{width: 150px;}
div#content div#col2{margin: 30px 10px 50px 250px;}
div#innerfooter div#kontakt{float: left; padding: 0 21px 0 0;}
div#header2{height: 241px;}
div.news-list-item .list .img{margin-right: 10px;}
div.news-list-item .list .content{width: 270px;}
.anniversary img{right: 3px;}
}

@media screen and (min-width: 600px) and (max-width: 767px){
div#wrapper{ width: 600px; overflow: hidden;}
div#innerwrapper{margin: 0;}
div#header_navi div#menuoben{display: none;}
nav#mobile{display: block; float: right; width: 399px;}
div#angebot{top: 98px; left: 0;}
div#footer{width: 100%;}
div#wrapperfooter{height: 95px;}
div#innerfooter{margin: 0; height: 95px;}
div#innerfooter div#left{width: 150px;}
div#content div#col1{ display: none;}
div#content div#col2{margin: 30px 5px 50px 5px; float:none;}
div#content div#col2 #inhalt{width: 100%;}
div#innerfooter div#kontakt{float: left; padding: 0 21px 0 0; font-size: 11px;}
div#header2{height: 190px;}
div.news-list-item .list .img{margin-right: 10px;}
div.news-list-item .list .content{width: 355px;}
.anniversary img{right: 3px; width: 81px !important;}
}
@media screen and (min-width: 480px) and (max-width: 599px){
div#wrapper{ width: 480px; overflow: hidden;}
div#innerwrapper{margin: 0;}
div#header_navi div#menuoben{display: none;}
nav#mobile{display: block; float: right; width: 100%;}
div#angebot{display: none;}
div#footer{width: 100%;}
div#wrapperfooter{height: 95px;}
div#innerfooter{margin: 0; height: 95px;}
div#innerfooter div#left{width: 150px;}
div#content div#col1{ display: none;}
div#content div#col2{margin: 30px 5px 50px 5px; float:none;}
div#content div#col2 #inhalt{width: 100%;}
div#innerfooter div#kontakt{float: left; padding: 0 21px 0 0; font-size: 9px;}
div#header2{height: 218px;}
div.news-list-item .list .img{margin-right: 10px;}
div.news-list-item .list .content{width: 355px;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap{width: 100% !important;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{margin:0 !important;}
.anniversary img{right: 3px; width: 66px !important;}
}
@media screen and (max-width: 479px){
div#header_navi div#icons{display: none;}
div#wrapper{ width: 320px; overflow: hidden; }
div#innerwrapper{margin: 0;}
div#header_navi div#menuoben{display: none;}
nav#mobile{display: block; float: right; width: 100%;}
div#angebot{display: none;}
div#footer{width: 100%;}
div#wrapperfooter{height: 95px;}
div#innerfooter{margin: 0; height: 95px;}
div#innerfooter div#left{width: 150px;}
div#content div#col1{ display: none;}
div#content div#col2{margin: 30px 5px 50px 5px; float:none;}
div#content div#col2 #inhalt{width: 100%;}
div#innerfooter div#kontakt{float: left; padding: 0 21px 0 0;font-size: 9px;}
div#header2{height: 170px;}
div.news-list-item .list .img{margin-right: 10px;}
div.news-list-item .list .content{width: 310px;}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
    float: left;
    width: 100%;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap{width: 100% !important;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{margin:0 !important;}
.tx_powermail_pi1_fieldwrap_html_submit, .tx_powermail_pi1_fieldwrap_html_reset{width: 50%; float: left;}
.tx_powermail_pi1_fieldwrap_html_submit{}
.tx_powermail_pi1_fieldwrap_html_reset{padding: 0;}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit{margin: 1px 0 10px;}
.anniversary {
    float: right;
    margin-right: 100px;
    margin-top: -168px;
}
.anniversary img{width: 95px !important; right: 15px;}
}