/* CSS Document */

/* DEFAULT ELEMENTS */

* { 
	margin:0px;
	padding:0px
}


html, body {
	background-color: #f9f9f9;
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
	color: #6E6E6E;
	text-align: center;
	height: 100%;
}


	
#wrapper {	
	position:relative;
	margin: 0px auto 0 auto;
	width: 980px;
	min-height: 750px;
	height: auto;
	text-align: left;
	padding-top: 55px;
}

#privacy-disclaimer {
	width: 100%;
    height: auto;
    background-color: #404040;
    padding: 1em;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    font-size: 15px;
    padding: 2em;
    line-height: 20px;
    color: #fff;
}

#privacy-disclaimer > .disclaimer-txt {
	width: 70%;
    
    
}

#privacy-disclaimer > .button-container {
	width: 15%;
    margin: .5em 4em;
    text-align: right;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}


.disclaimer-button {
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
    display: inline-block;
    height: 20px;
    min-width: 60px;
    padding: .5em 1em .2em 1em;
    margin-left: 18px;
    color: #828282;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    border-radius: 5px 5px 5px 5px;
    border: solid thin #CCC;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#search {
	position:absolute;
	width:222px;
	height:25px;	
	z-index:2000;
	right:1px;
	top:6px;
	padding: 4px;	
	}


/* Lang Switcher Dropdown */
/*
#lang-switcher {
    position:absolute;
	top: 8px;
	left: 0px;
	
}

.lang-switcher-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 50px;
    
}

.lang-switcher-list li {
    list-style: none;
    padding: 0 0 .6em 0;
    margin: 0;
    background: rgba(249, 249, 249, .8);
    display: none;
}

#lang-switcher a.current-lang {
    color: #6e6e6e;
	text-decoration: none;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	padding-bottom: 1em;
	display:block;
}

#lang-switcher a.current-lang:after {
	position:absolute;
	font-family: FontAwesome;
	font-size: 14px;
	color: #6e6e6e;
	top:0;
	right:15px;
	content: "\f107";  
}

.lang-switcher-list li a:link {
    color: #6e6e6e;
	text-decoration: none;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display:block;
}

.lang-switcher-list li a:visited {    	
    color: #6e6e6e;
}

.lang-switcher-list li a:hover {    	
    color: #10a3e4;
}

.lang-switcher-list li a:active {
    color: #10a3e4;
}


#search .langSwitch .actLang {
    color: #10a3e4;
	
}*/


	
#search .langSwitch {
    position:relative;
    width:50px;
	top: 6px;
	left: 0px;
	color: #404040;	
}


#search .langSwitch a:link {
    color: #6e6e6e;
	text-decoration: none;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#search .langSwitch a:visited {    	
    color: #6e6e6e;
}

#search .langSwitch a:hover {    	
    color: #10a3e4;
}

#search .langSwitch a:active {
    color: #10a3e4;
}


#search .langSwitch .actLang {
    color: #10a3e4;
	
}

#searchInput { 
	background: url(../images/framework/search_icon.png) no-repeat top right;
	border: 0 none;
    width:120px;
    height: 12px;
    padding: 3px 25px 6px 8px;
    position:relative;	
	outline: 0 none;
	color:#6e6e6e;
	border-bottom: solid thin #afafaf;
	font-size:12px;
	top: 1px;	
	left: 63px;
	
}

#searchInput:focus {
	background: url(../images/framework/search_icon.png) no-repeat top right;
	color: #6e6e6e; 
	border-bottom: solid thin #afafaf;
	
}

#searchResultsContainer {
	top: 40px;
	right:0px;	
}


#searchResults {
	background: #ffffff;
	position:relative;	
	list-style:none;
	padding:12px 10px 10px 13px;
	min-width: 200px;	
	color: #f8f8f8;
	opacity:1;
	cursor:pointer;	
	opacity: 0.9;
    filter:Alpha(Opacity=90);
}

#searchResults li{
	list-style:none;
	padding: 8px 0 8px 0;
	color:#6e6e6e; 
}

