/* CSS Topairbrush.com - © webdesign 2010 Torsten Rachu*/

body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
	 font-family: Arial, Helvetica, sans-serif;
color:#5B5D5D;

}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-color:#ccc;
	overflow:hidden;
	
}
.new{


position:relative;
	width:20px;
	height:9px;
	margin: 0px 607px;
top:-39px;
	
}

	#mask {
		width:500%;
		height:100%;
		background-color:#eee;
	}
		#mask2 {
		width:500%;
		height:100%;
		background-color:#07F53F;
	}

	.item {
		width:20%;
		height:100%;
		float:left;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

	}
	.videos {
		width:800px;
		height:500px;
		
		
	}
	.video2 {
		width:350px;
		height:200px;
		top:auto;
		left:340px;
		
	}
	.content {
		width:900px;
		height:500px;
		top:2%;
		text-align: center;
		margin:0 auto;
		background-color:tansparent;
		position:relative;
		background:tansparent;
		
	
	
		
		 
	}
		#content2 {
		width:910px;
		height:553px;
		background-image:url(images/start2018.1.png);
		-moz-border-radius:15px 15px 15px 15px;
		text-align: center;
	}
		#content3 {
		width:900px;
		height:560px;
		
		background-image:url(images/anfahrt-2018.jpg);
		-moz-border-radius:15px 15px 15px 15px;
		 -moz-box-shadow:5px 1px 20px 4px #AEB0B1;
		}
		#content3 ul {
 
        list-style-type: none;
        color:fff;
       }
       .con {   display:block;
	   position:relative;
       left:435px;
	   top:25px;
	   
		 width:100px; height:480px; border:0;
		 }
		 #content3 iframe {
		text-shadow: 1px 1px #ffffff;
       width:100px; height:480px; border:0;

  
		 }
		 #content3 ul span{
		 text-shadow: 1px 1px #ffffff;
		 color:#ffffff;
		text-shadow: 0 0 0.1em #3B4653, 0 0 0.1em #3B4653, 0 0 0.1em #3B4653;
		  
	
	
		}
			 #content3 ul span p{
		 font-size: 20px;
		 color:#FD051C;
		text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
		  
	
	
		}
		#content3 u  {
		display:block;
		
      	font-family:"Century Gothic", Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
        list-style-type: none;
        color:#18FAF2;
      text-shadow: 0 0 0.2em #3B4653, 0 0 0.2em #3B4653, 0 0 0.2em #3B4653;
	  text-decoration:none;
	 background: #000;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=20);
	opacity: 0.2;
    z-index: 20;
	  -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,0.15);
  -moz-box-shadow: 0px 1px 2px rgba(255,255,255,0.15);
  box-shadow: 0px 1px 2px rgba(255,255,255,0.15);
 -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
		}
		#content3 ul a:hover{
    	 background: #000;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
    z-index: 20;
	  -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,0.15);
  -moz-box-shadow: 0px 1px 2px rgba(255,255,255,0.15);
  box-shadow: 0px 1px 2px rgba(255,255,255,0.15);
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
       }	
 	

	
	
	
			#content4 {
		width:900px;
		height:514px;
		background-image:url(images/3D-tempkref.jpg);
		-moz-border-radius:15px 15px 15px 15px;
		text-align: center;
				
		 -moz-box-shadow:5px 1px 20px 4px #AEB0B1;
	}
				#content4a {
		width:900px;
		height:525px;
		background-image:url(images/3D-tempkref.jpg);
		-moz-border-radius:15px 15px 15px 15px;
		text-align: center;
				
		 -moz-box-shadow:5px 1px 20px 4px #AEB0B1;
		  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	}
	
			#content5 {
		width:900px;
		height:500px;
		background-image:url(images/3D-tempksw.jpg);
		-moz-border-radius:15px 15px 15px 15px;
		text-align: center;
				-moz-border-radius:15px 15px 15px 15px;
		 -moz-box-shadow:5px 1px 20px 4px #AEB0B1;
	}
		#content6 {
		width:900px;
		height:556px;
		background-image:url(images/3D-tempk1a1.jpg);
			 -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
		text-align: center;
	
				
		
	}
		#content6a {
		width:900px;
		height:556px;
		background-color:;
		-moz-border-radius:15px 15px 15px 15px;
		text-align: center;
		 -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	 text-align: center;
		
	}
				
		#content6a ul{
		position: relative;left:15px;margin-top:2px;
 float:left;
		
		padding-right:3px;
		margin-left:2px;
	}	
		
		
					
		#content6a ul li{
		position: relative;
 float:left;
		
		padding-right:3px;
		margin-left:2px;
	}	
		

		
		
	
	
			#content7 {
		width:900px;
		height:525px;
		background-image:url(images/3D-tempkg.jpg);
		
		text-align: center;
				-moz-border-radius:15px 15px 15px 15px;
		 -moz-box-shadow:5px 1px 20px 4px #AEB0B1;
	}
				#content9 {
		width:900px;
		height:500px;
		background-image:url(images/blank.jpg);
		
		text-align: center;
				-moz-border-radius:15px 15px 15px 15px;
		 -moz-box-shadow:5px 1px 20px 4px #AEB0B1;
	}

	.selected {
		background:#fff;
		font-weight:700;
		
	}

	.clear {
		clear:both;
	}

