/*
Theme Name: besscom-Design
Description: besscom-Design 2012.
Version: 1.1
Author: Sami Kaddoura
Author URI: http://www.hauer-doerfler.de/
*/

/* besscom-Orange: ff4d00 */



/* --------------------------------------------------------- Allgemeines */ 
html, body {
/* fuer footer-ganz-unten */
	margin: 0;
	padding: 0;
	height: 100%;
	
	color: #666666;
	font-size: small;
	font-family: "Trebuchet MS", sans-serif;
}
a img {border: none;}
a:focus {outline: none;}

body#main-body {background: white url(images/bg-1.png) 0 235px repeat-x;}
body#sub-body {background: white url(images/bg-2.png) 0 90px repeat-x;}
.unsichtbar {display: none;}

#wrap {
	width: 980px;
	margin: 0 auto 0 auto;
	position: relative;
	font-size: 97%;
	line-height: 2.5ex;
}


/* --------------------------------------------------------- Header - Wrap-top */ 

#wrap-top {
	width: 980px;
	margin: 0 auto 0 auto;
	height: 70px;
	overflow: hidden;
}

#wrap-top-left {
	float: left;
	width: 200px;
	height: 70px;
}

#wrap-top-right-wrap {
	float: right;
	width: 735px;
	height: 70px;
}

#wrap-top-middle {
	float: left;
	width: 435px;
	height: 55px;
	padding-top: 25px;
}

#wrap-top-right {
	width: 140px;
	height: 70px;
	float: right;
}

/* Logo */ 

#wrap-top-left a {
	display: block;
	width: 195px;
	height: 50px;
	background: url(images/logo.png) 20px bottom no-repeat;
	text-indent: -10000px;
}

/* Hauptnavigation */ 

#navi-wrap {
	height: 40px;
	width: 400px;
	display: none;
}

#menu-hauptnavigation {
	position: relative;
	height: 29px;
	background-color: white;
	margin: 0;
	overflow: hidden;
	padding-left: 20px;
}
#menu-hauptnavigation li {
	float: left;
	list-style: none;
	margin: 0 17px 0 0;
}
#menu-hauptnavigation li#back {
	border-bottom: 3px solid #ff4d00;
	width: 9px;
	height: 24px;
	z-index: 8;
	position: absolute;
}
#menu-hauptnavigation li a {
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: 0;
	
	height: 14px;
	text-indent: -10000px;
}   

#wrap #menu-hauptnavigation a:hover, #wrap #menu-hauptnavigation a:active, #wrap #menu-hauptnavigation a:visited {
	border: none;
}      
					
#wrap #menu-hauptnavigation .current-menu-item a, #wrap #menu-hauptnavigation .current-page-ancestor a, #wrap #menu-hauptnavigation .current-category-ancestor a, #wrap #menu-hauptnavigation li a:hover, #wrap #menu-hauptnavigation li.current-post-ancestor a {
	background-position: 0 -14px !important;
}       

/* Referenzen bei Kundenliste hervorheben */
.page-id-225 #wrap #menu-hauptnavigation #menu-item-1018 a {
	background-position: 0 -14px !important;
}

             

li#menu-item-956 a { width: 36px; background: url(images/nav01.png) top left no-repeat; }
li#menu-item-957 a { width: 72px; background: url(images/nav02.png) top left no-repeat; }
li#menu-item-958 a { width: 65px; background: url(images/nav03.png) top left no-repeat; }
li#menu-item-1018 a { width: 66px; background: url(images/nav04.png) top left no-repeat; }
li#menu-item-960 a { width: 47px; background: url(images/nav05.png) top left no-repeat; }

/* Suche-Formular */ 
form#searchform {
	margin: 0;
}

