/* --- ALLGEMEINES  ---------------------------------------------------------- */

body  {
	background-color:	#12356f;
	width:				100%;
	height: 			100%;
	margin:				0;
	padding:			0;
	background:			url(../bilder/back-main.jpg) center center repeat fixed;
	font: 				12px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-decoration:	none;
	color:				#dbdcee;
	overflow-x:			hidden;
}

* {
	margin:				0;
	padding:			0;
	outline: 			none;
}

img, div {
	border:				0;
	border:				none;
}

.clearer {
       
	clear: 				both;
	display: 			block;
	height: 			1px;
	width:				100%;
	margin: 			-1px 0 0 0;
	font-size:			1px;
	line-height:		1px;
}

a, a:active {
	color:				#61aae7;
	text-decoration:	none;
	outline:			none;
}

a:hover {
	color:				#b0bcd0;
	text-decoration:	none;
}

:focus { 
	outline:			0;
	-moz-outline-style:	none;
}

h1 {
	margin:				25px 0 15px 0;
	font-size:			21px;
	line-height:		25px;
	font-weight:		normal;
	text-transform:		uppercase;
	text-align:			left;
	color:				#FFFFFF;
	text-shadow:		#0a295b 1px 1px 0px;
}
h1.centered { text-align: center;}

.lowsercase{
        text-transform: lowercase;
}

h2 {
	position:			relative;
	display:			block;
	margin:				0 0 10px 0;
	font-size:			16px;
	line-height:		20px;
	font-weight:		bold;
	color:				#dbdcee;
	text-shadow:		#070e1c 1px 1px 0px;	
}

.headline-start {
	position:			relative;
	margin:				0 0 10px 0;
	font-size:			16px;
	line-height:		20px;
	font-weight:		bold;
	color:				#dbdcee;
	text-shadow:		#070e1c 1px 1px 0px;	
}
    25px;}

h3 {
	position:			relative;
	display:			block;
	margin:				-5px -25px 10px 0;
	width:				180px;
	font-size:			16px;
	line-height:		18px;
	font-weight:		bold;
	color:				#254483;
}
h3.big { width:			565px;}

p {
	margin-bottom:		10px
}



.down{
    margin-top:30px;
}

.linklistmerkmalesub {
position:relative;
top:90px;
}

.hisright{

    width: 340px;
    height: 405px;
    padding: 0px;
    margin: 0px
}

/* Zertifikate groß und klein */

.zertifikate ,.zertifikateklein{
    float: right;
    margin-left:20px;
    background:#c3cddc;
    padding:4px 4px 0px 4px;
    border: 1px solid #90a0bb;
}

.zertifikateklein {
    padding:4px 4px 4px 4px;
   
}

/* Inlineframe unter merkmale.php */

.iframe_1 {
text-align: justify;
width: 290px;
height: 320px;

}

.abstand_iframe{
 padding:0px;
}

.scrollbereich {
overflow: auto;
width: 290px;
height: 320px;
}

.scrollbarabstand {
padding-right: 20px;
}

.right-v6-slider{
    color:#FFFFFF;
    text-shadow:#0a295b 1px 1px 0
}

.fancybox{
    width:560px;
    height:auto;
    background:url(../bilder/contentbox-v6/back-r-francybox.jpg);
    background-repeat: x y;
    padding:20px;
	overflow-x: hidden;
}
/* Buttons rechts und links */

.buttonl , .buttonr  {
    position:relative;
    right:30px;
    padding-top: 2px;
    text-align: center;
    background-image:url(../bilder/btn-back-l.png);
    height:24px;
    width: 140px;
    display:block;
    color:#b2d3ef;
    text-shadow: #122942 1px 1px 0px;

}

.buttonr{
    float:right;
    top:4px;
    right:-24px;
    background-image:url(../bilder/btn-back-r.png);
}

.buttonl:hover , .buttonr:hover {
    background-position:0 -24px;
    color: #61aae7;
    text-shadow: #122942 1px 1px 0px;
}


/* --- MAIN STRUCTURE  ---------------------------------------------------------- */

#overall-page {
	position:			relative;
	width: 				100%;
	height:				auto;
	background:			url(../bilder/back-page.png) center top repeat-y;
	overflow:			hidden;
}

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

#header {
	position:			relative;
	width: 				980px;
	height:				130px;
	background:			url(../bilder/header/back.png) center top no-repeat;
	overflow:			visible;
	color:				#dbdcee;
	text-align:			left;
}

#navi-sub-back {
	position:			relative;
	float:				left;
	width:				980px;
	height:				41px;
	margin:				90px 0 0 0;
	background:			url(../bilder/header/back-subnavi.jpg) center top no-repeat;
}

#logo {
	position:			absolute;
	z-index:			400;
	width: 162px; height: 140px;
	top: 0px; left: 10px;
}

/* --- HEADER / NAVI MAIN ---------------------------------------------------------- */