#searchResults li:hover{
	color: #10a3e4;
}

#searchResults hr {
	border: none;
	border-top: 1px solid #c0c0c0;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	}




#head {
	margin: 0px 0 4em 0px;
	width: 980px;
	height: 150px;
	}


a:link {
  	color: #10a4e3;
  	text-decoration: none;
  	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
  	}
  	
a:hover { color: #198cbf; }

a img {
	border: 0;
	}

a:active, a:focus {
	outline: none;
	color: #198cbf;
	}
	
a:visited {
	color: #10a3e4;
}

/* DEFAULT ELEMENTS */

/* NAVIGATION */

ul#mainNav {
	list-style: none;
	margin: -57px 0 0 0px;
	padding: 0;	
	float: right;
	width: 530px;
	}

ul#mainNav li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0.4em;
	padding: 0;	
}

ul#mainNav li.business {  width: 11em; margin: 0 38px 0 0;}
ul#mainNav li.private {   width: 8em; margin: 0 38px 0 0; }
ul#mainNav li.service {   width: 8em; margin: 0 21px 0 0; }
ul#mainNav li.company {   width: 8em; margin: 0 8px 0 0; }


ul#mainNav li h2{
  font-family: "Lucida Grande", Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #404040;
  
}

ul#mainNav li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 2.7em;
	left: -0.4em;
 }

 ul#mainNav li ul li {
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	color: #6e6e6e;
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

 ul#mainNav li ul li.act a{
	color: #10a3e4;    
  }
  
  ul#mainNav li ul li.act a:hover{
	color: #198cbf;    
  }

 ul#mainNav li ul li a{
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	color: #6e6e6e;
	text-decoration: none;
  }
  
  ul#mainNav li ul li a:hover{
	color: #10a3e4;
  }



/* NAVIGATION */



#slideshow {
    position:relative;
    height:326px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 326px;
    background-color: #transparent;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 326px;
    border: 0;
    
}

#kampagnencontainer_prodsystem {
	position:relative;
	width: 960px;
    height:326px;
    overflow: hidden;
}


#kampagnencontainer_prodsystem .packs {
	list-style: none;
	position: relative;
	top: 25px;
}

#kampagnencontainer_prodsystem .packs li{
	list-style: none;
	float:left;	
	position: relative;
}

#kampagnencontainer_prodsystem .claim{
	position: relative;
	top: 36px;
	left: 34px;
	
}

#kampagnencontainer_prodsystem .cta_container{
	position: relative;
	top: 55px;
	left: 34px;	
}

#kampagnencontainer_prodsystem .video:hover{
	opacity: 0.8;
	color: red;
}

/* #kampagnencontainer_prodsystem .video {
	font-size: 14px;
	line-height: 18px;
	display: block;
	width: auto;
	padding-top: 8px;
	padding-left: 45px;
} */





/* CONTENT */

.cta {
	background: #dbdbdb;
	width: 980px;
	height: 326px;
}


#flashcontent {
	width: 980px;
	height: 326px;
	padding: 0 0 0 0px;
}

#flashmap {
	width: 980px;
	height: 545px;
	padding: 0 0 0 0px;
}

#content {
	width: 980px;
	height: auto;
	padding: 40px 0 40px 0px;
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
	color: #6e6e6e;
}

#content:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

* html #content {
  /* verbergen IE-Mac */
  height: 1%;
  /* ende verbergen IE-Mac */
}


#content .left {
	width: 710px;
	float: left;
	padding: 0;
	margin: 0;
	}
	
#content .right {
	/*background: black;*/
	width: 226px;
	float: right;
	margin: 0px 7px 0 0px;
	}


.teamCon {
	width: 100%;
	height: 470px;
	margin: 0;
	padding: 30px 0 10px 0;
}


.teamCon h1{
	margin-bottom: 20px;
}


.profileLeft {
border-bottom: solid thin #afafaf;
	float: left;
	width: 330px;
	height: 140px;
	margin-bottom: 20px;	
}

