/* CSS Document */

/**************************************************
copyright by cortona werbeagentur gmbh
***************************************************
***************************************************
Project:		draytek.de
File:			style.css
***************************************************
initial author: cortona werbeagentur gmbh
last editor: 	SE
firstVersion: 	11.10.2013
lastVersion: 	07.03.2014
*************************************************/

/*************************************************
FileStructure
**************************************************
1.0 Layout Structure
	1.1 Wrapper
	1.2 Header
	1.3 Container
	1.4 Left
	1.5 Main
	1.6 Right
	1.7 Footer

2.0 Content Structure 
	2.1 Content
	2.2 Content Header
	2.3 Content Left
	2.4 Content Main
	2.5 Content Right
	2.6 Content Footer

3.0 Navigation
	3.1 Main Navigation
	3.2 Subnavigation
	3.3 Footer Navigation
*************************************************/


/**************************************************
1.0 Layout Structure
**************************************************/

/* 1.1 Wrapper ***********************************/

#jPanelMenu-menu {
	display: none;
}

body {
	margin-top: 20px;
	-webkit-font-smoothing: antialiased;
	overflow-x: auto !important;
}

.block, body.sidebar_right #main {
	overflow: visible;
}

#wrapper, #header, #header_after, #footer, #bottom {
	width: 960px!important;
}
#header .inside {
	padding-right: 20px!important;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: none;
	color: #ed2324;
	font-weight: normal;
}

h4 {
	color: #606060;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.button:hover {
	text-decoration: none;
	background-color: #4b4b4b;
}

a.light:hover {
	text-decoration: none;
	background-color: #ed2324;
}

#wrapper {
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.11);
	box-shadow: 0 0 7px rgba(0,0,0,.11);
}

.borderless {
	border: none!important;
	margin-bottom: 5px;
	padding-bottom: 7px;
}

/* 1.2 Header ************************************/

#header{
	height: 124px;
}

/* Logo anpassen*/

#logo {
	top: 20px; 
	left: 20px; 
	position: absolute;
}

#logo img {
	width: auto;
	height: 60px;
	margin-top: 16px;
	margin-left: 18px;
}

#wrapper .mod_breadcrumb {
	margin: 40px 40px 0 40px;
}

/* 1.3 Container *********************************/

/* 1.4 Left **************************************/

/* 1.5 Main **************************************/

#mbCenter {
	overflow: visible;
}

#mbCloseLink {
	position: absolute;
	right: -8px;
	top: -8px;
	background: #e70012;
	padding: 0px 2px;
	border-radius: 12px;
}

#mbNumber, #mbCaption, #mbTitle, #mbNextLink, #mbPrevLink {
	display: none;
}

.servicebox_6.karte {
	padding: 10px;
	position: relative;
	height: 280px;
}

.karte .more_box {
	position: absolute;
	bottom: 45px;
	display: block;
	width: 244px;
	left: 10px;
	opacity: 0.9;
}

.servicebox_6 .more_box {
	background-color: #fff;
	padding: 1px;
}

.servicebox_6 .more_box p {
	margin: 5px;
	color: #ed2324;
	font-family: 'Open Sans Semibold Italic', sans-serif;
}

.servicebox_9 {
	text-align: center;
	padding: 0;
	margin-bottom: 15px;
	transition: all linear 0.25s;
	-ms-transition: all linear 0.25s;
	-moz-transition: all linear 0.25s;
	-webkit-transition: all linear 0.25s;
	-o-transition: all linear 0.25s;
}

.servicebox_9:hover {
	/*background: #F9F9F9;*/
}

.servicebox_9 img {
	/*border: 3px solid #fff;
	transition: all linear 0.25s;
	-ms-transition: all linear 0.25s;
	-moz-transition: all linear 0.25s;
	-webkit-transition: all linear 0.25s;
	-o-transition: all linear 0.25s;*/
}

.servicebox_9 h3 {
	padding: 0;
	margin-bottom: 10px;
}

.servicebox_9 h4 {
	color: #606060;
	text-align: left;
}

.servicebox_9 h5 {
	margin-bottom: 10px;
	padding: 0;
}

.servicebox_9 p {
	font-family: 'Open Sans Semibold Italic', sans-serif;
	color:#ed2324;
	position: absolute;
	bottom: 7%;
	background: #fff;
	opacity: 0.9;
	margin-bottom: 0;
	padding-bottom: 15px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 2em;
}

.servicebox_9 a {
	margin: 0;
}

.servicebox_9:hover img {
	/*border: 3px solid #d5533f;*/
}

/* Newsletter Liste */