input#suche {
	border: 1px solid #cccccc;
	background: white url(images/lupe.png) center left no-repeat;
	background-position: 3px;
	color: #999999;
	font-family: "Trebuchet MS", sans-serif;
	padding: 2px 2px 2px 18px;
	width: 96px; /* 125-17-1 -2 (wegen border) = 95 */
	margin-top: 30px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	box-shadow: none;

	-webkit-transition-duration: 400ms;
	-webkit-transition-property: border-color, box-shadow;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: border-color, box-shadow;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: border-color, box-shadow;
	-o-transition-timing-function: ease;
}

input#suche:hover, input#suche:focus {
	background: white url(images/lupe2.png) center left no-repeat;
	background-position: 3px;
	color: #333333;
	border-color:  #ff4d00;
    box-shadow: 0 0 5px #ff4d00;
}


/* --------------------------------------------------------- Content-Bereich */ 

/* Startseite */ 

#wrap-middle-start {
	height: 330px;
	width: 980px;
}

#home-slider {
	width: 980px;
	height: 330px;
	position: relative;
	margin: 0 auto 0 auto;
	overflow:hidden;
}

.home-slideshow {  
	position:relative;
	overflow:hidden;
	width: 980px;	 
	height: 330px;	
}

#wrap-middle-start h2 {
	text-indent: -10000px;
}

/* HTML in Slider */
#wrap-middle-start p.slider-start {
	width: 400px;
	margin: 142px 0 0 528px;
	font-size: 130%;
	color: white;
	line-height: 2.6ex;
}
#wrap-middle-start p {
	width: 400px;
	margin: 170px 0 0 528px;
	color: white;
	line-height: 2.6ex;
}	
#wrap-middle-start p strong {
	line-height: 4ex;
	font-size: 120%;
}
#wrap-middle-start div {
	float:left;
	width:980px;
	height:330px;
	color:#fff;
	position: relative;
}
#slider01 { background: url(images/slider01-neu.jpg) top left; }
#slider02 { background: url(images/slider02.jpg) top left; }
#slider03 { background: url(images/slider03.jpg) top left; }
#slider04 { background: url(images/slider04.jpg) top left; }
#slider05 { background: url(images/slider05.jpg) top left; }
#slider06 { background: url(images/slider06.jpg) top left; }
#slider07 { background: url(images/slider07.jpg) top left; }


#start-content-wrap {
	width: 980px;
	margin: 0 auto 0 auto;
	float: left;
}

#start-content {
	margin: 20px 0 30px 0;
	width: 980px; /* 735-2-20 */
	background: white;
	float: right;
	/* border-bottom: 1px solid #cccccc; */
	line-height: 2.6ex;
	background: url(images/content-middle-border.png) center repeat-y;
}
body.home #footer {
	border-bottom: 1px solid #cccccc;
}

#start-content-left {
	width: 490px;
	float: left;
}

#start-content-right {
	width: 450px; /*490-1-20-40-20*/
	padding-left: 0;
	float: right;
}

#referenzen-slider {
	width: 490px;
	overflow: hidden;
	padding-top: 20px;
}
.referenzen-slideshow {
	width: 490px;
}
.referenz-home-box {
	background: url(images/referenzen-bg.png) top left no-repeat;
	width: 245px;
	margin: 0 auto 0 auto;
	padding: 9px;
}

.referenz-home-box a img  {
	border: none;
	margin-bottom: 5px;
}
.referenz-home-box strong {
	display: block;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
}
.referenz-home-box span {
	display: block;
	color: #999999;
	font-size: 19px;
	line-height: 26px;
}
.referenz-home-box a {
}

#start-content h3 {
	color: #999999;
	font-size: 170%;
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight: normal;
}

#start-content-right h4 a {
	color: #666666;
	margin-bottom: 3px;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}
#start-content-right h4 a:hover, #start-content-right h4 a:focus {
	color: #ff4d00;
	border-color: #ff4d00;
}
#start-content-right p {
	margin-bottom: 15px;
	color: #888888;
}

