@charset "utf-8";
/* CSS Document */


.tab-pane{
	padding-bottom: 0px;
}
.tab-content{
	padding-bottom: 0px;
}
li.active{
	color:red !important;
}

.pestercontent{
	width: 960px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	
}
.pestertab{
	color: black !important;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: rgba(240,239,236,1.00);
	color: #006769;
	text-indent: 12px;
}
.pesternavlink{
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px !important;
	background-color: black !important;
	color: #006769;
	text-indent: 12px;
}
.pestercard{
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px !important;
	background-color: black !important;
	color: #006769;
	text-indent: 12px;
}


.pesterkacheln{
	margin-top:30px !important;
	margin-bottom: 50px;
}

body {
	height: 100%;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: rgb(221,231,233);
	/*background-image: url(../img/img_product/hg_prod_start.jpg);
	background-repeat: repeat-x;*/
}
#wrapper{
	width: 100%;
	height: 100%;
}
header{
	height: 87px;
	width: 960px;
	margin: 0 auto;
}
.titel{
	float: left;
	margin-left: 18px;
	margin-top: 38px;
}
.logo{
	float: right;
	margin-right: 41px;
	margin-top: 16px;
}
div#content {
	width: 960px;
	height: 274px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	clear: both;
}
div#content2 {
	width: 960px;
	height: 353px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	clear: both;
}
.shadow{
	vertical-align: top;
}
.text{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: rgba(255,255,255,1.00);
    background-color:rgba(0,0,0,1.00)
	padding-top: 12px;
}
.titel2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 28px;
}
.titel3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 32px;
	padding-left: 10px;
	width: 960px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	
}
.menuefenster{
	height: 290px;
	width: 245px;
	margin-top: 10px;
	margin-right: 26px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
	float: left;
	display: inline;
}
.menuefenster2{
	height: 200px;
	width: 280px;
	margin-top: 10px;
	margin-right: 26px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
	float: left;
	display: inline;
}
.menuefenster3{
	height: 200px;
	width: 280px;
	margin-top: 10px;
	margin-right: 26px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
	float: left;
	display: inline;
}
.menuefenster_add{
	height: 300px;
	width: 580px;
	margin-top: 10px;
	margin-right: 26px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
	float: left;
	display: inline;
}