#newsletter-kopie div.ce_text.block ul li, #newsletter-622 div.ce_text.block ul li {
	list-style: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	/*border-bottom: 1px solid gray;*/
	background-image:url(../i/newsletterarchiv_liste_bg.jpg);
	background-position:left bottom;
}

#newsletter-kopie div.ce_text.block ul, #newsletter-622 div.ce_text.block ul {
	padding-left: 0px;
}
/*Newsletter Seite*/
#newsletter_artikel .mod_subscribe h4 {
	display: none;
}
#newsletter_artikel .mod_subscribe {
	background-color: transparent;
	padding: 0;
	margin-bottom: 20px;
}
#newsletter_artikel .mod_subscribe input.submit, #tl_unsubscribe input.submit {
	width: auto!important;
	padding: 7px 20px;
	margin-top: 10px;
}
#newsletter_artikel .mod_subscribe input.submit:hover, #tl_unsubscribe input.submit:hover {
	background-color: #4b4b4b;
	cursor: pointer;
}


/*News-Modul Headlines*/

#aktuelle_news h1, #aktuelle_news h2 span a {
	color: #ed2324;
}

.nachrichtenliste {
	overflow: hidden;	
}

.nachrichtenliste .image_container {
	width: 30%;
}

#container .nachrichtenliste .image_container img {
	width: auto;
}

.nachrichtenliste.last {
	margin-bottom: 15px;
}

/*News auf der Frontpage*/

.nachrichtenliste_frontpage h4 {
	height: 47px;
	line-height: 1.5em;
}

.nachrichtenliste_frontpage .date {
	margin-bottom:10px; 
	background: #929292;
	color: #fff;
	display: inline-block;
	padding: 2px 15px;
}

.nachrichtenliste_frontpage .teaser {
	min-height: 95px;
}

.date {
	font-family: 'Open Sans Italic', sans-serif;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

/*Bild direkt unter h1*/

.top_image {
	height: 276px;
	margin-bottom: 15px;
}

.top_image img {
	height: 276px;
	width: auto;
}

/* 1.6 Right *************************************/

/*Newsletter Sidebox*/

#right .inside {
	/*background-color: #4b4b4b;*/
	margin-top: 40px;
}

#right .mod_login {
	margin-top: 40px;
	margin-right: 1px;
}

#right .mod_login input {
	margin-bottom: 15px;
}

#right .mod_subscribe h4 {
	margin-bottom: 15px;
}

#right .mod_subscribe a.button {
	padding-top: 7px;
	padding-bottom: 7px;
	padding: 7px 25px;
	width: 100%;
	font-size: 14px;
}

#right .mod_subscribe a.button:hover {
	background-color: #ed2324;
	cursor: pointer;
}

#right .socials_sidebox h4 {
	margin-bottom: 15px;
}

#right .socials_sidebox {
	padding: 5%;
	padding-bottom: 85px;
	background-color: #4b4b4b;
}

#right .socials_sidebox h4 {
	color: #fff;
}

#right .socials_sidebox .socials {
	text-align: center;
}

#right .socials_sidebox .socials a {
	padding-bottom: 5px;
	width: 50px;
	color: #8f8e8d;
	overflow: visible;
}

#right .socials_sidebox .socials a:hover {
	text-decoration: none;
}

#right .socials_sidebox .socials a.youtube {
	height: 40px;
	position: relative;
}

#right .socials_sidebox .socials a:before {
	content: '';
	background-position: center;
	font-size: 16px;
	line-height: 36px;
	width: 36px;
	height: 36px;
	padding: 0;
	display: inline-block;
	margin-bottom: 0;
}

#right .socials_sidebox .socials a.facebook:before {
	background-image: url('../i/layout/facebook_icon_grau.png');
}

#right .socials_sidebox .socials a.twitter:before {
	background-image: url('../i/layout/twitter_icon_grau.png');
}

#right .socials_sidebox .socials a.xing:before {
	background-image: url('../i/layout/xing_icon_grau.png');
}

#right .socials_sidebox .socials a.youtube:before {
	background-image: url('../i/layout/youtube_icon_grau.png');
}

#right .socials_sidebox .socials span.youtube {
	color: #8f8e8d;
	cursor: pointer;
}

#right .socials_sidebox .socials a.facebook:hover:before {
	background-image: url('../i/layout/facebook_icon_blau.png');
}

#right .socials_sidebox .socials a.twitter:hover:before {
	background-image: url('../i/layout/twitter_icon_blau.png');
}

#right .socials_sidebox .socials a.xing:hover:before {
	background-image: url('../i/layout/xing_icon_gruen.png');
}