.Stil1 {position :absolute;color: #fff; top:20px;left:5px;text-align: center;;}

a#button {
position: relative;margin-top:0px;left:20px;
 float:left; display:block; width:103px; height:1.3em; padding:3px;
  text-align:center; font-weight:bold; text-decoration:none;
  -moz-border-radius:15px 15px 15px 15px;
  text-shadow: 0 -1px 1px #666666, 0 1px 1px #54595F;
}
a#button:link, a#button:visited {
  color:#DFE2E3; background-color:transparent;
  border-left:0px solid #fff; border-top:0px solid #fff;
  border-right:0px solid #000; border-bottom:0px solid #000;
}
a#button:hover {
  color:#fff; background-color:#07A8BE; 
  -moz-border-radius:15px 15px 15px 15px;
}
a#button:active {
  color:#fff; background-color:#999;
  border-left:2px solid #000; border-top:2px solid #000;
  border-right:2px solid #fff; border-bottom:2px solid #fff;
}
a#button1 {
position: relative;left:135px;margin-top:6px;
 float:left; display:block; width:220px; height:1.3em; padding:3px;
  text-align:center; font-weight:bold; text-decoration:none;
  -moz-border-radius:15px 15px 15px 15px;
    color:#eee; background-color:#ee;
  border-left:px solid #ff; border-top:px solid #ff;
  border-right:px solid #000; border-bottom:1px solid #00;
  text-shadow: 0 -1px 1px #666666, 0 1px 1px #54595F;
  
}
a#button1:hover {
  color:#fff; background-color:#bbb; padding:4px 2px 2px 4px;
  border-left:px solid #666; border-top:px solid #666;
  border-right:px solid #ccc; border-bottom:px solid #ccc;
}
a#button2 {
position: relative;left:135px;margin-top:6px;
 float:left; display:block; width:120px; height:1.3em; padding:3px;
  text-align:center; font-weight:bold; text-decoration:none;
  -moz-border-radius:15px 15px 15px 15px;
}
a#button2:link, a#button2:visited {
  color:#8F8F90; background-color:transparent;
  border-left:px solid #fff; border-top:px solid #fff;
  border-right:px solid #000; border-bottom:px solid #000;
}
a#button2:hover {
  color:#fff; background-color:#bbb; padding:4px 2px 2px 4px;
  border-left:px solid #666; border-top:px solid #666;
  border-right:px solid #ccc; border-bottom:px solid #ccc;
}
a#button2:active {
  color:#fff; background-color:#999;
  border-left:1px solid #000; border-top:1px solid #000;
  border-right:1px solid #fff; border-bottom:1px solid #fff;
}
a#button3 {
position: relative;left:150px;margin-top:10px;
 float:left; display:block; width:120px; height:1.3em; padding:3px;
  text-align:center; font-weight:bold; text-decoration:none;
  -moz-border-radius:15px 15px 15px 15px;
}
a#button3:link, a#button3:visited {
  color:#CFD1D1; background-color:transpatent;
  border-left:px solid #fff; border-top:px solid #fff;
  border-right:px solid #000; border-bottom:px solid #000;
}
a#button3:hover {
  color:#fff; background-color:#bbb; padding:4px 2px 2px 4px;
  border-left:px solid #666; border-top:px solid #666;
  border-right:px solid #ccc; border-bottom:px solid #ccc;
}
a#button3:active {
  color:#fff; background-color:transparent;
  border-left:px solid #000; border-top:px solid #000;
  border-right:px solid #fff; border-bottom:px solid #fff;
}
h4 {
	 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0 0 0px 0;
	letter-spacing:-1px;}