nav {
	width: 300px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	position: static;
	margin-right: auto;
	margin-left: auto;
}
nav li{
	margin-top: 10px;
	margin-left: 16px;
	list-style: none;
}
nav li a{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	color: #1A1A1A;
}
nav ul {
    padding: 0px;
    margin: 0px;
     box-shadow: 2px 2px 2px #dfdfdf;
    -moz-box-shadow: 2px 2px 2px #dfdfdf;
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

nav ul,nav ul li{
    background-color: #FAFAFA;
}
nav ul li {
	list-style: none;
	
	border-right: 1px solid #222222;
	padding-top: 0px;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 18px 10px 18px;
    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}

nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a, nav ul li.cat1active
{
    background-color: #E6DD00;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a, nav ul li.cat2active
{
    background-color: #1AB0C6;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a, nav ul li.cat3active
{
    background-color: #1A6CC8;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a, nav ul li.cat4active
{
    background-color: #8AA703;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a, nav ul li.cat5active
{
    background-color: #40189C;
}
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a, nav ul li.cat6active
{
    background-color: #D7B203;
}
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a, nav ul li.cat7active
{
    background-color: #CC7D00;
}
nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a, nav ul li.cat8active
{
    background-color: #712626;
}

nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li:hover > ul {
    visibility: visible;
}

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
	float: none;
}
nav ul li ul li a {
    color: #FAFAFA;
}
nav ul li ul li a:hover{
	color: #333
	background-color: #FAFAFA !important;
}
.shadow{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	}
.cleaner_h30 {
	clear: both;
	width: 100%;
	height: 30px;
	padding-top: 6px;
}
.experience{
  width: 300px;
  height: 50px;
  margin-top: 139px;
  margin-left: -26px;
}
.experience2{
  width: 300px;
  height: 50px;
  margin-top: 167px;
  margin-left: 6px;
}
.experience3{
  width: 300px;
  height: 50px;
  margin-top: 1px;
  margin-left: -9px;
}
.experience3b{
  width: 300px;
  height: 50px;
  margin-top: 83px;
  margin-left: -9px;
}
.experience4{
  width: 300px;
  height: 50px;
  margin-top: 142px;
  margin-left: 3px;
}
.experience5{
  width: 300px;
  height: 50px;
  margin-top: 183px;
  margin-left: 3px;
}
.experience6{
  width: 300px;
  height: 50px;
  margin-top: 34px;
  margin-left: 5px;
}
.experience7{
  width: 300px;
  height: 50px;
  margin-top: 125px;
  margin-left: 4px;
}
.experience_8{
  width: 300px;
  height: 50px;
  margin-top: 18px;
  margin-left: -32px;
}
.experi_add{
  width: 300px;
  height: 50px;
  margin-top: 19px;
  margin-left: 139px;
}
#section{
	width: 960px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}
#section_add{
	width: 960px;
	height: 520px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}
#section_form2{
	width: 960px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}
#section_schrink{
	width: 960px;
	height: 323px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 0px;
}
#section_robot{
	width: 960px;
	height: 321px;
	margin: 0px auto;
    text-align: left;
}
.categoriefenster{
	width: 330px;
	height: 50px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #FBF8F8;
	padding-left: 16px;
	padding-top: 15px;
	background-color: #1E1E1E;
}
.smallfenster{
	width: 260px;
	height: 50px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #FBF8F8;
	padding-left: 16px;
	padding-top: 15px;
	background-color: #1E1E1E;
}
.categoriefenster_add{
	width: 600px;
	height: 50px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #FBF8F8;
	padding-left: 16px;
	padding-top: 15px;
	background-color: #1E1E1E;
}
.product_table01_titel{
	width: 960px;
	height: 47px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	background-color: rgba(240,239,236,1.00);
	color: #006769;
	text-indent: 12px;
}
.robo_table01_titel{
	width: 958px;
	height: 47px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	background-color: rgba(240,239,236,1.00);
	border: 1px solid #C8C8C8;
	color: rgba(95,94,94,1.00);
	text-indent: 12px;
}
p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #1B1B1B;
}
p a{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #1B1B1B;
}
.letterc{
	color: #338FC3;
}
.block_links{
  width: 330px;
  height: 450px;
  float: left;
  margin-right: 34px;
  background-color: rgba(255,255,255,1.00);
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.block_links_2{
  width: 330px;
  height: 380px;
  float: left;
  margin-right: 34px;
  background-color: rgba(255,255,255,1.00);
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.block_wrapp{
  width: 260px;
  height: 450px;
  float: left;
  margin-right: 35px;
  background-color: rgba(255,255,255,1.00);
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.block_add{
  width: 600px;
  height: 460px;
  float: left;
  margin-right: 20px;
  background-color: rgba(255,255,255,1.00);
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.block_list{
  width: 330px;
  height: 345px;
  float: left;
  margin-right: 34px;
  background-color: rgba(255,255,255,1.00);
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.block_links_schrink{
	width: 674px;
	height: 322px;
	float: left;
	background-color: rgba(255,255,255,1.00);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.block_end_links{
	width: 674px;
	height: 257px;
	float: left;
	background-color: rgba(255,255,255,1.00);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.block_rechts{
	width: 286px;
	height: 289px;
	float: right;
	background-color: rgba(255,255,255,1.00);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;	
}
.block_rechts_schrink{
	width: 286px;
	height: 322px;
	float: right;
	background-color: rgba(255,255,255,1.00);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;	
}
.block_end_rechts{
	width: 286px;
	height: 257px;
	float: right;
	background-color: rgba(255,255,255,1.00);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.left_block{
	width: 631px;
	height: 257px;
	float: left;
	background-color: rgba(255,255,255,1.00);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.right_block{
	width: 327px;
	height: 274px;
	float: right;
	background-color: rgba(255,255,255,1.00);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.prod_butt_text{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: rgba(108,108,108,1.00);
	text-indent: 10px;
}
#section2{
	width: 960px;
	height: 123px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#section3{
	width: 960px;
	height: 305px;
	margin: 0px auto;
}
.content_left{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 155px;
	float: left;
	padding: 10px;
}
#content2{
	width: 960px;
	height: 270px;
	margin: 0px auto;
}
.content_right
{
	width: 280px;
	float: right;
	padding-top: 8px;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 9px;
}
.ulmenue{
	color: rgba(0,0,0,1.00);
	width: 100%;
	padding-top: 8px;
	/*
	padding-right: 326px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	*/
	text-decoration: none;
	/*border-bottom: 3px solid white;*/
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-left: 0px;
}
.ulmenue li a:hover {
	color: rgba(255,255,255,1.00);
	background-color: rgba(6,145,156,1.00);
}


.ulmenue ul,.ulmenue ul li{
    background-color: #FAFAFA;
}
.ulmenue ul li {
	width: 290px;
	list-style: none;
	float: left;
	margin-bottom: 2px;
}
.ulmenue ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 18px 10px 15px;
    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}

.menueblock_oben{
	width: 520px;
	height: 169px;
	margin-left: 53px;
	margin-top: 22px;
}
menueblock_oben .auswahl_links{
	width: 244px;
	height: 169px;
	float: left;
}
menueblock_oben .auswahl_rechts{
	width: 244px;
	height: 169px;
	float: right;
}
footer {
	width: 100%;
	height: 300px;
	background-color: rgba(0,0,0,1.00);
	margin-top: 22px;
	margin-right: auto;
	margin-left: auto;
}
.lupe{
	transform: scaleX(1.4);
	transform: scaleY(1.4);
}
#kleinmenue{
	width: 960px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}
#menu{
	width: 960px;
	height: 30px;
	font-size:14px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
	background-color: #D7D9D9;
}
#menu ul{
	height:auto;
	padding: 4px 0px;
	margin: 0px;
}
#menu li{
	display:inline;
	padding: 20px;
}
menu li a{
	text-decoration:none;
	color:#363636;
	padding: 5px 8px 8px 8px;
}
#menu a:hover{
	color: #D0D0D0;
	background-color:#363535;
}
.titel2rob{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: #151515;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 10px;
}
.gohome{
	width: 90px;
	height: 60px;
	float: right;
	margin-top: -38px;
}
.gohome2{
	width: 90px;
	height: 60px;
	float: right;
	margin-top: -42px;
	padding-left: 25px;
}
.home{
	width: 960px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #C8C8C8;
	border-top: 1px solid #C8C8C8;
	padding-top: 6px;
}
.home2{
	width: 960px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
}
.shadow img{vertical-align: top;}