#navi-main {
	position:			absolute;
	top: 40px ; left: 160px;
	width: 810px; height: 50px;
	font-size:			14px;
	line-height:		18px;
	text-shadow:		#000000 1px 1px 0px;
}
#navi-main a {
	position:			relative;
	float:				left;
	height:				18px;
	padding:			12px 15px 20px 15px;
	background:			url(../bilder/header/nav-main.png) center top no-repeat;
	color:				#dbdcee;
}
#navi-main a:hover {
	color:				#61aae7;
	background-position: center center;
}
#navi-main a.set {
	color:				#61aae7;
	background-position: center bottom;
}

.nav-shade, .nav-shade-start {
	position:			absolute;
	width: 980px; height: 3px;
	left:				0px;
	background:			url(../bilder/header/nav-shade.png) center bottom no-repeat;
}
.nav-shade {bottom: -3px;}
.nav-shade-start {bottom: 37px;}

/* --- HEADER / NAVI SUB ---------------------------------------------------------- */

#navi-sub {
	position:			absolute;
	z-index:			3;
	top: 90px ; left: 160px;
	width: 810px; height: 41px;
	font-size:			13px;
	line-height:		16px;
	text-shadow:		#d6dce5 1px 1px 0px;
}
#navi-sub a {
	position:			relative;
	float:				left;
	height:				16px;
	padding:			12px 9px 12px 9px;
	color:				#254483;
	background:			url(../bilder/header/nav-sub.png) center top no-repeat;
}
#navi-sub a:hover {
	color:				#26292f;
	background-position: center center;
}
#navi-sub a.set {
	color:				#26292f;
	background-position: center bottom;
}

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

#systemnavi {
	position:			absolute;
	height:				24px;
	top:				7px;
	right:				30px;
	font-size:			11px;
	color:				#dbdcee;
	text-shadow:		#000000 1px 1px 0px;
}

.system {
	position:			relative;
	float:				right;
}
.system a {
	position:			relative;
	padding:			0 5px 0 5px;
	color:				#dbdcee;
	text-shadow:		#000000 1px 1px 0px;
}.system a:hover { color: #61aae7;}

#systemnavi .suche {
	position:			relative;
	width:				160px;
	height:				16px;
	padding:			4px 8px 4px 12px;
	margin:				0 0 0 10px;
	background:			transparent url(../bilder/header/suche.png) center top no-repeat;
	float:				right;
}
#systemnavi .suche #suchbtn  {
	width:				16px;
	height:				16px;
	background:			transparent url(../bilder/header/lupe.png) center top no-repeat;
	float:				right;
}
#systemnavi .suche #suchbtn:hover {
	background-position: center bottom;
}
#systemnavi .suche #suchbutton  {
	width:				16px;
	height:				16px;
	background:			transparent;
	border:				0px;
	text-align:			left;
	text-indent:		-999em;
	cursor:				pointer;
}
#systemnavi .suche .suchfeld  {
	background:			transparent;
	border:				0;
	width:				130px;
	float:				left;
	font-size:			11px;
	color:				#dbdcee;
	text-shadow:		#000000 1px 1px 0px;
}

/* --- TEASER ---------------------------------------------------------- */
/* nicht verschieben, da die Styles teilweise in bewusst durch die contentboxen überschrieben werden */

.teaser, .teaser-wide, .teaserB, .teaserC, .teaser-tabs {
	position:			relative;
	float:				left;
	margin:				0px -5px 15px -5px;
	font-size:			12px;
	line-height:		18px;
	color:				#26292f;
}

.teaser {
	padding:			50px 110px 30px 35px;
	width:				175px;
	height:				85px;
	background:			url(../bilder/teaser/back.png) center bottom no-repeat;	
}

.teaser-wide {
	z-index:			3;
	width:				608px;
	margin-left: 15px;
	padding-top: 80px;
	height:				85px;
	background:			url(../bilder/teaser/back-wide.png) center bottom no-repeat;	
}


.teaserB {
	padding:			50px 130px 30px 35px;
	width:				155px;
	height:				115px;
	background:			url(../bilder/teaser/backB.png) center bottom no-repeat;	
}

.teaserC {
	padding:			50px 30px 30px 35px;
	width:				565px;
	height:				115px;
	background:			url(../bilder/teaser/backC.png) center bottom no-repeat;	
}