#specials {
	border-top: 1px solid #cccccc;
	margin-top: 20px;
	padding-top: 10px;
	width: 400px;
}
#specials h4 a {
	color: #ff4d00;
	font-size: 16px;
	text-decoration: none;
	border: none;
}

/* ------------------------------------------------------ Unterseiten */

/* allgemein */
#sub-content-wrap {
	width: 980px;
	margin: 0 auto 0 auto;
}

#sub-navigation {
	width: 205px; /* 245-20 nochmal 20 weg wegen ie */
	float: left;
	background: url(images/sub-navigation.png) top left no-repeat;
	padding-top: 45px;
	padding-left: 20px;
}
#sub-navigation ul {
	list-style: none;
}
#sub-navigation li {
	padding: 0;
	margin: 0;
	float: left;
	width: 205px;
}

#sub-navigation ul li a {
	display: block;
	color: #666666;
	text-decoration: none;
	width: 170px;	
	padding: 4px 0 4px 0;
}

#sub-navigation a:hover, #sub-navigation a:focus, #sub-navigation li.current_page_item a, #sub-navigation li.current-menu-item a {
	color: #ff4d00;
}

#sub-content {
	width: 735px; /*735-1-1*/
	float: right;
	line-height: 2.5ex;
}


/* Content Header */

#content-head-left {
	width: 490px;
	height: 21px;
	background: #ff4d00;
	float: left;
}
#content-head-right {
	width: 245px;
	background: black;
	height: 21px;
	float: right;
}

#content-head-left p, #content-head-right p {
	color: white;
	padding: 80px 25px 25px 25px;
	font-size: 100%;	
}

#content-head-right p a {
	display: block;
	background: url(images/pfeil-white.png) left center no-repeat;
	padding-left: 7px;
	color: white;
}
#content-head-right p a:hover, #content-head-right p a:focus {
	text-decoration: none;
	color: black;
}

/* Content Body */
#content-body {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	float: left;
	background: url(images/body-content.png) top left repeat-y;
}

/* --------------------------------------------- Hauptspalte */

#content-hauptspalte {
	width: 449px; /*490-1-20-20*/
	float: left;
	padding: 20px 20px 10px 20px;
	line-height: 2.8ex;
}

#content-hauptspalte h1, #content-hauptspalte h2 {
	font-size: 200%;
	color: #b8b8b8;
	margin-bottom: 20px;
	line-height: 2ex;
}

#content-hauptspalte p {
	margin-bottom: 15px;
}

#content-hauptspalte a {
	color: #666666;
}
#content-hauptspalte a:hover, #content-hauptspalte a:focus {
	color: #ff4d00;
}


/* --------------------------------------------- Nebenspalte */

#content-nebenspalte {
	width: 244px; /*245-1*/
	float: right;
}

.referenz-box {
	width: 243px;
	padding-bottom: 15px;
	background: #f2f2f2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #cccccc;
}
.referenz-box img {
	width: 243px;
	display: block;
	border-bottom: 1px solid white;
}

#content-nebenspalte .referenz-box h4 {
	color: #888888;
	margin: 15px 20px 2px 20px;
}

.referenz-box p {
	font-size: 85%;
	margin: 0 20px 0 20px;
}

.referenz-box a {
	color: #666666;
	background: url(images/pfeil.png) right no-repeat;
	padding: 0 7px 0 4px;
}
.referenz-box a:hover, .referenz-box a:focus {
	color: #ff4d00;
	background-image: url(images/pfeil-black.png);
}


.info-box {
width: 204px;
	/* background: url(images/border-top.png) bottom left repeat-x;  spaeter vielleicht */
	padding-bottom: 20px;
	margin: 20px;
}
.page-04-sub .info-box {
	background: url(images/border-top.png) top left repeat-x;
	padding-bottom: 0;
	padding-top: 20px;
	margin-top: 0;
}
.info-box h4 {
	margin-bottom: 4px;
	color: #999999;
}
.info-box p {
	font-size: 85%;
	line-height: 2.5ex;
}
.info-box a {
	color: #666666;
	background: url(images/pfeil.png) right no-repeat;
	padding: 0 7px 0 0;
}
.info-box a:hover, .info-box a:focus {
	color: #ff4d00;
	background-image: url(images/pfeil-black.png);
}