.profileRight {
    border-bottom: solid thin #afafaf;
	float: right;
	width: 330px;
	height: 140px;
	margin-bottom: 20px;	
}

.profilePic {
	float: left;
	width: 120px;
	height: 120px;
}

.profileDesc {
	float: left;
    width: 50%;
    padding: 10px;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 13px;
    color: #6e6e6e;
	
}

.profileDesc:after {
	clear: both;
}

.profileDesc .copy {
	width: 150px;
	height: 100px;	
	display:none;
}


/* Sidebar */


.right #teaser ul {
		padding: 0;
		list-style-type: none;
        width: 100%;
} 

.right #teaser li.banner {
		margin-bottom: 15px;
		display: none;
		
}



/* Messe */

.right #teaser li.messeteaser {
		/* background: transparent url(../images/home/bg_news_teaser.jpg) top left no-repeat; */
		height: auto;
		width: 221px;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom: 15px;	
		padding-bottom: 2em;	
}




.right #teaser li.messeteaser .newsdate{ 
		color: #828282;
		font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
}


.right #teaser li.messeteaser a { 
        color: #404040;
        display: block;
       font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
		font-weight: bold;
		font-style: italic;
        padding: 3px 3px 3px -10px;
        text-decoration: none;
}

* html .right #teaser li.messeteaser a {  /* make hover effect work in IE */
	width: 1px;
}



.right #teaser li.messeteaser .newsmore{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-left: 18px;
	color: #828282;	
	text-align: center;
	font-weight: bold;	
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.right #teaser li.messeteaser a:hover .newsmore{
	color: #10a3e4;		
}

.right#teaser li.messeteaser a em { 
        color: #404040;
        display: block;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        line-height: 125%;
         
}

.right #teaser li.messeteaser a span {
        color: #404040;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
} 


.right #teaser li.messeteaser .tcopy {
	display: block;	
	height: auto;
	width: 190px;
	padding: 5px 20px 1em 20px;
	font-style: normal;
	line-height: 1.4;
	font-weight: 400;
	}

.right #teaser li.messeteaser .tHeadline {	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	color: #404040;
	font-weight: bold;
	padding: 0;
	line-height:1.5;
	display: inline-block;	
	margin-bottom: 1em;
	font-style: normal;
	display: none;
	}


/* News */

.right #teaser li.newsteaser {
		height: auto;
		width: 221px;
		border-bottom: 1px solid #c0c0c0;
		margin-bottom: 15px;
		padding-bottom: 2em;
}




.right #teaser li.newsteaser .newsdate{ 
		color: #828282;
		font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
}


.right #teaser li.newsteaser a { 
        color: #404040;
        display: block;
       font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
		font-weight: bold;
		font-style: italic;
        padding: 0px 3px 3px -10px;
        text-decoration: none;
}

* html .right #teaser li.newsteaser a {  /* make hover effect work in IE */
	width: 1px;
}



.right #teaser li.newsteaser .newsmore{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-left: 18px;
	color: #828282;	
	text-align: center;
	font-weight: bold;
	font-style: normal;		
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.right #teaser li.newsteaser a:hover .newsmore{
	color: #10a3e4;		
}

.right#teaser li.newsteaser a em { 
        color: #404040;
        display: block;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        line-height: 125%;
         
}

.right #teaser li.newsteaser a span {
        color: #404040;
       font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
        font-weight: bold;
} 


.right #teaser li.newsteaser .tcopy {
	display: block;
	height: auto;
	width: 221px;
	padding: 0 20px 1em 20px;
	}

.right #teaser li.newsteaser .tHeadline {	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	color: #404040;
	font-weight: bold;
	padding: 0;
	line-height:1.5;
	display: inline-block;	
	margin-bottom: 1em;
	}

/* Center */

.right #teaser li.centerteaser {
	background: url(../images/home/bg_premiummarken.png) top left no-repeat;	
	color: #404040;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
	height: auto;
	width: 221px;
	margin-bottom: 5px;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 2em;
	}	


.right #teaser li.centerteaser a { 
	color: #6e6e6e; 
	display: block;
	text-decoration: none;
}