.teaser a, .teaser-wide a, .teaserB a, .teaserC a, .teaser-tabs a { color: #26292f;}
.teaser a:hover, .teaser-wide a:hover, .teaserB a:hover, .teaserC a:hover, .teaser-tabs a:hover { color: #000000;}

.teaser .freisteller, .teaserB .freisteller {
	position:			absolute;
	z-index:			1;
	top: 0px; right: 10px;
	float:				right;
}

.teaser-tabs {
	padding:			25px 30px 30px 35px;
	width:				565px;
	height:				140px;
	background:			url(../bilder/teaser/back-tabs.png) center bottom no-repeat;	
}

.teaser-tabs .tab-nav {
	position:			relative;
	display:			block;
	width:				565px;
	height:				36px;
	line-height:                    16px;
	font-weight:                    bold;
	margin:				0 0 15px 0;
}

.teaser-tabs .tab-nav .headline {
	position:			relative;
	float:				left;
	height:				16px;
	padding:			10px 10px 10px 0;
}

.teaser-tabs .tab-nav a {
	position:			relative;
	float:				left;
	width:				110px;
	height:				16px;
	padding:			10px 0 10px 0;	
	margin:				0 2px 0 2px;
	text-align:			center;
	color:				#254483;
}

.teaser-tabs .tab-nav a.long {
	width:				200px;

}

.teaser-tabs .tab-nav a:hover {
	background:			url(../bilder/teaser/teaser-tab.png) center top no-repeat;
}

.teaser-tabs .tab-nav a:hover.long {
	background:			url(../bilder/teaser/teaser-tab-long.png) center top no-repeat;	
}

.teaser-tabs .tab-nav a.set {
	background:			url(../bilder/teaser/teaser-tab.png) center top no-repeat;	
}

.teaser-tabs .tab-nav a.set.long {
	background:			url(../bilder/teaser/teaser-tab-long.png) center top no-repeat;	
}

/* --- START / QUALITY-SLIDER ------------------------------------------------------ */

#quality-slider {
	position:			relative;
	display:			block;
	width:				980px;
	height:				50px;
	overflow:			visible;
}

#quality-slider .keywords {
	position:			relative;
	float:				left;
	width:				950px;
	height:				50px;
	padding:			0 15px 0 15px;
	background:			url(../bilder/quality-slider/keywords-back.jpg) center top no-repeat;
}

#quality-slider .keywords a {
	position:			relative;
	float:				left;
	padding:			17px 7px 17px 7px;
	font-size:			13px;
	height:				16px;	
	color:				#254483;
	text-shadow:		#d6dce5 1px 1px 0px;
}
#quality-slider .keywords a.active {
	color:				#26292f;
	background:			url(../bilder/quality-slider/keyword-active.png) center top no-repeat;
}

#qualitybox {
	position:			absolute;
	z-index:			10;
	width:				640px;
	height:				120px;
	top:				-120px;
	left:				-15px;
	text-align:			left;
}

#qualitybox .headline {
	position:			relative;
	display:			block;
	width:				610px;
	height:				30px;
	padding:			5px 0 5px 30px;
	font-size:			20px;
	line-height:		30px;
	font-weight:		100;
	font-style:			italic;
	color:				#FFF;
	text-shadow:		#38415e 1px 1px 1px;
}

#qualitybox .info {
	position:			relative;
	display:			block;
	width:				580px;
	height:				60px;
	padding:			10px 30px 10px 30px;
	background:			url(../bilder/quality-slider/shader.png) left top repeat;
	font-size:			20px;
	line-height:		30px;
	font-style:			italic;
	color:				#FFF;
	text-shadow:		#38415e 1px 1px 1px;
}

#qualitybox .info .keyword { color: #61aae7;}
#qualitybox .info .sub { font-size:	13px; color: #dbdeee;}

/* --- TEASER / THUMBLIST ---------------------------------------------------------- */

ul.thumblist {
	list-style-type:	none;	
	margin:				0 -10px 0 0;
	overflow:			hidden;
}

.thumblist li {
	list-style-type:	none;
	float:				left;
	margin:				0 10px 0 0;
}

.thumblist li img {
	background:			#c3cddc;
	padding:			4px;
	border:				1px solid #90a0bb;
	display:			block;
	margin:				0;
}

.thumblist li img:hover {
	border:				1px solid #254483;
}

.dekore {
	background:			#c3cddc;
	padding:			4px;
	border:				1px solid #90a0bb;
	margin:				4px;
}

.dekore2 {
	background:			#c3cddc;
	padding:			0px;
	border:				3px solid #90a0bb;
	margin: 4px;
}

.dekore:hover {
	border:				1px solid #254483;
}

.dekore2:hover {
	border:				3px solid #254483;
}

.thumbsolo {
	background:			#272d3d;
	padding:			4px;
	border:				1px solid #90a0bb;
}

.dekortable{
        width:                          600px;
    
}

.dekortable tr{
        height:                          30px;

}

.thumbsolo2 {
	background:			#272d3d;
	padding:			4px;
	border:				1px solid #90a0bb;
	margin:				0;
}

.thumbsolo:hover {
	border:				1px solid #ffffff;
}

.thumbsolo2:hover {
	border:				1px solid #ffffff;
}

/* --- CONTENTBOX V1 --------------------------------------------------- */

.contentbox-v1 {
	display:			block;
	clear:				both;
	width: 				980px;
	height:				400px;
	background:			url(../bilder/contentbox-v1/back.jpg) right top no-repeat;
	text-align:			left;
	overflow:			hidden;
}

#intro {
	margin:				-41px 0 0 0;
}

.contentbox-v1 .picarea {
	float:				left;
	width:				640px;
	height:				400px;	
}

.contentbox-v1 .txtarea {
	position:			relative;
	float:				right;
	width:				250px;	
	right:				55px;
	margin:				0;
	text-align:			justify;
}

.claim {
	display:			block;
	margin:				30px 0 0px 0;
	font-size:			20px;
	line-height:		25px;
	font-weight:		normal;
	text-transform:		uppercase;
	text-align:			center;
	color:				#FFFFFF;
	text-shadow:		#0a295b 1px 1px 0px;
}

/* --- CONTENTBOX V2 --------------------------------------------------- */