/* ------------------------------------------------------ Unterseiten */

/* spezielle Farbgestaltung... wird ergaenzt durch style-Angabe im CMS */
#content-hauptspalte strong {
	font-size: 120%;
}

#content-hauptspalte h4 {
	font-size: 120%;
	margin-bottom: 3px;
}

#content-hauptspalte i {
	font-weight: bold;
	font-style: normal;
}

#content-head-left {
	width: 490px;
	height: 21px;
	float: left;
}
#content-hauptspalte ul {
	margin: 0 0 20px 20px;
}

/* Besscom-Hauptseite */
.page-id-11 #content-head-left {
	width: 490px;
	height: 260px;
	background: url(images/02-01-left.jpg) top left no-repeat;
	float: left;
}
.page-id-11 #content-head-right {
	width: 245px;
	background: #ff4d00 url(images/02-01-right.png) top right;
	height: 260px;
	float: right;
}

/* Besscom-Newsarchiv */
.page-id-120 .news-block, .page-id-120 h1 {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.page-id-120 .news-block:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.news-block h2 {
	font-size: 18px !important;
	line-height: 25px!important;
	color: #ff4d00!important;
	margin-bottom: 15px!important;
}
.news-block strong {
	font-size: 1em !important;
}

/* Leistungen Hauptseite */

/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 10px;
	font-size: small;
}
#tooltip h3 {
	margin: 0;
	font-size: 90%;
	font-weight: normal;
}
.leistung {
	border-left: 2px solid #333333;
	width: auto;
}
.leistung h3 {
		color: black;
}


.page-id-13 #content-hauptspalte {
	width: 693px; /*735-20-20-2*/
	background: white;
}

.page-id-13 #content-hauptspalte img {
	display: block;
	margin-bottom: 20px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: white;
	border-right: none;
	border-left: none;
}
.page-id-13 area {
	cursor: help;
}
.page-id-13 strong {
	font-size: 110%;
	display: block;
	width: 490px;
	line-height: 2.7ex;
	font-weight: normal;
}

/* Bilderwechsel auf Leistungen-Hauptseite */
.page-id-13 #action-box {
	position: relative;
}

.page-id-13 #hoverbox div {
	position: absolute; 
	top: 0;
	height: 457px;
	width: 693px;	
}


/* Referenzen */


/* Uebersicht */
.referenzen-kopf #content-head-left {
	width: 490px;
	height: 260px;
	background: #ff4d00 url(images/04-01-left.png) top left no-repeat;
	float: left;
}
.referenzen-kopf #content-head-right {
	width: 245px;
	background: black url(images/04-01-right.png) top right;
	height: 260px;
	float: right;
}

.referenzen-kopf #content-hauptspalte h4 {
	color: #666666;
	font-size: 100%;
	margin-bottom: 2px;
}

.referenzen-kopf #content-hauptspalte p {
	font-size: 85%;
	line-height: 2.5ex;
	color: #888888;
	margin-bottom: 0;
}

#referenz-navigation-wrap {
	background: #888888;
	clear: both;
}

#referenz-navigation {
	clear: both;
	padding: 6px 20px 6px 20px;
	width: 450px; /*490-20-20 */
	border-right: 1px solid white;
	color: white;
}

/* Kundenliste */



#referenz-navigation-wrap {
	background: #888888;
	clear: both;
}

#referenz-navigation {
	clear: both;
	padding: 6px 20px 6px 20px;
	width: 450px; /*490-20-20 */
	border-right: 1px solid white;
	color: white;
}

.page-06-01 .referenz-logo img {
	border: 1px solid #cccccc;
}



/* Seiten-Plugin */

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;
}


