/* css fuer www.bton.de */

/*===========================*/
/* tags                      */
/*===========================*/

body{ margin-top:auto; padding:0px; border:0px; background-color: #181818; background-attachment:fixed; background-position:top; scrollbar-arrow-color: #696969;
scrollbarBaseColor: #000000;}
img{border:0px; margin:0px; padding:0px;}
td{margin:0px; padding:0px; border:0px;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#efefef;}
h2{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#353535; padding:6px 10px 0px 20px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#efefef; font-weight:bold;}
h4{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#eee; font-weight:bold; text-align:right; margin-right:10px;}

a:link{font-family:Arial, Helvetica, sans-serif; color:#424242; font-size: 12px; text-decoration:underline;}
a:visited{font-family:Arial, Helvetica, sans-serif; color:#424242; font-size: 12px; text-decoration:underline;}
a:hover{font-family:Arial, Helvetica, sans-serif; color:#64a821; font-size: 12px; text-decoration:underline;}
a:active{font-family:Arial, Helvetica, sans-serif; color:#64a821; font-size: 12px; text-decoration:underline;}
a:focus{font-family:Arial, Helvetica, sans-serif; color:#64a821; font-size: 12px; text-decoration:underline;}

td {vertical-align:top}

ul{margin-left:-12px;}

iframe{border:none; text-decoration:none;}

/*===========================*/
/* class                     */
/*===========================*/

.links_footer{font-size:12px; color:#fff;}

.div_links{margin-top:20px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; font-size:12px;}
.div_links a{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#858585; line-height:3em;}
.div_links a:hover{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#63aa20;}

.footer{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#efefef;}
.footer:link{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:visited{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:hover{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:active{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}
.footer:focus{font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size: 11px; text-decoration:none;}

.links{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#424242;}
.links:link{font-family:Arial, Helvetica, sans-serif; color:#424242; font-size: 13px; text-decoration:none;}
.links:visited{font-family:Arial, Helvetica, sans-serif; color:#424242; font-size: 13px; text-decoration:none;}
.links:hover{font-family:Arial, Helvetica, sans-serif; color:#64a821; font-size: 13px; text-decoration:none;}
.links:active{font-family:Arial, Helvetica, sans-serif; color:#64a821; font-size: 13px; text-decoration:none;}
.links:focus{font-family:Arial, Helvetica, sans-serif; color:#64a821; font-size: 13px; text-decoration:none;}

.orangenavi{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;}
.orangenavi:link{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:visited{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:hover{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:active{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:none; font-weight:bold;}
.orangenavi:focus{font-family:Arial, Helvetica, sans-serif; color:#ffbe49; font-size: 12px; text-decoration:none; font-weight:bold;}

.orangetext{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffbe49; font-weight:bold;}

.content_text{margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; font-size:12px;}

.content_text_2{margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; font-size:18px;}

.complete_table{width:882px; margin:0px; padding:0px; border:0px; border-collapse:collapse;}

.complete_table_2{width:400px; height:400px; margin:0px; left:200px; padding:0px; border:0px; border-collapse:collapse;}

.sidebar_text{color:#efefef; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.sidebar_text a{color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
.sidebar_text a:hover{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}

.thumbnail{
	position: relative;
	z-index: 0;
	
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
background-color: none;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: none;
text-decoration: none;
width: 300px; height: 201px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width: 300px; height: 201px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px;
width: 300px; height: 201px; /*position where enlarged image should offset horizontally */

}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 18px;
background-image: url(pics/scroll_base.jpg);
}
.vscrollerbar {
width: 18px;
background-color: #666666;
background-image: url(pics/scroll.jpg);
background-repeat:repeat-y;
}
.hscrollerbase {
height: 5px;
background-color: #181818;
}
.hscrollerbar {
height: 5px;
background-color: #666666;
background-image:url(images/scroll_x.jpg);
background-repeat:repeat-x;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


.content-sidebar h3{margin-top:8px;display:block;background:#FFF url(pics/sidebar_h3.png) no-repeat;height:22px;width:181px;font-weight:700;font-size:11px;padding:9px 0 0 10px;}

/*===========================*/
/* id                        */
/*===========================*/

#canvas{width:882px; background-color:none; border:0px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:auto;}
#head{width:880px; height:56px; margin:0px; padding:0px; border:0px; font-size:0px; white-space:nowrap;}
#headline{width:880px; height:3px; margin:0px; padding:0px; border:0px; font-size:0px;}
#navi{width:882px; height:24px; margin-top:0px; padding:0px; border:0px;}
#content{
   width:890px;
   margin:0px; 
   padding:0px;
   border:0px;
   font-size:0px;
   min-height:467px ;
   height:467px !important;
   background:-webkit-gradient(linear, left top,left bottom, from(#ccc), to(#474747), color-stop(0.88, #ccc), color-stop(0.88, #474747));
   background:-moz-linear-gradient(rgba(255, 255, 255, 0.8) 88%, rgba(255, 255, 255, 0.0) 0%);
   background-color:#474747;
   -webkit-box-shadow: 0px 4px 10px #000000;
   -moz-box-shadow: 0px 4px 10px #000000;
}
#content2{width:880px; margin:0px; padding:0px; border:0px; font-size:0px; min-height:467px ; height:467px !important;}
#footer{width:880px; margin:8px 0px 20px 0px; padding:0px; border:0px ; font-size:0px; white-space:nowrap;}
#news{width:865px;position:relative; left:16px; top:2px; font-size:12px; color:#efefef;}
#news a{font-size:12px; color:#efefef; text-decoration:none; font-weight:bold;}
#news a:hover{font-size:12px; color:#333333; text-decoration:none; font-weight:bold;}
#content_news {
   width:620px;
   height:440px;
   overflow-y:scroll;
   text-align:justify;
   padding:0px 10px 0px 0px;
}

#cat{background-image:url(pics/sidebar_h3_trans.png); height:30px; margin-right:auto; margin-bottom: 10px;width:191px;}

#content_news img{float:left; margin-right:10px; margin-bottom:6px;}

#news_footer{ height:50px; margin-top:23px; background-color:#474747;}

#news_footer a{ color:#fff;}
#news_footer a:hover{ color:#989898;}
#news_footer td{ vertical-align: middle;}

div#links {
	width: 19em;
	height:31.6em;
	margin-bottom: 1em;
	margin-left:0.8em;
	background-color:#ddd;
	border:1px solid #999;
	color: #555;
}

div#links h2 {
	margin: 0;
	padding: 0.4em 1em;
	font-size: 1.1em;
	color: #fff;
	background-color:#464646;
}

div#links p{	padding: 0 1em 0.5em 1em;}

div#links ul li {padding:4px 0px 2px 0px;}
div#links ul li a{color: #555;}
div#links ul li a:hover{color: #989898;}

div#teamnavi{
    width:882px;
	height:110px;
	background:-webkit-gradient(linear, left top,left bottom, from(#474747), to(#333), color-stop(0.89, #474747));
	background:-moz-linear-gradient(81% 100% 90deg,#333, #474747, #474747 43%);
}

div#teamnavi td{width:100px; text-align:center;color:#CCCCCC;}

div#teamnavi img{
         border:none;
		 -webkit-border-radius:6px;
		 -moz-border-radius:6px;
		 margin-top:3px;
		 margin-bottom:3px;
		 margin-left:3px;
		 margin-right:3px;
}

div#teamnavi .imgcontainer{
                  -webkit-border-radius:6px;
				  -moz-border-radius:6px;
				  background-color:#CCCCCC;
				  height:76px;
				  width:76px;
				  margin:1px 20px;
				  opacity:0.6;
				  -webkit-box-shadow: 1px 1px 3px #181818;
				  -moz-box-shadow: 1px 1px 3px #181818;
				  -webkit-transition: all 0.3s ease-out;
				  -moz-transition: all 0.3s ease-out;
}
div#teamnavi .imgcontainer:hover{
                  -webkit-border-radius:6px;
				  -moz-border-radius:6px;
				  background-color:#CCCCCC;
				  height:76px;
				  width:76px;
				  margin:1px 20px;
				  opacity:1.0;
				  -webkit-box-shadow: 1px 1px 3px #181818;
				  -moz-box-shadow: 1px 1px 3px #181818;
				  /*-webkit-transition: all 0.3s ease-in-out;
				  -moz-transition: all 0.3s ease-in-out;*/
}

div#teamnavi .imgcontainer:active{opacity:1.0;}

div#teamcontent{ width:850px; height:269px; padding:0px 40px 10px 10px;}
div#teamcontent img{border:4px solid #474747;}
}
div#social{
      width:882px;
	  height:50px;
	  margin-top:0px;
	  /*background:-webkit-gradient(linear, left top,left bottom, from(#383838), to(#474747), color-stop(0.14, #474747));*/
}

div#social a{color:#FFFFFF; text-decoration:none; font-weight:bold;}
div#social a:hover{color:#989898;}
div#social td{vertical-align:middle;}

div#teaminfo h2 {
	margin: 0;
	padding: 0.4em 1em;
	font-size: 1.1em;
	color: #fff;
	background-color:#464646;
}

div#teaminfo{
     margin:0px 10px;
	 width:30em;
	 background-color:#ddd;
	 border:1px solid #999;
	 margin-right:20px;
}

div#teaminfo p{padding: 0 1em 0.5em 1em;}

div#teamimg{margin-right:20px; width:410px;}