.contentbox-v2 {
	position:			relative;
	display:			block;
	clear:				both;
	width: 				930px;
	height:				180px;
	padding:			0 25px 0 25px;
	background:			url(../bilder/contentbox-v2/back.jpg) center top no-repeat;
	text-align:			left;
}

.contentbox-v2B {
	position:			relative;
	display:			block;
	clear:				both;
	width: 				930px;
	height:				210px;
	padding:			0 25px 0 25px;
	background:			url(../bilder/contentbox-v2/backB.jpg) center top no-repeat;
	text-align:			left;
}

/* --- CONTENTBOX V3 --------------------------------------------------- */

.contentbox-v3 {
	position:			relative;
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			350px;
	background:			url(../bilder/contentbox-v3/back.jpg) center top repeat-y;
	text-align:			left;
}

.contentbox-v3 .main {
	position:			relative;
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			300px;
	background:			url(../bilder/contentbox-v3/back-head.jpg) center top no-repeat;
}

.contentbox-v3 .main .content {
	position:			relative;
	z-index:			1;
	margin:				0px 30px 0px 30px;
	padding:			20px 0 0 0;
	width:				920px;
	min-height:			320px;
}

.contentbox-v3 .footer {
	margin:				-60px 0 0 0;
	float:				left;
	width: 				980px;
	height:				80px;
	background:			url(../bilder/contentbox-v3/back-footer.jpg) center bottom no-repeat;
}

.v3-left {
	position:			relative;
	float:				left;
	width:				585px;
}

.v3-right {
	position:			relative;
	float:				right;
	width:				275px;
	text-align:			left;
}

/* --- CONTENTBOX V4 --------------------------------------------------- */

.contentbox-v4 {
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			350px;
	background:			url(../bilder/contentbox-v4/back.jpg) center top repeat-y;
	text-align:			left;
}

.contentbox-v4 .main {
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			300px;
	background:			url(../bilder/contentbox-v4/back-head.jpg) center top no-repeat;
}

.contentbox-v4 .main .content {
	position:			relative;
	z-index:			1;
	margin:				0px 30px 0px 30px;
	padding:			20px 0 0 0;
	width:				920px;
	min-height:			365px;
	text-align:			justify;
}

.contentbox-v4 .footer {
	margin:				-60px 0 0 0;
	float:				left;
	width: 				980px;
	height:				80px;
	background:			url(../bilder/contentbox-v4/back-footer.jpg) center bottom no-repeat;
}

.v4-left {
	position:			relative;
	float:				left;
	width:				585px;
}

.v4-right {
	position:			relative;
	float:				right;
	width:				275px;
	text-align:			left;
}

.contentbox-v4 ul {list-style-type: none; padding: 10px 0 10px 30px;}
.contentbox-v4 li {list-style-type: disc;}

.contentbox-v4 .teaser {
	position:			relative;
	display:			block;
	margin:				0 -5px 0 -35px;
}

/* --- CONTENTBOX V5 --------------------------------------------------- */

.contentbox-v5 {
	position:			relative;
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			190px;
	text-align:			left;
}

.contentbox-v5 .main {
	position:			relative;
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			105px;
	background:			url(../bilder/contentbox-v5/back-top.jpg) center top no-repeat;
}

.contentbox-v5 .main .content {
	position:			relative;
	float:				left;
	margin:				0px 30px -65px 30px;
	padding:			20px 0 0 0;
	width:				920px;
	min-height:			110px;
}

.contentbox-v5 .footer {
	float:				left;
	width: 				980px;
	height:				85px;
	background:			url(../bilder/contentbox-v5/back-bottom.jpg) center bottom no-repeat;
}

/* --- CONTENTBOX V6 --------------------------------------------------- */

.contentbox-v6 {
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			350px;
	background:			url(../bilder/contentbox-v6/back.jpg) center top repeat-y;
	text-align:			left;
}

.contentbox-v6 .main {
	display:			block;
	clear:				both;
	width: 				980px;
	min-height:			300px;
	background:			url(../bilder/contentbox-v6/back-head.jpg) center top no-repeat;
}

.contentbox-v6 .main .content {
	position:			relative;
	z-index:			1;
	margin:				0px 30px 0px 30px;
	padding:			20px 0 20px 0;
	width:				920px;
	min-height:			365px;
	text-align:			justify;
}

.contentbox-v6 .footer {
	margin:				-60px 0 -20px 0;
	float:				left;
	width: 				980px;
	height:				80px;
	background:			url(../bilder/contentbox-v6/back-footer.jpg) center bottom no-repeat;
}

.v6-left {
	position:			relative;
	float:				left;
	width:				585px;
}

.v6-right {
	position:			relative;
	float:				right;
	width:				275px;
	text-align:			left;
}


.contentbox-v6 ul {list-style-type: none; padding: 10px 0 10px 30px;}
.contentbox-v6 li {list-style-type: disc;}

.v6-teaser {
	position:			relative;
	float:				right;
	margin:				0 -30px 0 -35px;
	width:				340px;
	background:			url(../bilder/contentbox-v6/back-r-top.jpg) center top no-repeat;
}

.contentbox-v6 .teaser {
	position:			relative;
	display:			block;
	margin:				0 25px 0 0;
}