#right .socials_sidebox .socials a.youtube:hover:before {
	background-image: url('../i/layout/youtube_icon_rot.png');
}

#right .mod_subscribe .submit, #footer .mod_subscribe .submit  {
	width: 100%!important;
	display: inline-block;
	padding: 7px 0;
	cursor: pointer;
}

/* 1.7 Footer ************************************/

#footer .contentbox {
	padding: 40px;
	font-family: 'Open Sans';
}

#footer .block {
	overflow: hidden;
}

#bottom .contentbox {
	overflow: hidden;
}

#footer .ce_form .submit_container input {
	float: right;
}

#footer .ce_form textarea {
	font-size: 12px;
}

#footer .ce_form .captcha-container {
	background: transparent;
	padding: 0;
}

#footer .ce_form .captcha {
	width: 100%;
}

#footer .mod_subscribe .submit {
	float: right;
}

#footer .socials a {
	padding-bottom: 5px;
	width: 50px;
	color: #8f8e8d;
}

#footer .socials a:hover {
	text-decoration: none;
}

#footer .socials a:before {
	content: '';
	background-position: center;
	font-size: 16px;
	line-height: 36px;
	width: 36px;
	height: 36px;
	padding: 0;
	display: inline-block;
	margin-bottom: 0;
}

#footer .socials a.facebook:before {
	background-image: url('../i/layout/facebook_icon_grau.png');
}

#footer .socials a.twitter:before {
	background-image: url('../i/layout/twitter_icon_grau.png');
}

#footer .socials a.xing:before {
	background-image: url('../i/layout/xing_icon_grau.png');
}

#footer .socials a.youtube:before {
	background-image: url('../i/layout/youtube_icon_grau.png');
}

#footer .socials span {
	color: #8f8e8d;
	cursor: pointer;
}

#footer .socials a.facebook:hover:before {
	background-image: url('../i/layout/facebook_icon_blau.png');
}

#footer .socials a.twitter:hover:before {
	background-image: url('../i/layout/twitter_icon_blau.png');
}

#footer .socials a.xing:hover:before {
	background-image: url('../i/layout/xing_icon_gruen.png');
}

#footer .socials a.youtube:hover:before {
	background-image: url('../i/layout/youtube_icon_rot.png');
}

.socials .one_fourth {
	overflow: visible;
}

/***********1.0 Layout Structure End **************
**************************************************/


/**************************************************
2.0 Content Structure
**************************************************/

/* 2.1 Content ***********************************/

#veranstaltungen .ce_text {
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}

#veranstaltungen .ce_text:last-child {
	border-bottom: none;
}


/*Produktuebersicht*/

.produktuebersicht .produkt {
	float: left;
	width: 47%;
	height: 340px;
	text-align: center;
	border: 1px solid #ddd;
	margin: 7px;
}

table.table_products{
	border: none;
	margin: 0;
	padding:0;
}

table.table_products td{
	vertical-align: bottom;
	height:190px;
}

.produktuebersicht .produkt .image_wrapper {
	bottom: 0;
	text-align: center;
}

.produktuebersicht .produkt img {
	margin: 10px auto 0 auto;
	max-width: 200px;
	max-height: 160px;
}

.produktuebersicht .produkt a {
	display: block;
}

.produktuebersicht .produkt a:hover {
	text-decoration: none;
}

.produktuebersicht .produkt h3 {
	margin-top: -10px;
}

.produktuebersicht .produkt .icons_produkte div{
	width: 38px;
	height: 38px;
	margin: 12px 5px 8px 5px;
	background-image: url(../i/layout/produkt-icons.png);
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
}
.produktuebersicht .produkt .icons_produkte div:hover:before {
	content: 'test';
	color: #fff;
	position: absolute;
	top: -35px;
	display: block;
	height: 34px;
	font-size: 14px;
	background-image: url(../i/layout/hover_produktuebersicht.png);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 23px;
	padding: 0 7px;
	white-space: nowrap;
}

