/* 
Theme Name: Lampert TV.Web.Phone
Description: Custom Theme für Lampert Web.TV.Phone
Author: Martin Nemec
Author URI:
Version: 0.1
*/


/* ============================================= BROWSER RESET ============================================ */

* {  
	margin: 0;  
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1,3;
	vertical-align: baseline;
	text-decoration: none;
	}  

/* ============================================ TEXTFORMATIERUNGEN ======================================== */

h1, h2, h3 {
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif;
	color: #dc007c;
	}

h1 {	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
	}

h2 {	font-size: 15px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 8px;
	}

h3 {	font-size: 13px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #000;
	}

h1:first-of-type,
h2:first-of-type,
h3:first-of-type {
	margin-top: 0px;
	}


span,
p 	
	{
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	font-size: 13px;
	margin-bottom: 8px;
	}

li {	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	font-size: 13px;
	margin-bottom: 4px;
	}

a {
	color: #dc007c;
	text-decoration: none;
	}

.three-column-excerpt-container h2,
.two-column-excerpt-container h2,
.sidebar-content-container h2
	{
	margin: 4px 0 8px 0;
	}


#body-container p a:hover,
#body-container span a:hover,
#body-container li a:hover,
#body-container h1 a:hover,
#body-container h2 a:hover,
#body-container h3 a:hover
	{
	border-bottom: 1px solid #bbb;
	}

#body-container p a.nohover:hover
	{
	border-bottom: 0;
	}


.content-area ul,
.sidebar-content-container ul
	 {
	list-style-type: disc;
	list-style-color: #dc007c;
	padding-left: 25px;
	list-style-image: url(img/list-bullet-1.png);
	margin-bottom: 8px;
	}

.content-area ol {
	list-style-type: none;
	list-style-color: #74cb5b;
	padding-left: 25px;
	list-style-image: url(img/list-bullet-2.png);
	margin-bottom: 8px;
	}

/*
.content-area ol li {
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	background-image: url(img/list-bullet-2.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0 3px;
	}
*/

strong {
	color: #dc007c;
	}

.section-headline span,
.section-footer a
	{
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif;
	color: #555;
	font-size: 19px;
	}


#footer-container h2{
	color: #fff;
	}


#footer-container a,
#footer-container p
	{
	color: #9c9b9b;
	}

.date-author {
	color: #555;
	font-size: 11px;
	margin: 4px 0 4px 0;
	}


.alignleft {
	float: left;
	margin-right: 16px;
	}

.alignright {
	float: right;
	margin-left: 16px;
	}

p.abstand {
	margin-bottom: 13px;
	}

/* ============================================= DIV-GERÜST =============================================== */

/* --------------------------------------------- GRUNDGERÜST ---------------------------------------------- */

body {
	background-color: #ebebeb;			/* Heller Hintergrund hinter gesamter Seite */
	}

#header-container {					/* ---------------- Header-Bereich --------------*/
	position: absolute;				/* ausrichten */ 
	width: 100%;					/* gesamte Bildschirmbreite */ 
	height: 185px;					/* Höhe */ 
	background-image: url(img/header-bg.png);	/* Hintergrundbild */
	background-color: #282828;			/* Hintergrund-Farbe als Fallback */
	background-repeat: repeat-x;			/* Hintergrundbild horizontal wiederholen */
    }

#body-container {					/*--- Container für Content- und Footer-Bereich --*/
	position: absolute;				/* ausrichten */ 
	top: 186px;					/* horizontal unter Menü Ausrichten */
	left: 50%;					/* Zentrieren */ 
	margin-left: -480px;				/* Zentrieren (Wert: Halbe Breite)*/
	width: 962px;					/* Breite */  
	padding-bottom: 35px;				/* zum Footer etwas Abstand */
	overflow: visible;				/* wichtig! */
	}