.picR {
	position:			relative;
	display:			block;
	width:				340px;
	margin:				-20px 0 0 -35px;
	clear:both;
}

.picR1 {
        list-style:                     none;
        display:                        block;
}

.portfolio-add{
        padding:                          0px!important;
        top:                            -20px!important;
        left:                           -35px!important;
    
}

#picRqualitybox {
	position:			absolute;
	z-index:			10;
	width:				340px;
	height:				180px;
	top:				310px;
	left:				0px;
	text-align:			left;
	margin-left:		-35px
}


#picRqualitybox .headline {
	position:			relative;
	display:			block;
	width:				280px;
	height:				30px;
	padding:			5px 0 5px 30px;
	font-size:			20px;
	line-height:		30px;
	font-weight:		100;
	font-style:			italic;
	color:				#FFF;
	text-shadow:		#38415e 1px 1px 1px;
}

#picRqualitybox .info {
	position:			relative;
	display:			block;
	width:				280px;
	height:				60px;
	padding:			10px 30px 10px 30px;
	background:			url(../bilder/quality-slider/shader.png) left top repeat;
	font-size:			20px;
	line-height:		30px;
	font-style:			italic;
	color:				#FFF;
	text-shadow:		#38415e 1px 1px 1px;
}

#picRqualitybox .info2 {
	position:			relative;
	display:			block;
	width:				340px;
	height:				100px;
	top:                            -20px;
	background:			url(../bilder/quality-slider/shader.png) left top repeat;
	font-size:			20px;
	line-height:                    30px;
	font-style:			italic;
	color:				#FFF;
	text-shadow:                    #38415e 1px 1px 1px;
        text-align:                     center;
}

#picRqualitybox .info .keyword { color: #61aae7;}
#picRqualitybox .info .sub { font-size:	13px; color: #dbdeee;}

/* --- LINKLIST --------------------------------------------------- */

.linklist {
	position:			relative;
	float:				left;
	margin:				20px 0 0 0;
	width:				920px;
	height:				160px;
}