* html .right #teaser li.centerteaser a {  /* make hover effect work in IE */
	width: 1px;
}


.right #teaser li.centerteaser a span {
        color: #404040;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
} 


.right #teaser li.centerteaser a .newsmore {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;    
	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-left: 18px;
	color: #828282;	
	text-align: center;
	font-weight: bold;		
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}

.right #teaser li.centerteaser a:hover .newsmore{ 
	color:#10a3e4; 
	
}

.right #teaser li.centerteaser .tHeadline {	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;    
	color: #404040;
	font-weight: bold;
	padding: 0;
	line-height:1.5;
	display: inline-block;	
	margin-bottom: 1em;	
	}

.right #teaser li.centerteaser .tcopy {
	display: block;
	height: auto;
	width: 221px;
	padding: 245px 10px 1em 20px;
	}





/* Center */

/* Bottom */


.right #teaser li.bottomteaser {
	background: url(../images/home/bg_privatkunden.png) top left no-repeat;
	color: #404040;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
	height: 344px;
	width: 221px;
	/* border-bottom: 1px solid #c0c0c0; */
	} 


.right #teaser li.bottomteaser a { 
	color: #6e6e6e; 
	display: block;
	text-decoration: none;
}


* html .right #teaser li.bottomteaser a {  /* make hover effect work in IE */
	width: 1px;
}

.right #teaser li.bottomteaser a .newsmore {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
  	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-left: 18px;
	color: #828282;	
	text-align: center;
	font-weight: bold;		
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}



.right #teaser li.bottomteaser a:hover .newsmore{ 
	color:#10a3e4; 
	
}


.right #teaser li.bottomteaser a span {
        color: #404040;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
} 


	
.right #teaser li.bottomteaser .tcopy {
	display: block;
	height: auto;
	width: 221px;
	padding: 215px 20px 1em 20px;
	}

.right #teaser li.bottomteaser .tHeadline {	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;   
	color: #404040;
	font-weight: bold;
	padding: 0;
	line-height:1.5;
	display: inline-block;	
	margin-bottom: 1em;
	}

/* Bottom */




/* Sidebar */




h1 {
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 13px;	
	color: #404040;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

h2 {
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 13px;
	color: #404040;	
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	}

h3 {
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	color: #828282;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
	}


h5 {
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	color: #404040;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

h6 {
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	color: #404040;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* NEWS */


.left #overview ul {
        list-style-type: none;
        width: 100%;
} 

.left #overview li {
        margin: 5px 0px 20px 0px;
		padding: 5px 8px 16px 0px;
		border-bottom: 1px solid #c0c0c0;
		
}


.left #overview li a { 
        color: #404040;
        display: block;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
		font-weight: bold;
		font-style: italic;
        padding: 3px 3px 3px -10px;
        text-decoration: none;
		
}

 * html .left li a {  /* make hover effect work in IE */
	width: 1px;
}

.left li .newsdate{ 
		color: #828282;
		font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
}