#content-container {					/* -- Container für Slider, Content und Sidebar --*/
	width: 960px;					/* Breite */ 
	background-color: #f8f9f8;			/* Hintergrundfarbe (hellgrau) */
	border-left: 1px solid #bbb;			/* grauer Rand links */
	border-right: 1px solid #bbb;			/* grauer Rand rechts */
	z-index: 500;					/* liegt vor Footer wegen Schatten*/
	overflow: visible;				/* wichtig! */
    }


.content-area {						/* ---------------- Content-Bereich ------------*/
	width: 720px;					/* Breite */ 
	overflow: auto;					/* wichtig! */
	padding-bottom: 20px;				
	float: left;					/* floatet links (neben Sidebar)*/
    }

.content-area-nosidebar {				/* -------- Content-Bereich ohne Sidebar -------*/
	width: 960px;					/* Breitr als mit Sidebar */ 
    } 

.content-area-produkte {				/* -- Content-Bereich bei volle 960px breite ---*/
	width: 960px;					/* breiter als mit Sidebar */ 
	padding-bottom: 0;				/* kein Abstand zum Footer */
    } 


#sidebar-container {					/* ------------- Sidebar-Bereich ---------------- */
	width: 220px;					/* Breite */ 
	float: left;					/* floatet links (neben Content-Bereich) */
	overflow: visible;
	}

#sidebar-menu-container {
	width: 220px;					/* Breite */ 
	float: left;					/* floatet links (neben Content-Bereich) */
	overflow: visible;
	}

#footer-container {					/* ---------------- Footer-Bereich ---------------*/
	width: 962px;					/* Breite */ 
	height: 115px;					/* Höhe */
	-webkit-border-bottom-left-radius: 10px;	/* Abgerundete Ecken */
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background-color: #383737;			/* dunkelgrauer Hintergrund*/
	overflow: auto;					/* wichtig! */
    }

#content-container,					/* -------- Schatten links und rechts ----------- */
#footer-container {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.25);	
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.25);
	box-shadow: 0 0 15px rgba(0,0,0,.25);
}

.clearfix {						/* - Clearfix für overflow bei Content-Container - */
	clear: both;					/* - Container darf keine Scrollbaras haben ------ */
	}


/* ---------------------------------------------- HEADER -------------------------------------------------- */

#logo-container {					/* ------------------- Logo --------------------- */
	width: 288px;					/* Breite */
	height: 81px;					/* Höhe */
	position: absolute;				/* positionieren */
	top: 18px;					/* vertikale Position */
	left: 50%;					/* zentrieren */ 
	margin-left: -468px;				/* Wert = 1/2 Breite Menü-Container (962px) - 13px Einrückung v. links*/
	background-image: url(img/logo-bg.png);		/* Logo-Bild */
	}

#logo-container a
	{						/* ---------------- Logo-Link ------------------ */
	display: block;					/* Link auf ganze Breite ausdehnen */
	line-height: 81px;				/* Link auf ganze Höhe ausdehnen */
	opacity: 0;					/* Blog-Titel als Text ausblenden */ 
	filter: alpha(opacity=0);			/* -"- für IE 7 ausblenden */ 
	}

#blog-description {
	display: none;					/* Blog Description nicht anzeigen (als Fallback für css-Ausfall im Template) */
	}


/* ---------------------------------------------- CONTENT -------------------------------------------------- */


.post-container {					/* -------- Container für den Post ------- */
	width: 702px;
	margin: 8px;
    }

.post-container-nosidebar {				/* - Container für den Post, wenn keine Sidebar -*/
	width: 944px;					/* Breiter also mit Sidebar */
	}

.post-container-produkte {				/* ------- Container für Produkte-Seite ---------*/
	width: 960px;					/* Container für den Post, volle 960px breit */
	margin: 0;					/* kein Rahmen, damit volle 960px breit */
	}


.post-container-produkte p {				
	margin-top: 0;					/* Absätze kein Abstand darüber */
	}


.three-column-excerpt-container {			/* -------- 3-Spaltiger Excerpt ---------- */
	width: 204px;
	min-height: 260px;
	margin: 8px;
	padding: 8px;
	float: left;					/* floatet links neben den anderen Excerpts */
    }