.linklist a {
	position:			relative;
	float:				left;
	width:				190px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 25px;
	margin:				5px 10px 5px 0;
	color:				#61aae7;
	background:			url(../bilder/infolink.png) left top no-repeat;
}
.linklist a:hover {		color: #b0bcd0; background-position: left bottom;}

.linklist2 {
	position:			relative;
	float:				left;
	margin:				0px 0 0 0;
}

.linklist2 a {
	position:			relative;
	float:				left;
	width:				190px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 25px;
	margin:				5px 10px 5px 0;
	color:				#61aae7;
	background:			url(../bilder/infolink.png) left top no-repeat;
}
.linklist2 a:hover {		color: #b0bcd0; background-position: left bottom;}

.linklist3 {
	position:			relative;
	float:				left;
	margin:				0px 0 0 0;
}

.linklist3 a {
	position:			relative;
	float:				left;
	width:				120px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 25px;
	color:				#61aae7;
	background:			url(../bilder/infolink.png) left top no-repeat;
}
.linklist3 a:hover {		color: #b0bcd0; background-position: left bottom;}

.linklist-babe {
	position:			absolute;
	z-index:			10;
	bottom:				1px;
	right:				-10px;
}

.scrollEl .linklist {
	margin:				0px 0 0 0;
	width:				300px;
	height:				100px;
}

/* --- CONTENTBOX V3 / COMMENT --------------------------------------------------- */

ul.comments {
	position:			relative;
	float:				left;
	margin:				-5px 0 0 0;
	list-style-type:	none;
}

.comments li {
	list-style-type:	none;
	position:			relative;
	float:				left;
	width:				585px;
	height:				auto;
	padding:			0 0 5px 0;
}

.comments li .comment-main {
	position:			relative;
	float:				left;
	overflow:			hidden;
	padding:			35px 25px 0 25px;
	width:				535px;
	background:			url(../bilder/contentbox-v3/comment.png) center top no-repeat;
	color:				#8d9cb5;
} 

.comments li .comment-footer {
	position:			relative;
	float:				left;
	overflow:			hidden;
	height:				15px;
	width:				585px;
	padding:			25px 0 0 0;
	background:			url(../bilder/contentbox-v3/comment.png) center bottom no-repeat;
	text-align:			right;
	font-size:			10px;
	line-height:		15px;
	color:				#7b93c1;
	text-shadow:		#091123 1px 1px 0px;
} 

/* --- BoxV3 / NEWS ---------------------------------------------------------- */

ul.news {
	list-style-type:	none;	
	margin:				0;
	clear:				both;
}

.news li {
	position:			relative;
	float:				left;
	width:				560px;
	margin:				10px 0 0 25px;
}

.news li h2 {
	margin:				0;
	padding:			5px 0 5px 65px;
	height:				20px;
	font-size:			14px;
	line-height:		20px;
	font-weight:		bold;
	color:				#3b6cae;
}

.news .date {
	position:			absolute;
	z-index:			1;
	margin:				-5px 0 -5px -100px;
	padding:			7px 0 7px 2px;
	width:				88px;
	height:				16px;
	background:			url(../bilder/contentbox-v3/news-date.png) left top no-repeat;	
	text-align:			center;
	color:				#8d9cb5;
	font-size:			12px;
	line-height:		16px;
	text-shadow:		#000000 1px 1px 0px;
}

.news .date .day {
	float:				left;
	width:				25px;
	height:				30px;
	text-transform:		uppercase;
	font-size:			10px;
	color:				#000000;
	font-weight:		bold;
	text-shadow:		#4275af 1px 1px 0px;
}

.news .copy {
	display:			block;
	padding:			5px 0 10px 0;
	margin:				0 0 2px 0;
	width:				560px;
	min-height:			40px;	
	background:			url(../bilder/contentbox-v3/news-back.png) left bottom no-repeat;	
	color:				#8d9cb5;
	font-size:			12px;
	line-height:		18px;
	text-shadow:		none;
}

.news .icons {
	position:			relative;
	float:				left;
	overflow:			hidden;		
}

.news .icons a {
	position:			relative;
	float:				left;
	text-indent:		-1000px;
	width:				16px;
	height:				16px;
	margin:				0 4px 0 0;
}

.news .icons a.mail {	background: url(../bilder/contentbox-v3/news-icon-mail.png) center top no-repeat;}
.news .icons a.blog {	background: url(../bilder/contentbox-v3/news-icon-blog.png) center top no-repeat;}
.news .icons a.twitter {background: url(../bilder/contentbox-v3/news-icon-twitter.png) center top no-repeat;}
.news .icons a.share {	background: url(../bilder/contentbox-v3/news-icon-share.png) center top no-repeat;}
.news .icons a.mail:hover, .news .icons a.blog:hover, .news .icons a.twitter:hover, .news .icons a.share:hover
{ background-position: center bottom;}

.news .btn {
	float:				right;
	right:				0px;
	bottom:				0px;
}

.news a.news-btn {
	width:				76px;
	height:				21px;
	overflow:			hidden;
	background:			url(../bilder/contentbox-v3/news-btn.png) center top no-repeat;	
	font-size:			10px;
	color:				#7b93c1;
	text-align:			center;
	float:				left;
}

.news a.news-btn:hover {
	background-position: center bottom;
	color:				#fff;
}

/*--- Service Kundenstimmen -------------------------------------------- */

.kundenposition{
    margin-left:                       -20px!important;
    margin-top:                        -20px!important;
}

.kundenposition li{
    list-style:                         none;
}

.kundenposition li h2{
    color:                              #dbdcee;
    text-shadow:                        #070e1c 1px 1px 0px;
}


.kundenposition p {
    color:                              #ffffff;	
}


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

#overall-footer {
	position:			relative;
	width: 				100%;
	height:				auto;
	background:			url(../bilder/footer/back.png) center top no-repeat;
	overflow:			hidden;
}

#footer {
	position:			relative;
	margin:				10px 0 15px 0;
	width: 				920px;
	height:				70px;
	color:				#b0bcd0;
	test-shadow:		#000000 1px 1px 0px;
	text-align:			left;
}

#footer a {	color: #b0bcd0;}
#footer a:hover { color: #61aae7;}

#footer .left {
	position:			relative;
	float:				left;
}

#footer .right {
	position:			relative;
	float:				right;
}

#ow {
	position:			relative;
	margin:				0 0 10px 0;
	text-align:			center;
	display:			block;
	font-size:			10px;
	color:				#b0bcd0;
	test-shadow:		#000000 1px 1px 0px;
}
#ow a {	color: #b0bcd0;}
#ow a:hover { color: #61aae7;}

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


#myScroll .scrollEl{
	text-shadow:		0px;
}

#controls {
	width:				586px;
	margin:				0 auto;		
	cursor:				pointer;
}

#controls .Seitensprunginfo  {
	float:				left;
	margin-right:		5px;
	cursor:				default;
}

/* Slider Navigation auf Bluetimes Basissortiment */

.positionprev{
position: relative;
bottom:91px;
right:85px;
}

.positionnext{
position: relative;
bottom:91px;
left:450px;
}

.positionindex{
position: relative;
right:100px;
}

.positionfirst{
position: relative;
bottom:74px;
right:67px;
}


.positionlast{
position: relative;
bottom:74px;
left:432px;
}

/*****************************************/

#controls .sel, #controls1 .sel{
  color: #ffffff !important;
  font-weight:bold;
}

#controls .first  {
	position:			relative;
	float:				left;
	width:				16px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 0px;
	margin:				1px;
	color:				#61aae7;
	background:			url(../bilder/seitensprung/anfang.png) left top no-repeat;
}
#controls .first:hover  {		color: #b0bcd0; background-position: left bottom;}

#controls .prev  {
	position:			relative;
	float:				left;
	width:				16px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 0px;
	margin:				1px;
	color:				#61aae7;
	background:			url(../bilder/seitensprung/zurueck.png) left top no-repeat;
}
#controls .prev:hover  {		color: #b0bcd0; background-position: left bottom;}

#controls .page  {
	text-align:			center;
	position:			relative;
	float:				left;
	width:				16px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 0px;
	margin:				1px;
	color:				#61aae7;
	background:			url(../bilder/seitensprung/seiten.png) left top no-repeat;
}
#controls .page:hover  {		color: #b0bcd0; background-position: left bottom;}