.produktuebersicht .produkt .icons_produkte .legend_1 {/*Enterprise-Geraet*/
	background-position: -1px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_2 {/*KMU-Geraet*/
	background-position: -42px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_3 {/*Home Office Geraet*/
	background-position: -83px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_9 {/*DSL-Informationen/VDSL*/
	background-position: -124px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_10 {/*DSL-Informationen/ADSL*/
	background-position: -124px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_11 {/*DSL-Informationen/VDSL & ADSL*/
	background-position: -124px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_12 {/*DSL-Informationen/Breitband*/
	background-position: -124px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_8 {/*Breitband-Informationen*/
	background-position: -165px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_13 {/*WLAN-Informationen/2,4 Ghz*/
	background-position: -206px -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_14 {/*WLAN-Informationen/5 Ghz*/
	background-position: -206px  -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_15 {/*WLAN-Informationen/Simultan*/
	background-position: -206px  -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_16 {/*WLAN-Informationen/Wlan-Management*/
	background-position: -206px  -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_19 {/*VPN-Informationen/VPN*/
	background-position: -288px  -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_20 {/*VPN-Informationen/VPN-Management*/
	background-position: -288px  -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_17 {/*Specials/IPTV-Unterstuetzung*/
	background-position: -247px  -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_18 {/*Specials/Jugendschutzfilter*/
	background-position: -247px  -1px;
}
.produktuebersicht .produkt .icons_produkte .legend_21 {/*VoIP-Informationen/VoIP*/
	background-position: -329px  -1px;
}
/*hovers*/
.produktuebersicht .produkt .icons_produkte .legend_1:hover:before {/*Enterprise-Geraet*/
	content: 'Enterprise-Gerät';
	left: -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_2:hover:before  {/*KMU-Geraet*/
	content: 'KMU-Gerät';
	left: -24px;
}
.produktuebersicht .produkt .icons_produkte .legend_3:hover:before  {/*Home Office Geraet*/
	content: 'Home-Office-Gerät';
	left: -50px;
}
.produktuebersicht .produkt .icons_produkte .legend_9:hover:before  {/*DSL-Informationen/VDSL*/
	content: 'VDSL';
	left: -5px;
}
.produktuebersicht .produkt .icons_produkte .legend_10:hover:before  {/*DSL-Informationen/ADSL*/
	content: 'ADSL';
	left: -5px;
}
.produktuebersicht .produkt .icons_produkte .legend_11:hover:before  {/*DSL-Informationen/VDSL & ADSL*/
	content: 'VDSL & ADSL';
	left: -30px;
}
.produktuebersicht .produkt .icons_produkte .legend_12:hover:before  {/*DSL-Informationen/Breitband*/
	content: 'Breitband';
	left: -20px;
}
.produktuebersicht .produkt .icons_produkte .legend_8:hover:before  {/*Breitband-Informationen*/
	content: 'Breitband';
	left: -20px;
}
.produktuebersicht .produkt .icons_produkte .legend_13:hover:before  {/*WLAN-Informationen/2,4 Ghz*/
	content: '2,4 Ghz';
	left: -12px;
}
.produktuebersicht .produkt .icons_produkte .legend_14:hover:before  {/*WLAN-Informationen/5 Ghz*/
	content: '5 Ghz';
	left: -7px;
}
.produktuebersicht .produkt .icons_produkte .legend_15:hover:before  {/*WLAN-Informationen/Simultan*/
	content: 'Simultan (2,4 GHz & 5GHz)';
	left: -74px;
}
.produktuebersicht .produkt .icons_produkte .legend_16:hover:before  {/*WLAN-Informationen/Wlan-Management*/
	content: 'Wlan-Management';
	left: -50px;
}
.produktuebersicht .produkt .icons_produkte .legend_19:hover:before  {/*VPN-Informationen/VPN*/
	content: 'IPTV-Unterstützung';
	left: -45px;
}
.produktuebersicht .produkt .icons_produkte .legend_20:hover:before  {/*VPN-Informationen/VPN-Management*/
	content: 'Jugendschutzfilter';
	left: -46px;
}
.produktuebersicht .produkt .icons_produkte .legend_17:hover:before  {/*Specials/IPTV-Unterstuetzung*/
	content: 'VPN';
	left: -2px;
}
.produktuebersicht .produkt .icons_produkte .legend_18:hover:before  {/*Specials/Jugendschutzfilter*/
	content: 'VPN-Management';
	left: -48px;
}
.produktuebersicht .produkt .icons_produkte .legend_21:hover:before {/*VoIP-Informationen/VoIP*/
	content: 'VoIP';
	left: -2px;
}
/*Before Elemente*/

.produktuebersicht .produkt .icons_produkte .legend_1:hover {/*Enterprise-Geraet*/
	background-position: -1px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_2:hover  {/*KMU-Geraet*/
	background-position: -42px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_3:hover  {/*Home Office Geraet*/
	background-position: -83px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_9:hover  {/*DSL-Informationen/VDSL*/
	background-position: -124px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_10:hover  {/*DSL-Informationen/ADSL*/
	background-position: -124px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_11:hover  {/*DSL-Informationen/VDSL & ADSL*/
	background-position: -124px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_12:hover  {/*DSL-Informationen/Breitband*/
	background-position: -124px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_8:hover  {/*Breitband-Informationen*/
	background-position: -165px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_13:hover  {/*WLAN-Informationen/2,4 Ghz*/
	background-position: -206px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_14:hover  {/*WLAN-Informationen/5 Ghz*/
	background-position: -206px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_15:hover  {/*WLAN-Informationen/Simultan*/
	background-position: -206px  -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_16:hover  {/*WLAN-Informationen/Wlan-Management*/
	background-position: -206px  -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_19:hover  {/*VPN-Informationen/VPN*/
	background-position: -288px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_20:hover  {/*VPN-Informationen/VPN-Management*/
	background-position: -288px  -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_17:hover  {/*Specials/IPTV-Unterstuetzung*/
	background-position: -247px  -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_18:hover  {/*Specials/Jugendschutzfilter*/
	background-position: -247px -42px;
}
.produktuebersicht .produkt .icons_produkte .legend_21:hover {/*VoIP-Informationen/VoIP*/
	background-position: -329px  -42px;
}

.produktuebersicht .produkt .new {
 	width:87px;
 	height:52px;
 	background-image: url("../i/layout/neu.png");
 	background-repeat: no-repeat;
 	position:relative;
 	top:0;
 	left:0;
	float: left;
}

#legende_produktübersicht {
	margin-bottom: 40px;
}

#legende_produktübersicht h3 {
	padding: 20px 0px 15px 0px;
}

#legende_produktübersicht img {
	margin: 0px 13px 15px 0px;
	float: left;
}

#legende_produktübersicht p {
	font-family: 'Open Sans Semibold', sans-serif;
	height: 45px;
	padding-top: 8px;
}

/*Produktdetailseite*/

h1.produktname {
	border-bottom: none;
	margin: 0 0 10px 0;
	padding: 0;
}

h2.produktteaser {
	margin-top:10px;
	padding: 0;
}

.produktfeatures {
	width: 100%;	
}

.livedemo {
	margin: 35px 0 65px 0;
	padding: 5px 40px;
	font-size: 15px;
	position: relative;
}

.livedemo:before {
	content: '» ';
	position: absolute;
	left: 25px;
}

.produktfeatures {
	width: 48%;
	margin-top: 60px;
}

.produktfeatures#vigor_acs {
	width: 100%;
}

.produktfeatures ul {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans Italic', sans-serif;
	letter-spacing: 0.05em;
}

.produktfeatures ul li {
	line-height: 2em;
	position: relative;
	margin-left: 20px;
	vertical-align: top;
	list-style-type: none;
}

.produktfeatures ul li:before {
	content: '» ';
	position: absolute;
	left: -15px;
}

.produktbild {
	float: right;
	position: relative;
	max-height: 300px;
	margin-top: 70px;
	z-index: 1;
	overflow: hidden;
	margin-left: 3%;
	width: 49%;
}

/*Tabellen*/

.panes {
	border-top-color: #ed2324;
}

.tabs {
	margin-bottom: -1px;
	font-family: 'Open Sans Semibold', sans-serif;
	overflow: visible;
}

.tabs a:hover {
	text-decoration: none;
}

.tabs ul li a {
	padding: 3px 4px 1px;
	font-size: 11px;
}

.tabs ul li a.current {
	overflow: visible;
	background-color: #ed2324;
	border-color: #ed2324;
}

.tabs li {
	margin-bottom: 1px;
	position: relative;
}

.tabs a.current:after {
	content: '';
	border-top: 12px solid #ed2324;
	border-right: 12px solid transparent;
	position: absolute;
	border-left: 12px solid transparent;
	top: 37px;
	left: 50%;
	margin-left: -12px;
}

.produkt_tabs table th {
	border-bottom: 1px solid #ccc;
}

.tablenon {
	border-bottom: 1px solid #fff;
}

.produkt_tabs table td, .produkt_tabs table th {
	text-align: center;
}

.produkt_tabs table {
	border-bottom: none;
}

.produkt_tabs table td {
	border-top: none;
}

.produkt_tabs table td:nth-child(even), .produkt_tabs table th:nth-child(even) {
	background-color: #f3f3f3;
}

/* Tabellen Modelle/Garantie */

div.produkt_tabs div#modelle table,
div.produkt_tabs div#garantie table {
	table-layout: fixed;	
}

div.produkt_tabs div#modelle table tr td,
div.produkt_tabs div#garantie table tr td {
	height: 60px;
}

.produkt_tabs table.draypartner td.left {
	text-align:left;
}

/* Tabelle Datenblatt */

div.produkt_tabs div#datenblatt table tr td {
	text-align: left;
	vertical-align: top;
}

div.produkt_tabs div#datenblatt table tr:nth-child(even) td:nth-child(even) {
	background-color: #FCFCFC;
}

div.produkt_tabs div#datenblatt table tr:nth-child(odd) {
	background-color: #F3F3F3;
}

/*TAB ahnliche Produkte*/ 

.aehnliches_produkt {
	display: table;
	margin-bottom:40px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding:10px;
	width: 100%;
}

.aehnliches_produkt img {
	max-width: 165px;
}

.aehnliches_produkt .left {
	width: 260px;
	margin-right:20px;	
}

.aehnliches_produkt .left img{
	margin-left:auto;
	margin-right:auto;
}

.aehnliches_produkt .left,  .aehnliches_produkt .right {
	display: table-cell;
	vertical-align: middle;
}

.aehnliches_produkt .right ul{
	margin-left:10px;
}

.aehnliches_produkt a:hover{
	text-decoration: none;
}

.aehnliches_produkt h1 {
	border-bottom: none;
	padding: 0;
	font-size: 16px;
	margin-bottom: 10px;
}

.aehnliches_produkt h2 {
	margin-top: 0;
	font-size: 14px;
	margin-bottom: 10px;
}

.aehnliches_produkt h2 a {
	color: #606060;
}

.aehnliches_produkt ul {
	list-style-type: disc;
}

.ce_table.first_left td.col_0, .ce_table.first_left th.head_0{
	text-align: left;
	padding-left:20px;
}

/* Suchfunktion */

#container .mod_search {
	margin-bottom: 40px;
}

#container .mod_search .text {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	width: 85%;
}

#container .mod_search .submit {
	margin: 0;
	padding: 0;
	width: 15%;
	opacity: 1;
}

#container .mod_search .submit:hover {
	background: #4b4b4b;
	cursor: pointer;
}

#container .image_container img {
	max-height: 250px;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#container .nachrichtenliste_frontpage img {
	width: auto;
}

/* 2.2 Content Header ****************************/

/* 2.3 Content Left ******************************/

/* 2.4 Content Main ******************************/

.socials a:before {
	text-align: center;
}

/*Suchfunktion*/

.suche #right .mod_search {
	display: none;
}

.suche #main .mod_search .formbody {
	height: 40px;
}

.suche fieldset.radio_container {
	display: none;
}

/*Newsletter Bestätigung*/

.nl_bestaetigung div.mod_subscribe {
	visibility: hidden;
}

/*FAQ*/

#faq ul {
	padding: 10px 10px 10px 0;
	/*border: 1px solid #000;*/
	overflow: visible;
}
#faq ul li {
	background-color: #b8b8b8;
	color: #fff;
	margin-bottom: 7px;
	padding: 3px 10px;
	cursor: pointer;
}
#faq select {
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	margin-bottom: 15px;
}
#select_kategorie {
	height: auto!important;
}
.select_produkt {
	display: none;
	height: auto!important;
}
.kategorie.active {
	background-color: #ed2324!important;
	position: relative;
}
.kategorie.active:before {
	content: '»';
	position: absolute;
	right: -20px;
	top: 0;
	color: #ed2324;
	font-size: 29px;
}

.unterkategorie3 .kategorie.active:before{
	content: '';
}

.headline_produkt {
	display: none;
}
h2.frage {
	clear: both;
	font-size: 16px;
	border-bottom: 1px solid #b8b8b8;

}

h2.frage a{
	color: #606060;
	font-family: 'Open Sans Semibold', sans-serif;
}

.fragen_container {
	
}
.wrap {
	display: none;
	margin-bottom: 25px;
}
.wrap h1 {
	display: none;
}
li .antwort {
	display: none;
}
.faq_forward {
	margin-top: 15px;
	margin-left: 499px;
	display: none;
}
#faq_kontakt {
	display: none;
}
.search_results {
	clear: both;
	border-bottom: 1px solid #b8b8b8;
	border-top: 1px solid #b8b8b8;
	padding: 5px 0;
	line-height: 23px;
}
.pfad {
	font-style: italic;
}
.achtung {
 	background-image: url("../i/faq/achtung.png");
	padding: 15px 20px 0px 60px;
	border-top: 2px solid #ee2d39;
	border-bottom: 2px solid #ee2d39;
	margin-top: 30px;
}

.faq_info {
	background-image: url("../i/faq/hinweis.png");
	padding: 15px 20px 0px 60px;
	border-top: 2px solid #8cc63f;
	border-bottom: 2px solid #8cc63f;
	margin-top: 30px;
}

/*FAQ Kontaktformular*/

td .produkt {
	margin-left: 170px;
}

td .thema {
	margin-left: 175px;
}

#faq-kontakt .ce_form .submit{
	padding: 7px 14px;
}
#faq-kontakt .ce_form .submit:hover{
	cursor: pointer;
}

/*Startseite*/

#img_geraetemanagement img {
	width: 650px!important; 
	height: auto;
	margin-left: 0!important;
}

#img_drayschool img {
	width: 550px!important;
	height: auto;
	margin-left: 0!important;
}

/*Bezugsquellen*/

.bezugsquelle {
	min-height: 85px;
}

table.bezugsquellen img {
	width: 140px;
	height: auto;
}

.bezugsquelle .details {
	float: left;
}

/*Distributoren*/

table.bezugsquellen {
	border-bottom: none;
}

table.bezugsquellen tr {
	height: 135px;
}

/*DrayPartner*/

div#draypartner div.formbody input.submit {
	margin-top: 25px;
	max-width: 40%;
}

/*Zufriedene Kunden Slider*/
#zufriedene_kunden {
	overflow: hidden;
	padding: 19px 0px 18px;
}

#zufriedene_kunden div a {
	position: absolute;
	margin-left: 5px;
	margin-top: 10px;
	background-color: transparent;
}

#draypartnerbox a.a_transparent {
	background-color: transparent;
	margin:0;
	padding:0;
}

#zufriedene_kunden div {
	height: 187px;
}