.two-column-excerpt-container {				/* -------- 3-Spaltiger Excerpt ---------- */
	width: 324px;					
	min-height: 144px;					
	margin: 8px;
	padding: 8px;
	float: left;					/* floatet links neben den anderen Excerpts */
    }

.two-column-excerpt-thumb-container {			/* --- Cont. f. Thumbnail von 3-Spalter --- */
	display: inline-block;
	vertical-align: top;
	width: 50px;
	min-height: 100px;
	margin-right: 9px;
	}

.two-column-excerpt-text-container {			/* ----- Cont. f. Text von 3-Spalter ----- */
	display: inline-block;
	vertical-align: top;
	margin-left: 9px;
	width: 250px;
	}


.three-column-excerpt-container,			/* ------ Rahmen- und Schatten-Effekte ------ */
.two-column-excerpt-container,
.sidebar-content-container
	{
	border: solid 1px #f8f9f8;			/* Rahmen in Hintergrundfarbe des content-containers (unsichtbar) */
	}

.two-column-excerpt-container:hover,
.three-column-excerpt-container:hover,
.sidebar-content-container:hover
	{
	border: solid 1px #d0d1d0;			/* Rahmen dunkelgrau des sichtbar */
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.05);    /* schatten bei Mouseover */
	-moz-box-shadow: 2px 2px 7px rgba(0,0,0,.05);
	box-shadow: 2px 2px 7px rgba(0,0,0,.05);
	}



.section-headline {					/* --- Container f. Headlines f. Content-Bereiche --- */
	margin: 18px 9px 9px 9px;
	padding: 0 0 5px 0;
	border-bottom: 2px dotted #ccc;
	clear: both;
	}

.section-footer {					/* --- Container f. Footer-Links f. Content-Bereiche --- */
	margin: 0 9px 0 9px;
	text-align: right;
	clear: both;
	}

#content-area .section-headline,
#content-area .section-footer
	{
	width: 720px;
	}


.next-posts-link {
	float: left;
	}

.previous-posts-link {
	float: right;
	}

/* ---------------------------------------------- SIDEBAR -------------------------------------------------- */

.sidebar-content-container {				/* --- Container für Sidebar-Inhalte ----- */
	width: 204px;
	margin: 8px;
	padding: 8px;
	float: left;
	}

#sidebar-container .section-headline,			/* --- Container f. Headlines f. Content-Bereiche --- */
#sidebar-container .section-footer
	{
	width: 222px;
	}


/* ---------------------------------------------- FOOTER -------------------------------------------------- */

.footer-input-container{				/* ------ Container für E-Mail-Feld ----- */
	width: 250px;
	padding: 9px;
	float: left;					/* floatet ganz links */
	margin-left:10px;
	}

.footer-links-container{				/* --- Container für Sidebar-Inhalte ----- */
	width: 200px;
	padding: 9px;
	float: right;					/* floatet rechts neben den anderen */
	}


/* ============================================== HAUPTMENÜ =============================================== */

/* ------------------------------- Altes Zeug wird nicht mehr benötigt ------------------------------------ */

/*
.menu-main-container .menu-item:hover {text-decoration: underline;}
.menu-main-container .current-menu-item {visibility: visible;}
.menu-main-container .menu-item:hover > .sub-menu {visibility: visible; }	Untermenü bei Mouseover auf Hauptmenü sichtbar
.menu-main-container .current-menu-parent:hover > .sub-menu {visibility: visible; }

*/

/* ------------------------------- Grundlegende Funktion des Menüs  --------------------------------------- */

.menu-main-container .sub-menu {
	visibility: hidden;				/* Untermenü standardmässig unsichtbar */
	}

.menu-main-container .current-menu-item > .sub-menu,
.menu-main-container .current_page_ancestor > .sub-menu, /* Wordpress vergibt offenbar beide Klassen-Namen */
.menu-main-container .current-page-ancestor > .sub-menu
	{
	visibility: visible; 				/* Untermenü bei aktivem Hauptmenüpunkt und 3.-Ebene-Untermenüpunkt sichtbar */
	}