#controls .next  {
	position:			relative;
	float:				left;
	width:				16px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 0px;
	margin:				1px;
	color:				#61aae7;
	background:			url(../bilder/seitensprung/weiter.png) left top no-repeat;
}
#controls .next:hover  {		color: #b0bcd0; background-position: left bottom;}

#controls .last  {
	position:			relative;
	float:				left;
	width:				16px;
	height:				16px;
	line-height:		16px;
	padding:			0 0 0 0px;
	margin:				1px;
	color:				#61aae7;
	background:			url(../bilder/seitensprung/ende.png) left top no-repeat;
}
#controls .last:hover  {		color: #b0bcd0; background-position: left bottom;}

/* --- HISTORIE --------------------------------------- */

#Historie .Jahr {
	float:				left;
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			larger;
	width:				60px;
}

#Historie .Head {
	margin-left:		60px;
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			larger;
	margin-bottom:		5px;
}

#Historie .Head font {
	color:			#FFFFFF;
	font-weight:            normal;
        font-size:              small;
	margin-bottom:		5px;
}


#Historie p {
	margin-left:		75px;
	margin-bottom:		3px;
}

/* --- SLIDER - PRODUKT ------------------------------- */

#produkt-slider {	
	position: 			relative;
	float: 				left;
	width: 				280px;
	height:				280px;
	margin:				-20px -15px 0 -15px;
	background:			url(../bilder/produkt-slider/back.png) center top no-repeat;
}
/*--Window/Masking Styles--*/
#produkt-slider .window {
	position: 			relative;
	width: 				276px;
	height:				250px;	
	top:				35px;
	left:				2px;
	overflow: 			hidden;	
}
#produkt-slider .window .box_reel {
	position: 			absolute;
	top: 0; left: 0;
}

#produkt-slider .window .box_reel .box {
	float: 				left;
	width:				260px;
	height:				250px;
	margin:				0 8px 0 8px;
}

#produkt-slider .window .box_reel .box .pic {
	position:			relative;
	padding:			20px;
	width:				220px;
	height:				160px;
	background:			url(../bilder/produkt-slider/pic-back.png) center top no-repeat;
}

#produkt-slider .window .box_reel .box .copy {
	position:			relative;
	margin:				15px 5px 0 5px;
	width:				210px;
	font-size:			13px;
}

/*--Paging Styles--*/
#produkt-slider .paging {
	position: 			absolute; 
	z-index: 			2;
	top: 				100px;
	right:	 			-20px;
	width: 				16px; 
	height:				64px;	
	display: 			none; /*--Hidden by default, will be later shown with jQuery--*/
}
#produkt-slider .paging a {
	width:				16px;
	height:				16px;
	display:			block;
	background:			url(../bilder/produkt-slider/pagination.png) center top no-repeat;
}
#produkt-slider .paging a:hover {
	background-position: center top;
}
#produkt-slider .paging a.active {
	background-position: center bottom;
}

#featured{ 
	position:relative; 
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:0; 
	list-style:none; 
	padding:0; margin:0; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0;
	float:left;
}
#featured ul.ui-tabs-nav li span{ 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 

}
#featured li.ui-tabs-nav-item a:hover{ 
}
#featured li.ui-tabs-selected{ 
	/*border:1px solid red;*/

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	color:				#26292f;
	background:transparent	url(../bilder/quality-slider/keyword-active.png) center top no-repeat;
}
#featured .ui-tabs-panel{ 
	position:relative;
}
#featured .ui-tabs-panel .info{
}
#featured .info h2{
}
#featured .info p{ 
}
#featured .info a{ 
}
#featured .info a:hover{ 
}
#featured .ui-tabs-hide{ 
	display:none; 
}



.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #000000;
-moz-box-shadow: 5px 5px 8px #000000;
padding: 10px;
	background:			url(../bilder/contentbox-v1/back.jpg) right top no-repeat;
    border:solid 1px #ffffff;
color: #FFFFFF;
	font-size:13px;
	font-family:verdana;
display:none;
position:absolute;
display:none;
z-index:3000;
	width: 320px;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}

.newsPlus ul.news,
.newsPlus ul.news h2 {
margin:6px 0 0 0; padding:0;
border: 0 none;
background:url('');
}
.newsPlus ul.news li div.copy {
background:url('');
margin:0; padding:0;
}

/* --- NAVI (DROPOUT)  ---------------------------------------------------------- */


ul#dropnavi { 
	padding: 			0;
	float:				left;
	list-style: 		none;
	font-size: 			13px;
	line-height:		16px;
}
ul#dropnavi li {
	float: 				left;
	margin: 			0;
	padding: 			0;
	position: 			relative;
}
ul#dropnavi li a {	
	position:			relative;
	float:				left;
	height:				18px;
	color:				#dbdcee;
}