.left li .newsmore{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-top: 5px;
	color: #828282;	
	text-align: center;
	font-weight: bold;			
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.left li a:hover .newsmore{
	color: #10a3e4;		
}


.left li.light .newsmore{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-top: 5px;
	color: #828282;	
	text-align: center;
	font-weight: bold;		
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.left li.light a:hover .newsmore{
	color: #10a3e4;		
}


.left a em { 
        color: #404040;
        display: block;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        /* line-height: 125%; */
        line-height: 20px; 
}

.left a span {
        color: #404040;
       font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
    line-height: 15px;
        font-weight: bold;
} 

.left table.clients { margin:10px 0 20px 0; width:100%;}
.left table.clients td { background: transparent;}
.left table.clients a.transeffect { outline: none; }
.left table.clients a.transeffect:hover {	
	filter:alpha(opacity=50); /*for Internet Explorer 6/7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity:0.50;
	opacity:0.50;

    }


.left ul#dataNav { list-style:none; margin:10px 0 0 0; }
.left ul#dataNav li { float:left; margin-right: 20px; font-weight: bold; font-size:12px;}

.left table.data { clear: left; margin:5px 0 0 0; width:100%;}
.left table.data td.tab1 { width:90%; }
.left table.pdf { font-weight: normal; }

.left table#international { font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px; margin:0px 0 10px 0; width:99%; border-spacing: 0px 10px; *border-collapse: expression('separate', cellSpacing = '10px');}
.left table#international td {vertical-align:top; width:2px;}



/* NEWS OVERVIEW */


.right .view { display:block; font-size: 12px;}

.right #overview ul {
		margin-top: 13px;		
		padding: 1px 0 0 5px;
		list-style-type: none;
        width: 100%;
        height: auto;
} 

.right #overview .dateLoop-second {
		margin-top: 50px;		
		padding: 1px 0 0 0px;
		list-style-type: none;
        width: 100%;
        height: auto;
} 

.right #overview .articleLoop-second {
		margin-top: 50px;		
		padding: 1px 0 0 0px;
		list-style-type: none;
        width: 100%;
        height: auto;
}

.right #overview li {
        margin: 10px 5px 10px 0px;
		padding: 8px 8px 17px 0px;
		border-bottom: 1px solid #c0c0c0;
		
}

.right li .newsdate{ 
		color: #828282;
		font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
}


.right #overview li a { 
        color: #404040;
        display: block;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
		font-weight: bold;
		font-style: italic;
        padding: 3px 3px 3px -10px;
        text-decoration: none;
}

* html .right li a {  /* make hover effect work in IE */
	width: 1px;
}

.right li .newsmore{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-top: 8px;
	color: #828282;	
	text-align: center;
	font-weight: bold;			
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

}

.right li a:hover .newsmore{
	color: #10a3e4;		
}



.right li.light .newsmore{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	display: block;
	height: 20px;
	min-width: 60px;
	width: 10%;
	padding:.5em 1em .2em 1em;
	margin-top: 5px;
	color: #828282;	
	text-align: center;
	font-weight: bold;		
	border-radius: 5px 5px 5px 5px;
	border: solid thin #CCC;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

}

.right li.light a:hover .newsmore{
	color: #10a3e4;		
}

.right a em { 
        color: #404040;
        display: block;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
        line-height: 125%; 
}

.right a span {
        color: #404040;
        font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
    line-height: 15px;
        font-weight: bold;
} 


/* NEWS OVERVIEW */

#article { margin-top: 10px; }

#article .articleImg {
	width: 250px;
	height: auto;
	float: left;
}

#article .articleEntry {
	width: 63%;
	height: auto;
	padding: 0 0 5px 5px;
	float: right;
}


/* PIC POSITIONS */


.pic-vert { 
		padding: 0;
		margin: 0px 0px 20px 0px;		
		}
		
.pic-hor { 
		float: left;
		background: #fff;
		padding: 0;
		margin: 20px 5px 0px 5px;		
		}

/* PIC POSITIONS */

.date { color: #828282;	display:block; width: 100%; font: 12px Lucida Grande,Arial,Verdana,sans-serif normal; }
.newsheadline { 
		width: 420px;
		font-family: "Lucida Grande", Arial, sans-serif;
        font-size: 12px;
		color: #404040;
		font-weight: bold;
		font-style: italic;	
		margin: 0 0 2px 0;
		padding: 0;
		}



/* NEWS */



#fixed {  /*margin-top:8px;*/  margin-top:0px;}

#submenu { font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; padding-left: 4px; width: 100%;}

#submenu h1 {
	padding: 0;
	margin-bottom: 5px;
	}

#submenu h3 {
	border-bottom: solid thin #afafaf;
	padding: 5px 0 8px 0;
	width: 220px;
	}
#submenu h3 a{ 
	font-size: 12px;
	display: inline-block;
	width: 100%;
	line-height: 15px;
	color: #6e6e6e;
	text-decoration: none;
	zoom: 1;
	font-weight: normal;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