#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 2px 5px 2px 5px;
	margin-left: 3px;
	margin-right: 3px;
	display: block;
	color: white;
	border: 1px solid #bfbfbf;
	background: #888888;
}

#wp_page_numbers li a:hover {
	border-color: white;
	color: #666666;
	background: white;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border-color: white;
	color: #666666;
	background: white;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	border-color: white;
	color: #666666;
	background: white;
}

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 2px 8px 2px 0px;
	margin-right: 2px;
	color: white;
	font-size: 11px;
	border: 1px solid #888888;
	background: #888888;
}

/* Referenzen-Kundenliste */

/* Navigationslink anders machen */
#sub-navigation li#menu-item-1026 a {
	width: 80px;
	padding-top: 15px;
	border-top: 1px solid #cccccc;
	margin-top: 10px;
}

.page-id-225 #content-hauptspalte {
	background: white;
	width: 694px; /*-20-20 */
}

.page-id-225 #content-hauptspalte a {
	display: block;
	float: left;
	width: 121px;
	height: 70px;
	text-align: center;
	margin: 0 52px 15px 0;
}
.page-id-225 #content-hauptspalte a img {
	border: none;
}


/* Referenzen-Detail-Seite */

#alle-referenzen-wrap {
	padding: 10px 0 10px 0;
}

.referenz-wrap {
	clear: both;
}

.referenz-logo {
	width: 120px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	display: inline;
}

.referenz-logo a img {
	border: 0;
}

.referenz-text {
	float: right;
	width: 310px;
	margin-bottom: 20px;
}

.referenz-text a {
	color: #666666;
	background: url(images/pfeil.png) right no-repeat;
	padding: 0 7px 0 0;
}
.referenz-text a:hover, .referenz-text a:focus {
	color: #ff4d00;
	background-image: url(images/pfeil-black.png);
}

/* Referenzen-Unterseite = page-04-sub */
.page-04-sub #content-head-left {
	width: 490px;
	height: 350px;
	background: white;
	float: left;
}
.page-04-sub #content-head-left a img {
	border: none;
}
.page-04-sub #content-head-left a {
	color: #999999;
}

.page-04-sub #content-hauptspalte h3 {
	font-size: 170%;
	color: #ccccccc;
	margin-bottom: 10px;
	line-height: 2ex;
}

.page-04-sub #content-hauptspalte ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
.page-04-sub #content-hauptspalte ul li {
	padding-left: 28px;
	background: url(images/list-strich.png) left center no-repeat;
}
.page-04-sub #content-nebenspalte {
/*	font-size: 85%;
	line-height: 2.5ex; */
}
.page-04-sub #content-nebenspalte a {
	color: #888888;
}
.page-04-sub #content-nebenspalte a:hover, .page-04-sub #content-nebenspalte a:focus {
	color: #ff4d00;
}


.page-04-sub #content-head-right {
	width: 245px;
	background: black url(images/04-01-right.png) top right no-repeat;
	height: 350px;
	float: right;
}
.page-04-sub #content-head-right ul.thumbs {
	display: block;
	margin: 40px 20px 20px 20px;
	list-style: none;
}
ul.thumbs a {
	display: block;
	border: 1px solid #cccccc;
	float: left; 
	width: 11px;
	height: 11px;
	overflow: hidden;
}
ul.thumbs li {
	float: left; 
	margin-right: 6px;
}


.thumbs a:hover, .thumbs a:focus, .thumbs .selected a {
background: white;
border: 1px solid white;
}

#ref-pfeile a {
	color: white;
	text-decoration: none;
	font-size: 90%;
}
#ref-pfeile {
	clear: both;
	color: #cccccc;
}

#ref-pfeile-links {
	float: left;
	width: 200px;
}
#ref-pfeile-rechts {
	float: right;
	width: 200px;
	text-align: right;
}