#zufriedene_kunden p {
	margin: 0;
}

#zufriedene_kunden a.prev {
	position: absolute;
	left: 10px;
	top: 70px;
	z-index: 1;
	padding: 0;
	background-color: transparent;
	background-image: url(../i/layout/arrow_l.png);
	background-repeat: no-repeat;
	text-indent: -999999em;
	height: 62px;
	width: 30px;
}

#zufriedene_kunden a.next {
	position: absolute;
	right: 10px;
	top: 70px;
	z-index: 1;
	padding: 0;
	background-color: transparent;
	background-image: url(../i/layout/arrow_r.png);
	background-repeat: no-repeat;
	text-indent: -999999em;
	height: 62px;
	width: 35px;
}

/*Download Seite*/

.download_page table td img, .download_page table td a {
	vertical-align: middle;
}

.download_page table td img {
	margin-right: 10px;
}

/* 2.5 Content Right *****************************/

/* 2.6 Content Footer ****************************/

#footer, #footer h4, #footer a {
	color:#fff;
}

#footer .mod_subscribe h4 {
	padding-bottom: 0.3em;
} 

#footer .mod_subscribe {
	margin-bottom: 40px;
}

/***********2.0 Content Structure End **************
**************************************************/

/**************************************************
3.0 Navigation
**************************************************/