#submenu h3 a:hover{ font-size: 12px; padding: 0 0 0 0; color: #198cbf; text-decoration: none; zoom: 1; }
#submenu h3.act { color: #198cbf; font-weight:normal; }
#submenu ul { display: none; zoom: 1; padding: 0 0 2px 0; list-style-position:outside; }
#submenu ul.active { display: inline; list-style: none; zoom: 1; padding: 0 0 2px 0; height: auto;}
#submenu ul.active li { padding: 0px 0 2px 0; }
#submenu li a { 
	color: #6e6e6e;
	text-decoration: none;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
#submenu li a:hover { color: #10a3e4; text-decoration: none; }
#submenu li {  }
#submenu li .section a { color: #404040; text-decoration:none; display:block; margin-top:8px;}
#submenu li .section a:hover { color: #10a3e4; }
#submenu li ul li a { list-style: none; padding: 0 0 0 0px; display: block;}
#submenu ul.active li ul { display: block; list-style-type: none; list-style-position:outside; padding: 5px 0 0 0px;  }
#submenu ul.active li ul li { background:url(../images/framework/bullet.gif) no-repeat; padding-left: 8px; margin-left: 0px; background-position: 0px 2px;}


#admenu { font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; padding-left: 4px; width: 100%;}

#admenu h1 {
	padding: 0;
	margin-bottom: 5px;
	}

#admenu h3 {
	border-bottom: solid thin #afafaf;
	padding: 5px 0 8px 0;
	width: 220px;
	}
#admenu h3 a{ 
	font-size: 12px;
	display: inline-block;
	width: 100%;
	line-height: 15px;
	color: #6e6e6e;
	text-decoration: none;
	zoom: 1;
	font-weight: normal;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
#admenu h3 a:hover{ font-size: 12px; padding: 0 0 0 0; color: #198cbf; text-decoration: none; zoom: 1; }
#admenu h3.act { color: #198cbf; font-weight:normal; }
#admenu ul { display: none; zoom: 1; padding: 0 0 2px 0; list-style-position:outside; }
#admenu ul.active { display: inline; list-style: none; zoom: 1; padding: 0 0 2px 0; height: auto;}
#admenu ul.active li { padding: 0px 0 2px 0; }
#admenu li a { 
	color: #6e6e6e;
	text-decoration: none;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
#admenu li a:hover { color: #10a3e4; text-decoration: none; }
#admenu li {  }
#admenu li .section a { color: #404040; text-decoration:none; display:block; margin-top:8px;}
#admenu li .section a:hover { color: #10a3e4; }
#admenu li ul li a { list-style: none; padding: 0 0 0 0px; display: block;}
#admenu ul.active li ul { display: block; list-style-type: none; list-style-position:outside; padding: 5px 0 0 0px;  }
#admenu ul.active li ul li { background:url(../images/framework/bullet.gif) no-repeat; padding-left: 8px; margin-left: 0px; background-position: 0px 2px;}


.adlogo {
	float: left;
	width: auto;
	margin-bottom: 50px;
	
	}
	
.adformat {
	float: left;
	margin-left: 45px;	
	
	}

.clearer { clear:both; }
.small { font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; }


/* ///////////////  TABELLEN  /////////////////////////////// */

#products { border-collapse:collapse; width:100%; font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; line-height: 15px; margin-top: 10px}
#products .tablehead td { border-bottom:4px solid #c0c0c0; }
#products .tab1 { width: 0; }
#products .tab2 { padding:8px; vertical-align: top; width: 10%;}
#products .rowdark { border-bottom: 1px solid #c0c0c0; background:transparent url(../images/business/tableBg.png) top left repeat; padding:5px; margin:2px; }
#products .rowlight { border-bottom: 1px solid #c0c0c0; padding:5px; margin:2px; }
#products .tab3 h3 { color: #404040; }
#products .tab3 h4 { color: #6e6e6e; font-weight: normal; font-style: italic; }
#products .tab3 { vertical-align:top; padding:8px;}
#products .tab4 { text-align:right; color:#6e6e6e; font-weight:bold; vertical-align:top; padding:8px 8px 0 0;}