.menu-main-container .current-menu-parent > .sub-menu {
	visibility: visible; 				/* Untermenü bei aktiviertem Untermenüpunkt sichtbar */
	}

/* ----------------------------------------- Menü-Container ----------------------------------------------- */

.menu-main-container {
	position: absolute;				/* Menü-Container Ausrichten */ 
	bottom: 0px;
	left: 50%;					/* Menü-Container Zentrieren */ 
	margin-left: -480px;				/* Menü-Container Zentrieren (Wert: Halbe Breite)*/
	width: 962px;					/* Menü-Container Breite (2px breiter als Content, weil Border im Bild) */ 
	height: 60px;					/* Menü-Container Höhe */ 
	background-image: url(img/menu-bg.png);		/* Menü-Container Hintergrundbild */ 
    }

/* ----------------------------------------- Menü-Design -------------------------------------------------- */

.menu-main-container .menu li, 						/* Alle Menüpunkte */
.menu-main-container .sub-menu li 
	{				
	text-align: center;				/* Text Mittig */
	list-style: none;				/* Kein Aufzählungszeichen */
	float: left;					/* Menüpunkte nebeneinander */
	}

.menu-main-container .menu li a, 
.menu-main-container .sub-menu li a
	{
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif; /*Schriftart für Button-Text (Dax aus Typekit)*/
	font-size: 16px;
	display:block;					/* ganzen Button (ganzes <li>) klickbar machen */
	height: 32px;
	line-height: 30px;				/* Hauptmenü-Text durch Zeilenhöhen auf Button vertikal zentrieren*/
	}

.menu-main-container .sub-menu li a {
	height: 27px;
	line-height: 27px;				/* Submenü-Text durch Zeilenhöhen auf Button vertikal zentrieren*/
	}


.menu-main-container .menu > .menu-item {
	height: 32px;					/* Hauptmenüpunkt Höhe */
	width: 145px;					/* Hauptmenüpunkt Breite */
	background-image: url(img/menu-item-bg.png);	/* Hauptmenüpunkt Hintergrundbild (start bei 0px)*/
	border-bottom: 1px solid #ababab;		/* Dunkle Linie unter Hauptmenüpunkt */
	}

.menu-main-container .menu > .menu-item a{
	color: #fff;					/* Hauptmenüpunkt-Farbe Inaktiv (weiss) */ 
	}

.menu-main-container .menu > .current-menu-item a,
.menu-main-container .menu > .current-menu-parent a,
.menu-main-container .menu > .current-page-ancestor a,
.menu-main-container .menu > .current_page_ancestor a
	{
	color: #000;					/* Hauptmenüpunkt-Farbe Aktiv (schwarz) */ 
	font-weight: bold;				/* Hauptmenüpunkt Aktiv Fett */ 
	}

.menu-main-container .sub-menu > .menu-item a{
	vertical-align: -3px;				/* Untermenüpunkt vertikal ausrichten */ 
	color: #000;					/* Untermenüpunkt Farbe inaktiv (schwarz) */ 
	font-weight: normal;				/* Untermenüpunkt inaktiv nicht fett */ 
	}

.menu-main-container .sub-menu > .current-menu-item a,
.menu-main-container .sub-menu > .current_page_ancestor a,
.menu-main-container .sub-menu > .current-page-ancestor a,
.menu-main-container .sub-menu > .current-menu-ancestor a
	{
	color: #dc007c;					/* Untermenüpunkt-Farbe Aktiv (Magenta) */ 
	font-weight: bold;				/* Untermenüpunkt Aktiv Fett */ 
	}

.menu-main-container .sub-menu > .menu-item:hover a{
	color: #fff;					/* Untermenüpunkt-Farbe Mouseover (weiss) */ 
	font-weight: bold;				/* Untermenüpunkt Mouseover Fett */ 
	}


.menu-main-container .menu > .menu-item:hover {
	background-position: 0 -32px;			/* Hauptmenüpunkt Hintergrundbild bei Mouseover (start bei 32px)*/ 
	}


