/***************************************************
CSS Stylesheet by PowerTouch GmbH
websites:	powertouch.ch
date:		nov, 2009
creator:	th. hurni
***************************************************/
body {
	margin:0px 0px 0px 0px;
	background-color: #ffffff;
}
/***************************************************
Textformate
***************************************************/

.main_navi {
	font-family:Arial;
	font-size: 12px;
	font-color: #ffffff;
	font-weight: normal;
	background-color: #cccccc;
	text-align: middle;
}

.main_navi a:link {
	font-family:Arial;
	font-size: 12px;
	font-color: #ffffff;
	font-weight: normal;
	text-align: middle;
}
.main_navi a:visited {
	font-family:Arial;
	font-size: 12px;
	font-color: #000000;
	font-weight: normal;
	text-align: middle;
}
.main_navi a:hover {
	font-family:Arial;
	font-size: 12px;
	font-color: #000000;
	font-weight: normal;
	text-align: middle;
}
.main_navi a:active {
	font-family:Arial;
	font-size: 12px;
	font-color: #000000;
	font-weight: normal;
	text-align: middle;
}

.sub_menue {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
.titel{
	font-family:Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	text-align: left;
}
.subtitel{
	font-family:Arial, sans-serif;
	font-size: 15px;
	color: #9896c3;
	font-weight: normal;
	text-align: left;
}
.copy {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	line-height: 1.4; 
}
.copy_spalte {
	font-family:Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	line-height: 1.4; 
}
.copyaktiv {
	font-family:Arial, sans-serif;
	font-size: 11px;
	color: #9896c3;
	font-weight: normal;
	text-align: left;
	line-height: 1.4; 
}
.copyaktiv2 {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #9896c3;
	font-weight: normal;
	text-align: left;
	line-height: 1.4; 
}
.copyk {
	font-family:Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	line-height: 1.4; 
}
.kontakt{
	font-family:Arial, sans-serif;
	font-size: 11px;
	color: #9896c3;
	font-weight: normal;
	text-align: left;
}
.zuruck {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
.color {
	background-color: #f7f7f7;
	text-align: left;
}
.points {
	background-image:url(../images/punkt_bg-grau.jpg);
	background-repeat:repeat;
}
.linie {
	background-image:url(../images/linie_grau80.png);
	background-repeat:repeat;
}

/***************************************************
link-style, a hover etc.
***************************************************/
a:link {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	text-align: middle;

}
a:visited {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;	
	text-align: middle;

}
a:hover {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	text-align: middle;

}
a:active {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #ffffff;
	font-weight: normal;
    text-decoration:none;
	text-align: middle;
}

.sub_menue a:link {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
.sub_menue a:visited {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
.sub_menue a:hover {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #b2b2b2;
	font-weight: normal;
}
.sub_menue a:active {
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}

.copy a:link {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight: normal;
	text-decoration:none;
}
.copy a:visited {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight: normal;
	text-decoration:none;
}
.copy a:hover {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #9896c3;
	font-weight: normal;
	text-decoration:none;
}
.copy a:active {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight: normal;
    text-decoration:none;
}
.copy_spalte a:link {
	font-family:Arial, sans-serif;
	font-size:11px;
	color: #666666;
	font-weight: normal;
	text-decoration:none;
}
.copy_spalte a:visited {
	font-family:Arial, sans-serif;
	font-size:11px;
	color: #666666;
	font-weight: normal;
	text-decoration:none;
}
.copy_spalte a:hover {
	font-family:Arial, sans-serif;
	font-size:11px;
	color: #9896c3;
	font-weight: normal;
	text-decoration:none;
}
.copy_spalte a:active {
	font-family:Arial, sans-serif;
	font-size:11px;
	color: #666666;
	font-weight: normal;
    text-decoration:none;
}
.zuruck a:link {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight: normal;
	text-decoration:none;
}
.zuruck a:visited {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight: normal;
	text-decoration:none;
}
.zuruck a:hover {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #9896c3;
	font-weight: normal;
	text-decoration:none;
}
.zuruck a:active {
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight: normal;
    text-decoration:none;
}
.kontakt a:link {
	font-family:Arial, sans-serif;
	font-size: 11px;
	color: #9896c3;
	font-weight: normal;
	text-align: left;
}
.kontakt a:visited {
	font-family:Arial, sans-serif;
	font-size: 11px;
	color: #9896c3;
	font-weight: normal;
	text-align: left;
}
.kontakt a:hover {
	font-family:Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}
.kontakt a:active {
	font-family:Arial, sans-serif;
	font-size: 11px;
	color: #9896c3;
	font-weight: normal;
	text-align: left;
}


/***************************************************
Navigation
***************************************************/

#menu ul {
      font-family: arial;
      list-style-type: none;
      
      float: right;
      margin: 0;
      padding: 0;
      font-size: 10px;
      letter-spacing: .5px;
      border-right: 0px solid #bfbfbf;
      border-left: 0px solid #bfbfbf; }

     #menu ul li { display: inline; } 
	 
	 #menu ul li a {
      background-color: #b2b2b2;
      border-right: 10px solid #fff;
      color: #ffffff;
      float: left;
      padding: 0.2em 1em;
      text-decoration: none; } 

      #menu ul li a:hover {
      background-color: #7f7f7f;
      color: #ffffff; } 
	  
	  #menu ul li a:active {
      background-color: #7f7f7f;
      color: #ffffff; } 
	  
	  
#aktiv ul {
      font-family: arial;
      list-style-type: none;
      
      float: left;
      margin: 0;
      padding: 0;
      font-size: 10px;
      letter-spacing: .5px;
      border-right: 0px solid #7f7f7f;
      border-left: 0px solid #7f7f7f; }

     #aktiv ul li { display: inline; } 
	 
	 #aktiv ul li a {
      background-color: #7f7f7f;
      border-right: 10px solid #fff;
      color: #ffffff;
      float: left;
      padding: 0.2em 1em;
      text-decoration: none; } 

      #aktiv ul li a:hover {
      background-color: #7f7f7f;
      color: #ffffff; } 
	  
	  
	    #mitte {
   position: absolute;
   left: 80%;
   top: 10%;
   width: 118px; /* Breite des Elements */
   height: 122px; /* Höhe des Elements */
   margin-left: -59px; /* Breite des Elements geteilt durch zwei! */
   margin-top: -61px; /* Höhe des Elements geteilt durch zwei! */
  }


/********************************************/
#lightbox{
	background-color:#000000;
	padding: 10px;
	border-bottom: 0px solid #666;
	border-right: 0px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
/********************************************/
#overlay{ background-image: url(../Scripts/overlay.png); 
}


* html #overlay{
	background-color: #000000;
	background-color: transparent;
	background-image: url(../Scripts/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Scripts/overlay.png", sizingMethod="scale");
	}
/********************************************/