.adprivate { margin-bottom: 20px; }


.pdf { clear: both; background: transparent url(../images/business/pdf_icon.gif) center left no-repeat; font:12px/17px Lucida Grande,Arial,Verdana,sans-serif normal; font-weight: bold; padding:5px 0 0 28px; margin:5px 0 0 0; display:block;}
.pdf a { color:#10a3e4; text-decoration:none;}
.pdf a:hover { color:#198cbf; text-decoration:none;}
.prodImage { width:144px; float:left; padding: 0; }
.copy { width:430px; float:left; padding: 0 0 0px 0px; }
.top a { 
	clear: all;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 33%, #595959 43%, #2c2c2c 61%, #000000 88%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(33%,#595959), color-stop(43%,#595959), color-stop(61%,#2c2c2c), color-stop(88%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 33%,#595959 43%,#2c2c2c 61%,#000000 88%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 33%,#595959 43%,#2c2c2c 61%,#000000 88%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 33%,#595959 43%,#2c2c2c 61%,#000000 88%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 33%,#595959 43%,#2c2c2c 61%,#000000 88%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px;
	display: block;
	height: 20px;
	width: 150px;
	padding-top:4px;
	margin-top: 30px;
	color: #f8f8f8;	
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	}
.top a:hover { color:#198cbf; }

/* ///////////////  TABELLEN  /////////////////////////////// */
 

/* /////////////  KC Elemente  //////////////////////////// */

#kceGreen {
	position: relative;
	width: 70px;
	height: 70px;
	color: #000;
	background-color: #92d400;	
		
}

#kceMagenta {
	position: relative;
	width: 70px;
	height: 70px;
	color: #000;	
	background-color: #d10074;	
		
}

#kceOrange {
	position: relative;
	width: 70px;
	height: 70px;
	color: #000;	
	background-color: #ff5800;	
		
}

#kceRed {
	position: relative;
	width: 70px;
	height: 70px;
	color: #000;	
	background-color: #E00034;	
		
}

#kcePetrol {
	position: relative;
	width: 70px;
	height: 70px;
	color: #000;	
	background-color: #0097b2;	
		
}

#kceBronzeGreen {
	position: relative;
	width: 70px;
	height: 62px;	
	border-top: solid 8px #92d400;
	background-color: #7e714d;		
}

#kceBronzeOrange {
	position: relative;
	width: 70px;
	height: 62px;	
	border-top: solid 8px #ff5800;
	background-color: #7e714d;		
}

#kceBronzeMagenta {
	position: relative;
	width: 70px;
	height: 62px;	
	border-top: solid 8px #d10074;
	background-color: #7e714d;		
}

#kceYellow {
	position: relative;
	width: 70px;
	height: 70px;	
	color: #000;
	background-color: #f9e300;		
}

#kceSilver {
	position: relative;
	width: 70px;
	height: 70px;
	color: #000;	
	background-color: #afafaf;		
}

#kceBlue {
	position: relative;
	width: 70px;
	height: 70px;	
	color: #000;
	background-color: #009fda;		
}

#kceBlack {
	position: relative;
	width: 70px;
	height: 70px;
	color: #fff;
	background-color: #000;		
}

#kceBlackSilver {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #afafaf;
	background-color: #000;		
}

#kceBlackBlue {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #009fda;
	background-color: #000;		
}

#kceBlackYellow {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #f9e300;
	background-color: #000;		
}

#kceBlackMagenta {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #d10074;
	background-color: #000;		
}

#kceBlackRed {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #E00034;
	background-color: #000;		
}

#kceBlackPurple {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #9c5fb5;
	background-color: #000;		
}

#kceBlackPetrol {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #0097b2;
	background-color: #000;		
}

#kceBlackGreen {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #92d400;
	background-color: #000;		
}

#kceBlackOrange {
	position: relative;
	width: 70px;
	height: 62px;
	color: #fff;
	border-top: solid 8px #ff5800;
	background-color: #000;		
}