.menu-main-container .menu > .current-menu-item,
.menu-main-container .menu > .current-menu-parent,
.menu-main-container .menu > .current-menu-item:hover,
.menu-main-container .menu > .current-menu-parent:hover,
.menu-main-container .menu > .current_page_ancestor,
.menu-main-container .menu > .current_page_ancestor:hover,
.menu-main-container .menu > .current-page-ancestor,
.menu-main-container .menu > .current-page-ancestor:hover
	{
	background-position: 0 -64px;			/* Aktiver Hauptmenüpunkt Hintergrundbild bei Mouseover (start bei 64px)*/ 
	border-bottom: 1px solid #d2d2d2;		/* Helle Linie unter Hauptmenüpunkt bei Menüpunkt Aktiv*/ 
	}


.menu-main-container .sub-menu {
	position: absolute;		
	float: left;
	top: 33px;					/* Untermenü vertikal positionieren (Wert: Hauptmenü-Höhe inkl. 1px Linie darunter) */ 
	left: 2px;					/* Untermenü fängt ganz links an (+2px wg. Rahmen in Hintergrund-Bild) */ 
	}

.menu-main-container .sub-menu > .menu-item {
	height: 27px;					/* Untermenü-Punkt Höhe */ 
	width: 100px;					/* Untermenü-Punkt Breite */ 
	background-image: url(img/sub-menu-item-bg.png);	/* Untermenüpunk Hintergrundbild (start bei 0px)*/ 
	}

.menu-main-container .sub-menu > .menu-item:hover {
	background-position: 0 -27px;			/* Untermenüpunkt Hintergrundbild bei Mouseover (Start bei 27px)*/ 
	border-top: 1px solid #e85ead;			/* Magenta Linie über Untermenüpunkt bei Mouseover */ 
	position: relative;				/* Untermenüpunkt bei Mouseover 1px verschieben wegen Linie darüber*/ 
	bottom: 1px;	
	}


/* ----------------------------------------- Design-Sonderfälle ----------------------------------------------- */

.menu-main-container .menu > .menu-item:first-of-type {
	background-image: url(img/menu-item-bg-first.png);	/* Erster Hauptmenüpunkt Hintergrundgrafik Abegerundete Ecke */ 
	}


.menu-main-container .sub-menu > .menu-item:last-of-type {
	background-image: url(img/sub-menu-item-bg-last.png);	/* Letzer Untermenüpunkt - keine Separator dahinter */ 
	}

/* ----------------------------------------- Design-Sonderfälle für IE 7 --------------------------------------- */

.menu-main-container #menu-item-250 {
	background-image: url(img/menu-item-bg-first.png);	/* Erster Hauptmenüpunkt Hintergrundgrafik Abegerundete Ecke */ 
	}


/* ----------------------------------------- Hart nach ID vergebene Design-Sonderfälle ------------------------- */

.menu-main-container #menu-main .rtv {
	background-image: url(img/menu-item-bg-rtv.png);	/* RTV Hintergrundgrafik */ 
	}

.menu-main-container #menu-main .rtv a {
	opacity: 0;						/* RTV Text ausblenden */ 
	filter: alpha(opacity=0);				/* RTV Text für IE 7 ausblenden */ 
	}

.menu-main-container #menu-main .rtv .menu-item a {
	opacity: 100;						/* RTV Subemü-Text einblenden */ 
	filter: alpha(opacity=100);				/* RTV Subemü-Text für IE 7 einblenden */ 
	}



/* ============================================== SEITLICHES MENÜ ================================================== */

.menu-kundenservice-container {
	width: 172px;
	margin: 8px;
	padding: 9px;
	background-color: #d8d9da;
	}

.menu-kundenservice-container ul {
	list-style-type: square;
	list-style-image: url(img/sidebar-menu-item-bullet.png);
	list-style-position: inside;
	}

.menu-kundenservice-container li {
	border-bottom: 1px solid #c2c3c3;
	padding: 5px 0 5px 0;
	}

.menu-kundenservice-container li:last-of-type {
	border-bottom: 0px;
	}