#ref-pfeile-links a {
	background: url(images/pfeil-uebersicht.png) no-repeat;
	background-position: 3px center;
	padding: 0 4px 0 18px;
}
#ref-pfeile-links a:hover, #ref-pfeile-links a:focus {
	background: white url(images/pfeil-uebersicht-hover.png) no-repeat;
	background-position: 3px center;
	padding: 0 4px 0 18px;
}

#ref-pfeile .zurueck a {
	background: url(images/pfeil-zurueck.png) no-repeat;
	background-position: 3px center;
	padding: 0 4px 0 11px;
}
#ref-pfeile .zurueck a:hover, #ref-pfeile .zurueck a:focus {
	background: white url(images/pfeil-zurueck-hover.png) no-repeat;
	background-position: 3px center;
	padding: 0 4px 0 11px;
}

#ref-pfeile .weiter a {
	background: url(images/pfeil-weiter.png) right no-repeat;
	padding: 0 11px 0 4px;
}
#ref-pfeile .weiter a:hover, #ref-pfeile .weiter a:focus {
	background: white url(images/pfeil-weiter-hover.png) right no-repeat;
	padding: 0 11px 0 4px;
}

#ref-pfeile a:hover, #ref-pfeile  a:focus {
	background-color: white;
	color: #666666;
}

#firmeninfo {
	padding: 20px;
	color: #888888;
	border-bottom: 1px solid #cccccc;
	font-size: 85%;
}
#firmeninfo img {
	display: block;
	margin-bottom: 10px;
}




/* Kontakt-Hauptseite */
.page-id-17 #content-head-left {
	width: 490px;
	height: 260px;
	background: url(images/05-01-left.jpg) top left no-repeat;
	float: left;
}
.page-id-17 #content-head-right {
	width: 245px;
	background: #ff4d00 url(images/05-01-right.png) top right;
	height: 260px;
	float: right;
}
.page-id-17 #content-hauptspalte h4 {
	font-size: 120%;
	color: #999999;
	margin-bottom: 2ex;
}

.page-id-17 #content-hauptspalte strong {
	font-size: 130%;
	line-height: 2.7ex;
	font-weight: normal;
}

.page-id-17 .spalte-links {
	margin: 15px 0 10px 0;
	width: 220px;
	float: left;
	font-size: 95%;
	background: url(images/content-middle-border.png) top right repeat-y;
}
.page-id-17 .spalte-rechts {
	margin: 15px 0 10px 0;
	width: 200px; 
	float: right;
	font-size: 95%;
}
.page-id-17 #content-hauptspalte .spalte-links p {
	margin-bottom: 1ex;
}

/* Kontakt > Anfahrtsskizze */
.page-template-page-kontakt-anfahrt-php #content-head-left {
	width: 490px;
	height: 489px;
	background: #ff4d00;
	float: left;
}
.page-template-page-kontakt-anfahrt-php #content-head-right {
	width: 245px;
	background: #ff4d00 url(images/05-01-right.png) top right no-repeat;
	height: 489px; 
	float: right;
}

.page-template-page-kontakt-anfahrt-php #referenz-navigation {
	color: #cccccc;
	text-decoration: none;
	font-size: 90%;
}

.page-template-page-kontakt-anfahrt-php #referenz-navigation a {
	color: #cccccc;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
}
.page-template-page-kontakt-anfahrt-php #referenz-navigation a:hover, .page-template-page-kontakt-anfahrt-php #referenz-navigation a:focus {
	background: white;
	color: #666666;
}
.page-template-page-kontakt-anfahrt-php #referenz-navigation a.unterstrichen {
	color: white;
	background: white;
	color: #666666;
}

/* Anfahrtsskizze hervorheben wenn Anfahrtsskizze2 aktiv */
body.page-id-369 li.page-item-243 a {
	color: #ff4d00 !important;
}
.waehlen {
	padding: 0 8px 0 0;
}


/* Kontaktformular */