#kceGreen .phVal, #kceRed .phVal, #kceYellow .phVal, #kceBlue .phVal{
	position: absolute;
	width: 60px;
	height: 20px;
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 10px; 
	font-weight: normal;
	color: #000;
	top: 8px;
	right: 6px;
	text-align: right;
	}
	
#kceBronzeGreen .phVal, #kceBronzeOrange .phVal, #kceBronzeMagenta .phVal{
	position: absolute;
	width: 60px;
	height: 20px;
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 10px; 
	font-weight: normal;
	color: #000;
	top: 4px;
	right: 6px;
	text-align: right;
	}
	
#kceBlackSilver .phVal, #kceBlackBlue .phVal, #kceBlackYellow .phVal, #kceBlackMagenta .phVal, #kceBlackRed .phVal, #kceBlackPurple .phVal, #kceBlackPetrol .phVal, #kceBlackGreen .phVal, #kceBlackOrange .phVal{
	position: absolute;
	width: 60px;
	height: 20px;
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 10px; 
	font-weight: normal;
	color: #fff;
	top: 4px;
	right: 6px;
	text-align: right;
	}
	
#kceBlackSilver .gVal, #kceBlackBlue .gVal, #kceBlackYellow .gVal, #kceBlackMagenta .gVal, #kceBlackRed .gVal, #kceBlackPurple .gVal, #kceBlackPetrol .gVal, #kceBlackGreen .gVal, #kceBlackOrange .gVal{
	position: absolute;
	width: 60px;
	height: 10px;
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 10px;
	font-weight: normal;
	color: #fff;
	bottom: 5px;
	right: 6px;
	text-align: right;
	}


#kceGreen .eVal, #kceMagenta .eVal, #kceOrange .eVal, #kceRed .eVal, #kcePetrol .eVal, #kceYellow .eVal, #kceSilver .eVal, #kceBlue .eVal, #kceBlack .eVal{
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 27px; 
	font-weight: bold;	
	line-height: 70px;
	text-align: center;
	}
	
#kceBronzeGreen .eVal, #kceBronzeOrange .eVal, #kceBronzeMagenta .eVal{
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 27px;  
	font-weight: bold;
	color: #000;
	line-height: 60px;
	text-align: center;
	}
	
#kceBlackSilver .eVal, #kceBlackBlue .eVal, #kceBlackYellow .eVal, #kceBlackMagenta .eVal, #kceBlackRed .eVal, #kceBlackPurple .eVal, #kceBlackPetrol .eVal, #kceBlackGreen .eVal, #kceBlackOrange .eVal{
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 27px;  
	font-weight: bold;
	color: #fff;
	line-height: 60px;
	text-align: center;
	}
	
/* /////////////  KC Elemente  //////////////////////////// */


/* TOOLTIP */

#preview{
	position:absolute;
	/*border:1px solid #ccc;
	background:#c0c0c0;*/
	padding:5px;
	display:none;
	color:#fff;
	}
	
	
#tooltip {
	position: absolute;
	z-index: 3000;	
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	 
}
#tooltip h3, #tooltip div { margin: 0; color: #10a3e4;}

/*  TOOLTIP */



/* CONTENT */



/* /////////////     Footer      ////////////////////////////// */



#footer {	
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 12px; 
	color: #5b5b5b;
	width: 980px;
	height: 50px;
	margin: 0 auto 0 auto;
	padding: 0;
	line-height: 50px;
	
		 	
}

#footer a {
	color: #10a3e4;	
	text-decoration: none;
}

#footer a:hover {
	color: #198cbf;	
	text-decoration: none; 	
}

#footer .adress {
	float:left;
	clear: both;
	}

#footer .imprint {
	float:right;
	margin-right: 8px;
	}
	
#footer .imprint a{
	color: #5b5b5b;
	text-decoration: none;	
	}
	
#footer .imprint a:hover{
	color: #10a3e4;	
	text-decoration: none;	
	}
	
	

/* /////////////     Footer      ////////////////////////////// */


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
    height: 50px;
}

.clear-fix { clear: both; line-height: 1px; }