.menu-kundenservice-container .menu-item a{
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif; /*Schriftart für Button-Text (Dax aus Typekit)*/
	color: #000;
	font-size: 14px;
	}

.menu-kundenservice-container .menu-item a:hover {
	color: #555;
	border-bottom: 0!important;
	}

.menu-kundenservice-container .current-menu-item > a {
	color: #dc007c;
	}

.menu-kundenservice-container .sub-menu {
	display: none;
	}

.menu-kundenservice-container .current-menu-item > .sub-menu,
.menu-kundenservice-container .current-menu-ancestor > .sub-menu
	 {
	display: block;
	}

.menu-kundenservice-container .sub-menu li {
	border-bottom: 0px;
	padding: 5px 0 5px 16px;
	}


/* =========================================== AJAX Post Carousel Mod (APC)========================================= */

/* ----------------------------------------------- APC Container --------------------------------------------------- */

.apc-container {
	width: 960px;					/* APC-Container Breite */ 
	height: 420px;					/* APC-Container Höhe */ 
    }

.apc-container .apc_out_container,			/* diverse Resets des APC-Standard-Themes */
.apc-container .apc_item,
.apc-container .apc_arrow,
.apc-container .apc_prev,
.apc-container .apc_next
	{
	padding:0px;			
	border: 0;
	margin:0;
	}

.apc-container .apc_visible_container .apc_list .apc_item{
	width: 960px;					/* Breite des Slide-Bereichs (= Breite des APC-Containers!) */
	height: 420px;					/* Höhe des Slide-Bereichs (= Höhe des APC-Containers!) */
	}

/* ----------------------------------------------- APC Pfeile --------------------------------------------------- */

.apc-container .apc_arrow{
	position:absolute;				/* Pfeile positionieren */
	top: 175px;					/* vertikale Position der Pfeile */
	width: 50px;					/* Breite der Pfeile */
	height: 50px;					/* Höhe der Pfeile */
	z-index: 1000;					/* Pfeile immer ganz vorne */
	}

.apc-container .apc_prev{
	left: 50px;					/* linker Pfeil Horizontale Position */
	background-image: url(../img/arrow-bg-left.png);	/* linker Pfeil Hintergrundbild */
	}

.apc-container .apc_next{
	left: 850px;					/* rechter Pfeil Horizontale Position */
	background-image: url(../img/arrow-bg-right.png);	/* linker Pfeil Hintergrundbild */
	}

.apc-container .apc_arrow:hover{
	background-position: 0 100px;			/* Pfeile Hintergrundbild bei Mouseover ausrichten (start bei 100px) ??? */
	}

.apc-container .apc_arrow:active{
	background-position: 0 50px;			/* Pfeile Hintergrundbild bei Klick ausrichten (start bei 50px) ??? */
	}

/* ----------------------------------------------- APC Textformatierungen -------------------------------------- */

.apc-container p {
	margin-top: 0;					/* überhalb Inhalt kein Abstand */
	}

/* ========================================= WP_JWTABSLIDES - TAB PLUGIN ======================================= */

/* Der ganze Abschnitt ist Murks und überschreibt alle relevanten Settings des Plugin-CSS. */

/* -------------------------------------------- Plugin-Styles resetten ----------------------------------------- */

#tab li a,
#tab li a:hover,
#tab li a:link,
#tab li a:visited 
	{
	background-image: none;
	background-color: transparent;
	color: #fff;
	border: 0;
	}

#tab .tabbertab,
#tab .tabbernav {
	border: 0;
	padding: 0;
	}

/* ----------------------------------------------- Tab-Layout ----------------------------------------------- */

#tab li {
	background-image: url(img/tab-bg.png);
	width: 351px;
	height: 32px;
	float: left;
	}

#tab .tabberactive,
#tab .tabberactive:hover
	{
	background-position: 0 32px;
	}

#tab li:hover {
	background-position: 0 64px;
	}


