/* 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;
}

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

	.item {
		width:20%;
		height:100%;
		float:left;
		background-color:#ddd;
	}
	
	
	.content {
		width:900px;
		height:500px;
		top:12%;
		text-align: center;
		margin:0 auto;
		background-color:#aaa;
		position:relative;
		
	
	
		
		 
	}
		#content2 {
		width:900px;
		height:553px;
		background-image:url(images/carsten.jpg);
		-moz-border-radius:15px 15px 15px 15px;
		text-align: center;
	}
	
		#content3 {
		width:900px;
		height:545px;
		font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		background-image:url(images/Anfahrt-neu.jpg);
		-moz-border-radius:15px 15px 15px 15px;
		 -moz-box-shadow:5px 1px 20px 4px #AEB0B1;
		  overflow: hidden;
        

		}
		#content3 ul {
 
        list-style-type: none;
        color:fff;
        margin-left:490px;
        padding: 0px;
		}
		#content3 a {
 
        list-style-type: none;
        color:#147380;
      
		}
	
	
	
			#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;
	}
	
			#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);
		-moz-border-radius:15px 15px 15px 15px;
		text-align: center;
		.p font-size:11px;
	
				
		
	}
			#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;
		  overflow: hidden;
       

	}
				#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:28px;left:30px;
 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#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:#A2A6A7; padding:4px 2px 2px 4px;
  border-left:0px solid #666; border-top:0px solid #666;
  border-right:0px solid #ccc; border-bottom0px solid #ccc;
}
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:620px; height:1.3em; padding:3px;
  text-align:center; font-weight:bold; text-decoration:none;
  -moz-border-radius:15px 15px 15px 15px;
    color:#8F8F90; background-color:#eee;
  border-left:px solid #fff; border-top:px solid #fff;
  border-right:px solid #000; border-bottom:1px solid #000;
}

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:#737676;}

 /* menueleiste*/
.menu {
width:210px;height:650px;margin:-6px 25px;overflow:hidden;
	
}

.glossymenu{
margin: 0px -2px;
padding: 0;
width: 180px; /*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: #545556;
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: #696363;
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:13px;
            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;
        }

        #demo1
        {
            border:px solid #000;
            height:420px;
            overflow:auto;
        }
		  up-arrow { color:solid #000;   }
 
.css-scrollbar.simple{width:210px;height:650px;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.0; }