.page-id-241 input, .page-id-241 textarea, .page-id-241 select {
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.9em;
	color: #666666;
	padding: 1px;
}
.page-id-241 input {
	width: 200px;
}
.page-id-241 textarea {
	width: 300px;
}
.page-id-241 form {
	margin: 0;
	padding: 0;
}
.page-id-241 b {
	color: #ff4d00;
	font-weight: normal;
}
.page-id-241 form b {
	display: block;
	width: 8px; 
	float: left;
	font-weight: normal;
	color: #ff4d00;
}
.page-id-241 label {
	display: block;
	width: 100px; 
	float: left;
	font-style: normal;
}
.page-id-241 label.error {
	display: block;
	width: 400px; 
	float: left;
	font-style: normal;
	color: red;
	margin-left: 100px;
	margin-bottom: 10px;
}
input.error, textarea.error {
	border-color: red;
}

.page-id-241 .eingabe-wrap {
	clear: both;
	margin-bottom: 5px;
}
.button {
	width: auto !important;
	margin-left: 100px;
	margin-top: 5px;
	cursor: pointer;
	background: #00C0FF;
	color: white !important;
	border: 1px solid #00A7FF!important;
	padding: 2px 8px 2px 8px !important;
	font-weight: bold;
	font-size: 15px !important;
}
.button:hover, .button:focus {
	background: #00A7FF;
}

/* Shop */

.page-id-525 #content-head-left {
	width: 490px;
	height: 260px;
	background: #ff4d00 url(images/06-01-left.png) top left no-repeat;
	float: left;
}
.page-id-525 #content-head-right {
	width: 245px;
	background: black url(images/04-01-right.png) top right;
	height: 260px;
	float: right;
}

.page-id-525 #content-hauptspalte h4 {
	color: #666666;
	font-size: 100%;
	margin-bottom: 0;
}

.page-id-525 #content-hauptspalte p {
	font-size: 100%;
	line-height: 2.5ex;
	color: #888888;
	margin-bottom: 4px;
}

.page-id-525 #content-hauptspalte i {
	display: block;
	font-size: 75%;
	line-height: 2.5ex;
	color: #888888;
	margin-top: 5px;
}

/* --------------------------------------------------------- Footer */ 

#footer {
	clear: both;
	margin: 0 auto 0 auto;
	width: 980px;
}
#footer-social {
	float: left;
	width: 100px;
	padding-left: 245px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#footer-social a {
	margin-right: 5px;
}
#footer-social a img {
	border: none;
}
#footer-content {
	margin-top: 15px;
	padding:0 20px 0 0;
	float: right;
	text-align: right;
	width: 550px;
	color: #888888;
	font-size: 85%;
}

.strich {
	color: #ff4d00;
	padding: 0 10px 0 10px;
}

#footer-content a {
	color: #888888;
	text-decoration: none;
}

#footer-content a:hover {
	color: black;
	text-decoration: none;
}

#footer-content a:focus {
	color: #ff4d00;
}

#footer #warenkorblink {
	color: #ff4d00;
	background: url(images/warenkorb.png) center left no-repeat;
	padding-left: 18px;
}
#footer #warenkorblink:hover, #footer #warenkorblink:focus {
	color: black;
	background: url(images/warenkorb-hover.png) center left no-repeat;
}

#footer #newsletterlink {
	color: #ff4d00;
	background: url(images/brief.png) center left no-repeat;
	padding-left: 18px;
}
#footer #newsletterlink:hover, #footer #newsletterlink:focus {
	color: black;
	background: url(images/brief-hover.png) center left no-repeat;
}


/* --------------------------------------------------------- Text-Formatierungen */ 