#tab li a {
	display: block;
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif; /*Schriftart für Button-Text (Dax aus Typekit)*/
	font-size: 16px;
	line-height: 25px;
	font-weight: normal;
	}

#tab .tabberactive a {
	font-weight: bold;
	}

/* ----------------------------------------------------- Slides ------------------------------------------------ */

.jw_st_cont {
	background: none;
	color: #000;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	padding: 2px;
	}

.jw_slide {
	background-color: transparent;	/* Hintergrund-Farbe hinter Slides*/
	}

.jw_slidecontent {
	padding: 8px 16px 0 8px; 	/* Abstände um die Slide-Inhalte */
	}



/* ============================================ WP-TABLE RELOADED =============================================== */

/* alle styles direkt im Plugin, hier nur die Pfeile für die Sortierungen*/

.wp-table-reloaded th.sorting:after
	{
	content: url(img/sort-arrow.png);
	}

.wp-table-reloaded th.sorting_desc:after
	{
	content: url(img/sort-arrow-down.png);
	}

.wp-table-reloaded th.sorting_asc:after
	{
	content: url(img/sort-arrow-up.png);
	}


/* ======================================= ATTACHMENTS WIDGET ========================================= */

#attachments p {
	margin-bottom: 12px;
	}

#attachments a {
	position: relative;
	bottom: 5px;
	left: 5px;		
	}

#attachments .pdf:before {
	content: url(img/pdf-icon.png);
	}

#attachments .jpg:before {
	content: url(http://dummyimage.com/20x20/ccc/ff0000.png&text=jpg);
	}

#attachments .file:before {
	content: url(http://dummyimage.com/20x20/ccc/ff0000.png&text=file);
	}


/* =========================================== FORMULARE =============================================== */

/* ----------------------------------- WP Contact Form 7 ----------------------------------------------- */


.wpcf7 label,						/* Textattribute für Formularfelder setzen */
.wpcf7 span,
.wpcf7 input,
.wpcf7 textarea
	{
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #000;
	}

.wpcf7 div {						/* alle DIVs innerhalb des Formulars selber Rand */
	margin: 12px 24px 12px 0;
	}
							/* --------------- Senden-Button -- --------------- */
.wpcf7 .abschicken {					/* -- div */
	float: right;					/* Rechtsbündig */
	width: 110px;
	height: 40px;
	background-image: url(img/weiter-bg.png);	/* Button als Hintergrundbild */
	margin: 18px 0 0 0;
	}

.wpcf7 .wpcf7-submit {					/* -- input */
	cursor: pointer;				/* Hand-Cursor */
	width: 100%;					/* selbe grösse wie das umgebende div */
	height: 100%;
	opacity: 0;					/* unsichtbar, zugunsten des Hintergrundbildes */
	filter: alpha(opacity=0);			/* ... für ie */
	}

.wpcf7 input[type="text"],				/* ------------- Textfelder --------------- */
.wpcf7 textarea
	{
	font-size: 16px;				
	font-weight: bold;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);	/* Schatten */
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.1);
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	}

.wpcf7 input[type="text"]:focus,			/* Rahmen und Schatten für aktives Textfeld */
.wpcf7 textarea:focus
	{
	border: solid 1px #aaa;			
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);	
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	}

.wpcf7 input[type="text"]{				/* Höhe - wegen grossem Font */
	height: 25px;
	}

.wpcf7 input[type=text],				/* alle immer 300px breit */
.wpcf7 textarea
	{
	width: 300px;
	}

.wpcf7 input[type="radio"],				/* -------- Radiobuttons und Checkboxen ----- */
.wpcf7 input[type="checkbox"]
	{
	margin-right: 6px;				
	vertical-align: middle;				/* Text vertikal mit den Buttons ausrichten */
	}

.wpcf7-radio .wpcf7-list-item{				/* unbruch nach Button+Text */
	display: block;
	}

.sidebar-content-container .wpcf7 input,		/* -- Breite für Textfelder im Sidebar-Widget - */
.sidebar-content-container .wpcf7 textarea
	{
	width: 204px;
	}

							/* -- Formatierungen für Fehler+Statusmeldungen -- */			