#dropnavi li:hover > div.sub {
	display: block;
}		
ul#dropnavi li .sub {
	position: 			absolute;
	left:				-160px; 	
	width: 980px; height: 41px;
	float: 				left;
	z-index:			100;
	top: 				50px; 
	display:			none;
	overflow:			visible;
	font-family:		'TitilliumMedium', 'Trebuchet MS', sans-serif;
	background:			url(../bilder/header/back-subnavi.jpg) no-repeat;
}


ul#dropnavi li .sub ul{ float: left;
	position:			relative;
	list-style: 		none;	
	padding:			0;
	margin:				0;
}
ul#dropnavi .sub ul li {
	color: 				#26437e;
}
ul#dropnavi .sub ul li a {
	float: 				left; 
	text-indent: 		0; /*--Reset text indent--*/	
	text-decoration: 	none;	
	color: 				#26437e;
	text-shadow:		#d6dce5 1px 1px 0px;
	padding:			12px 9px 12px 9px;
}
ul#dropnavi .sub ul li a:hover, ul#dropnavi .sub ul li.subsub a:hover {color: #2d2d2d; 
	background:			url(../bilder/header/nav-sub.png);
	background-position: center 40px;
	}

#slogan {
	font-size:			17px;
	line-height:		25px;
	font-weight:		normal;
	text-align:			left;
	color:				#63a8e1;
	text-shadow:		#222b34 1px 1px 0px;	
	}
	
	
.logo-igef  {
	width:					46px;
	height:					44px;
	background-image:		url(../bilder/logo-igef.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-igef:hover  {
	background-image:		url(../bilder/logo-igef-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}

.logo-m {
	width:					34px;
	height:					50px;
	background-image:		url(../bilder/logo-m.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-m:hover  {
	background-image:		url(../bilder/logo-m-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}		

.roll-igef  {
	width:					46px;
	height:					44px;
	background-image:		url(../bilder/logo-igef.png);
	background-repeat:		no-repeat;
}

.roll-igef:hover  {
	background-image:		url(../bilder/logo-igef-hov.png);
	background-repeat:		no-repeat;
}	




#logo-igef {
	z-index: 100;
	position:				absolute;
	top:							280px;
	right:							30px;
}


.logo-emv  {
	width:					33px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-emv.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-emv:hover  {
	background-image:		url(../bilder/logo-siegel-emv-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	


#logo-emv {
	z-index: 100;
	position:				absolute;
	top:							278px;
	right:							-10px;
}

.logo-berlin  {
	width:					106px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-tuvberlin.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-berlin:hover  {
	background-image:		url(../bilder/logo-siegel-tuvberlin-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	


#logo-berlin {
	position:				absolute;
	top:							280px;	
	left: 0px;
}

.roll-berlin  {
	width:					106px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-tuvberlin.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}

.roll-berlin:hover  {
	background-image:		url(../bilder/logo-siegel-tuvberlin-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	
.roll-m  {
	width:					33px;
	height:					50px;
	background-image:		url(../bilder/logo-m.png);
	background-position:	top center;
	margin-top: 3px;
	background-repeat:		no-repeat;
	outline: none;
}

.roll-m:hover  {
	background-image:		url(../bilder/logo-m-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	margin-top: 3px;
	outline: none;
}	



.logo-gs  {
	width:					84px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-gs.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-gs:hover  {
	background-image:		url(../bilder/logo-siegel-gs-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	

.roll-gs  {
	width:					84px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-gs.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}

.roll-gs:hover  {
	background-image:		url(../bilder/logo-siegel-gs-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	


#logo-gs {
	position:				absolute;
	top:							280px;
	left:							150px;
}

.logo-tox  {
	width:					77px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-tox.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-tox:hover  {
	background-image:		url(../bilder/logo-siegel-tox-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	

.roll-tox  {
	width:					77px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-tox.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}

.roll-tox:hover  {
	background-image:		url(../bilder/logo-siegel-tox-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	


#logo-tox {
	position:				absolute;
	top:							280px;
	left:							250px;
}

.logo-iso  {
	width:					44px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-sgs.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-iso:hover  {
	background-image:		url(../bilder/logo-siegel-sgs-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	

.roll-iso  {
	width:					44px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-sgs.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}

.roll-iso:hover  {
	background-image:		url(../bilder/logo-siegel-sgs-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	



#logo-iso {
	position:				absolute;
	top:							280px;
	left:							340px;
}

.logo-kft  {
	width:					39px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-kft.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-kft:hover  {
	background-image:		url(../bilder/logo-siegel-kft-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	

.roll-kft  {
	width:					39px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-kft.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}

.roll-kft:hover  {
	background-image:		url(../bilder/logo-siegel-kft-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	


#logo-kft {
	position:				absolute;
	top:							280px;
	left:							400px;
}

.logo-ver  {
	width:					62px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-tv.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	display: block;
	outline: none;
}

.logo-ver:hover  {
	background-image:		url(../bilder/logo-siegel-tv-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	

.roll-ver  {
	width:					62px;
	height:					50px;
	background-image:		url(../bilder/logo-siegel-tv.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}

.roll-ver:hover  {
	background-image:		url(../bilder/logo-siegel-tv-hov.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	outline: none;
}	


#logo-ver {
	position:				absolute;
	top:							280px;
	left:							445px;
}

.hiddenPic {display:none;}

#reklamation {
	text-align:left;
	}