/* 3.1 Main Navigation ***************************/

nav#mainmenu {
	margin-right: -20px;
}

ul.vlist.level_1{
	height:124px;
}

nav#mainmenu ul.vlist.level_2 {
	min-width: 130px;
}

nav#mainmenu ul.level_1 > li > a{
	height:124px;
	padding-top: 70px;
}

nav#mainmenu ul.level_2 li a:hover {
	color: #d6d6d6!important;
}

nav#mainmenu ul.level_1 > li:hover > a {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #F3F3F3;
}

nav#mainmenu ul.level_2 ul {
	border-top: 1px solid #fff;
	border-left: none;
	top: -1px;
}

/*Icons*/
.icon-bezugsquellen {
	background: url(../i/navicons/nav_bezugsquellen.png) center 35px no-repeat;
}
.icon-produkte {
	background: url(../i/navicons/nav_produkte.png) center 45px no-repeat;
}
.icon-features {
	background: url(../i/navicons/nav_features.png) center 25px no-repeat;
}
.icon-neuigkeiten {
	background: url(../i/navicons/nav_neuigkeiten.png) center 35px no-repeat;
}
.icon-hilfe {
	background: url(../i/navicons/nav_help.png) center 35px no-repeat;
}
.icon-downloads {
	background: url(../i/navicons/nav_downloads.png) center 35px no-repeat;
}
.icon-services {
	background: url(../i/navicons/nav_services.png) center 35px no-repeat;
}