.wpcf7-mail-sent-ok {					/* - erfolgreich versendet */			
	border: 1px solid #7fad00!important;		/* dunkelgrüner Rahmen (overridet plugin-default) */
	background-color: #bcda53;			/* hellgrüner Hintergrund */
	}

.wpcf7-mail-sent-ng,					/* - Fehler beim Senden */			
.wpcf7-validation-errors {				/* - nicht alle Felder ausgefüllt */			
	border: 1px solid #e30000!important;		/* dunkelroter Rahmen (overridet plugin-default) */
	background-color: #ff6c6c;			/* hellroter Hintergrund */
	}

.wpcf7-mail-sent-ok,					/* Schatten und Textformatierungen für alle */
.wpcf7-validation-errors,
.wpcf7-mail-sent-ng
	{
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);	
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	font-weight: bold;
	color: #333;
	padding: 12px!important;
	}

.wpcf7-not-valid-tip {					/* -- Hinweis auf falsch ausgefüllte Felder -- */
	border: 1px solid #e30000!important;
	background-color: #ff6c6c;
	}


#newsletter {
	background-image: url(img/newsletter-bg.png);
	background-repeat: no-repeat;
	width: 230px;
	height: 25px;
	}

#newsletter input[type="text"] {
	width: 134px;
	height: 25px;
	font-size: 13px;
	color: #555;
	font-weight: normal;
	border: 0;
	padding-left: 12px;
	-webkit-box-shadow: 0;	
	-moz-box-shadow: 0;
	box-shadow: 0;
	background-color: transparent;
	}

#newsletter input[type="submit"] {
	width: 74px;
	height: 25px;
	}



/* ================================= STYLES FÜR EINZELNE SEITEN ======================================== */

/* ----------------------------------- Mitarbeiter-Seite ----------------------------------------------- */

.mitarbeiter-container {
	border-bottom: 2px dotted #ccc;
	padding: 6px 0 6px 0;
	}

.mitarbeiter-container > h2 {
	margin-bottom: 6px;
	}

.mitarbeiter-container:last-of-type {
	border: 0;
	}


.mitarbeiter-foto {
	width: 110px;
	min-height: 125px;
	display: inline-block;
	vertical-align: top;
	}

.mitarbeiter-text {
	width: 340px;
	padding: 0 10px 0 10px;
	display: inline-block;
	vertical-align: top;
	}

.mitarbeiter-kontakt {
	display: inline-block;
	vertical-align: top;
	padding: 0 6px 0 10px;
	border-left: 2px dotted #ccc;
	height: 110px;
	overflow: visible;
	}

/* ----------------------------------- Service Info-Box ---------------------------------------------- */

.serviceinfo-container {
	position: relative;
	min-height: 135px;
	width: 685px;
	border: 1px solid #b5b6b5;
	background-image: url(img/serviceinfo-bg.png);
	background-repeat: repeat-x;
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.05);
	-moz-box-shadow: 2px 2px 7px rgba(0,0,0,.05);
	box-shadow: 2px 2px 7px rgba(0,0,0,.05);
	padding: 8px;
	margin-bottom: 8px;
	}

.serviceinfo-foto {
	display: inline-block;
	vertical-align: top;	
	width: 195px;
	margin: 0 8px 0 0;
}

.serviceinfo-text {
	display: inline-block;
	vertical-align: top;
	width: 450px;
	margin: 0 0 0 8px;
	}

.serviceinfo-text p{
	margin-bottom: 56px;
	}

.serviceinfo-text h2{
	font-size: 18px;
	}

.serviceinfo-weiter {
	position: absolute;
	left: 222px;
	bottom: 8px;
	width: 110px;
	height: 40px;
	background-image: url(img/weiter-bg.png);
	}

.serviceinfo-weiter a{
	display: block;
	line-height: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	}

/* ----------------------------------- Produkte-Seite ---------------------------------------------- */

.post-container-produkte p {
	margin: 0;
	}

.post-container-produkte a:hover {
	border: 0!important;
	}