h3{  color:#4C4C4B;}
a{  color:#077878;}

 /* menueleiste*/
.menu {
position:relative;
	width:200px;
	height:702px;
	margin: 0px 7px;
top:0px;
	
}

.glossymenu{
margin:-55px 0px;
padding: 0;
width: 170px; /*width of menu*/
border: px solid #9A9A9A;
border-bottom-width: 0;
text-align: left;
}

.glossymenu a.menuitem{
background:  url(glossyback.gi) repeat-x bottom left;
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
text-shadow:1px 1px 1px #000;
 
decoration:none;

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #fff;
border-top: 1px #E9ECED;
border-bottom: 1px #021D24;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gi);
color: #fff;
background: #595A5A; 
text-shadow:0px 0px 2px #444; 
opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-border-radius:15px 15px 15px 15px;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: 09D4DF;
border-bottom: 1px #021D24;
-moz-border-radius:15px 15px 15px 15px;
 
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
border-bottom: 1px #474949;
margin: 0;
padding: 0;
background: 09D4DF;
-moz-border-radius:15px 15px 15px 15px;

}

.glossymenu div.submenu ul li{
border-bottom: #474949;

}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #293B3F;
text-shadow:1px 1px px #fff;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
display:block;
font-weight:bold;
text-decoration:none;
-moz-border-radius:15px 15px 15px 15px;

}

.glossymenu div.submenu ul li a:hover{
border-bottom:1px solid #022730;
border-top:1px solid #022F39;
background: transparent;
color: #24EFF1;
text-shadow:1px 1px 1px #000;
-moz-border-radius:15px 15px 15px 15px;}

	#text {
	font-family: Arial, Helvetica, sans-serif;font-size:2px ;font-weight: normal; 
top: 0px;
	width: 800px;
	margin: 0px ;
	}

	
.Stil2 {color: #FFFFFF}

        p
        {
            padding:0px;
            margin:0px;
            font-size:11px;
            font-family: Arial, Helvetica, sans-serif;font-size:12px ;font-weight: normal; 
        }
        p.explanation
        {
            font-size:12px;
        }
        .col
        {
            float:left;
            width:880px;
            font-size:12px;
            margin-left:20px;
				top:3px; 
        }
        
      
	  .col-one, .col-two, .col-three { width: 30%; float: left; position: relative; top: 352px; }
.col-one, .col-two { margin-right: 3%; }
        #demo1
        {
            border:px solid #000;
            height:420px;
            overflow:auto;
        }
		  up-arrow { color:solid #000;   }
 
.css-scrollbar.simple{width:225px;height:auto;margin:6px 25px;overflow:hidden;float:left;background:transparent;-moz-box-shadow:none;border:none;}
.css-scrollbar.simples{width:800px;height:auto;margin:6px 25px;overflow:hidden;float:left;background:transparent;-moz-box-shadow:none;border:none;}

			.css-scrollbar p{margin:0;padding:1px;line-height:1.2;
			 }
			.css-scrollbar a{
	cursor: default;
	text-decoration: none;
	color: #5B5D5D;
}
			.css-scrollbar.simples a{
	cursor: pointer;
	text-decoration: none;
	text-shadow:1px 1px 1px #ffffff;
	color: #323536;
	font-weight:bold;
	 font-size:12px;
}			
			
			.slideshow { height: 95px; width: 762px; margin: auto }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: transparent; }

#slider-wrapper {
  
	 position:absolute;
    width:908px;
    height:592px;
   
    padding:0px;
    margin-top:0px;
	 margin-left:0px;
	 
}


#slider {
	position:absolute;
    width:706px;
    height:420px;
  top:44px;
	 left:139px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
/* The Nivo Slider styles */
.nivoSlider {
	
}
.nivoSlider img {
	
	
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}