#footernav ul li.icon-bezugsquellen {
	background: url(../i/navicons/nav_bezugsquellen.png) center 35px no-repeat;
}

#footernav ul li.icon-produkte {
	background: url(../i/navicons/nav_produkte.png) center 45px no-repeat;
}

#footernav ul li.icon-neuigkeiten {
	background: url(../i/navicons/nav_neuigkeiten.png) center 35px no-repeat;
}

#footernav ul li.icon-hilfe {
	background: url(../i/navicons/nav_help.png) center 35px no-repeat;
	border-bottom: none;
}

#footernav ul li.icon-downloads {
	background: url(../i/navicons/nav_downloads.png) center 35px no-repeat;
	border-bottom: none;
}

#footernav ul li.icon-services {
	background: url(../i/navicons/nav_services.png) center 35px no-repeat;
	border-bottom: none;
}

#footernav li,  #footernav a, #footernav span {
	background-image: none!important;
}

/* 3.2 Subnavigation *****************************/

/*Produktnavigation*/

#produktuebersicht .produktnav ul li {
	margin: 2px 22px;
}

.produktnav ul li {
	float: left;
	width: 90px;
	height: 125px;
	margin-right:18px;
}

.produktnav ul li a {
	display: block;
	width: 70px;
	height: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../i/navicons/pnav_icons.png);
	margin: 0 auto 5px auto;
	background-color: transparent;
	color:#ed2324;
	padding: 0;
	padding-top: 77px;
	position: relative;
}