h1, h2, h3, h4, h5, h6, div, ul, li, form, p, div {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.mehr {
	background: url(images/pfeil.png) right center no-repeat;
	color: #333333;
	padding: 0 8px 0 0;
	text-decoration: none;
}

a.mehr:hover, a.mehr:focus {
	color: #ff4d00;
	background: url(images/pfeil-black.png) right center no-repeat;
}




/* --------------------------------------------------------- Buttons */ 

a.button-unverbindlich {
	display: block;
	font-size: 0px;
	color: transparent;
	text-indent: -10000px;
	width: 283px;
	height: 44px;
	background: url(images/button-kl-anfragen.png) top left no-repeat;
}
a.button-unverbindlich:hover {
	background-position: 0 -44px;
}
a.button-unverbindlich:active {
	background-position: 0 -88px;	
}

/* Positionierung auf Startseite */
body.home .button-unverbindlich {
	position: absolute;
	top: 346px;
	left: 10px;
}
/* Positionierung auf Startseite */
body.page-id-13 .button-unverbindlich {
	margin: 0 0 15px -3px;
	padding: 0;
}

a.button-anfrage {
	display: block;
	font-size: 0px;
	color: transparent;
	text-indent: -10000px;
	width: 216px;
	height: 44px;
	background: url(images/button-anfrage.png) top left no-repeat;
}
a.button-anfrage:hover {
	background-position: 0 -44px;
}
a.button-anfrage:active {
	background-position: 0 -88px;	
}

/* Positionierung in Sidebar */
#content-nebenspalte a.button-anfrage {
	margin: 20px auto 0 auto;
}


/* __________________________________________________ JShowOff */

/* allgmein */

.jshowoff-play {
	display: none;
}
.jshowoff-controls {
}

/* grosser Slider */

.home-slideshow .jshowoff-prev {
	position: absolute;
	top: 166px;
	right: 0;
	height: 25px;
	width: 25px;
	display: block;
	background: url(images/slider-pfeil-prev.png) top left no-repeat;
	text-indent: -100000px;
}
.home-slideshow .jshowoff-next {
	position: absolute;
	top: 140px;
	right: 0;
	height: 25px;
	width: 25px;
	display: block;
	background: url(images/slider-pfeil-next.png) top left no-repeat;
	text-indent: -100000px;
}
.home-slideshow .jshowoff-controls a:hover {
	background-position: 0 -25px !important;
}

.home-slideshow  .jshowoff-slidelinks {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 20px;
	left: 528px;
}
.home-slideshow  .jshowoff-slidelinks a {
	display: block;
	float: left;
	margin: 0 0 0 3px;
	height: 7px;
	width: 8px;
	text-indent: -10000px;
	background: url(images/kreisbutton.png) 0 -7px no-repeat;
	padding: 0;
	overflow: hidden;
}
.home-slideshow .jshowoff-slidelinks a:hover {
	background-position: 0 0;
	}
.home-slideshow .jshowoff-slidelinks a.jshowoff-active, .home-slideshow .jshowoff-slidelinks a.jshowoff-active:hover {
	background-position: 0 0;
}


/* Referenzen-Slider */

.referenzen-slideshow .jshowoff-prev {
	position: absolute;
	top: 100px;
	left: 60px;
	height: 31px;
	width: 17px;
	display: block;
	background: url(images/slider-referenz-pfeil-prev.png) top left no-repeat;
	text-indent: -100000px;
}
.referenzen-slideshow .jshowoff-next {
	position: absolute;
	top: 100px;
	right: 60px;
	height: 31px;
	width: 17px;
	display: block;
	background: url(images/slider-referenz-pfeil-next.png) top left no-repeat;
	text-indent: -100000px;
}
.referenzen-slideshow .jshowoff-controls a:hover {
	background-position: 0 -31px !important;
}

.referenzen-slideshow  .jshowoff-slidelinks {
	display: none;
}
.referenzen-slideshow  .jshowoff-slidelinks a {
}
.referenzen-slideshow .jshowoff-slidelinks a:hover {
}
.referenzen-slideshow .jshowoff-slidelinks a.jshowoff-active, .referenzen-slideshow .jshowoff-slidelinks a.jshowoff-active:hover {
}