.produktnav ul li a:before {
	content: '»';
	margin-right: 2px;
	margin-left: -7px;
}

.produktnav ul li a:hover {
	color:#555;
	text-decoration: none;
}

.produktnav ul li.modem-router a{
	background-position: -490px 0px;
}

.produktnav ul li.modem-router a:hover {
	background-position: -490px -130px;
}

.produktnav ul li.breitband-router a{
	background-position: -70px 0px;
}

.produktnav ul li.breitband-router a:hover{
	background-position: -70px -130px;
}

.produktnav ul li.dual-wan a{
	background-position: -140px 0px;
}

.produktnav ul li.dual-wan a:hover{
	background-position: -140px -130px;
}

.produktnav ul li.multi-wan a{
	background-position: -560px 0;
}

.produktnav ul li.multi-wan a:hover{
	background-position: -560px -130px;
}

.produktnav ul li.ip-telefonie a{
	background-position: -280px 0;
}

.produktnav ul li.ip-telefonie a:hover{
	background-position: -280px -130px;
}

.produktnav ul li.switches a{
	background-position: -630px 0;
}

.produktnav ul li.switches a:hover{
	background-position: -630px -130px;
}

.produktnav ul li.wireless-lan a{
	background-position: -700px 0;
}

.produktnav ul li.wireless-lan a:hover{
	background-position: -700px -130px;
}

.produktnav ul li.isdn-produkte a{
	background-position: -350px 0;
}

.produktnav ul li.isdn-produkte a:hover{
	background-position: -350px -130px;
}

.produktnav ul li.ip-dslam a{
	background-position: -210px 0;
}

.produktnav ul li.ip-dslam a:hover{
	background-position: -210px -130px;
}

.produktnav ul li.lizenzprodukte a{
	background-position: -420px 0;
}

.produktnav ul li.lizenzprodukte a:hover{
	background-position: -420px -130px;
}

.produktnav ul li.zubehoer a{
	background-position: 0px 0;
}

.produktnav ul li.zubehoer a:hover{
	background-position: 0px -130px;
}

/* Produkt Popups */
#produkt_popups > div {
	display: none;
	position: absolute;
	top: 200px;
	width: 535px;
	color: #ed2324;
	font-style: italic;
}


/* 3.3 Footer Navigation *************************/

#footernav {
	padding: 20px 40px 0 40px;
	background-color: #000;
}

#footernav li{
	border: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

#footernav li a:hover{
	background-color: #ee2f37;
	color: #fff;
	text-decoration: none;
	padding: 2px 8px 2px 5px;
	margin-left: -19px;
}

#footernav li a:hover:before{
	content: "»";
	margin-right: 2px;
}

#footernav li.submenu {
	float:left;
	margin: 10px;
	width: 17%;
	height: 155px;
	border-bottom: 1px solid #fff;
}

#footernav li.icon-services {
	/*border-bottom: none!important;
	height: 100px;*/
}

#footernav ul.level_2 span.active {
	color: #D35056;
	position: relative;
}

#footernav ul.level_2 span.active:before {
	position: absolute;
	left: -13px;
	top: 1px;
}

#footernav ul.level_1 > li > a,  #footernav ul.level_1 > li > span{
	text-decoration: underline;
	padding: 2px 12px;
	margin-left: -12px;
}

#footernav ul.level_1 > li > a:before,  #footernav ul.level_1 > li > span:before{
	content: none;
}

#footernav li.submenu ul.level_2{
	margin-top: 5px;
	margin-left: 12px;
}


/***********3.0 Navigation End ********************
**************************************************/


p#chromeframe {
	background-color: #ed2324;
}

p#chromeframe a {
	color: #fff;
	text-decoration: underline;
}