/********************************************************************************
Webtech AG
Lehnplatz 10, 6460 Altdorf
www.webtech.ch

Info: Default CSS-Datei. Gültig für alle Seiten.
********************************************************************************/



/****PAGE GRUNDBEREICH**********************************************************/   
body {
    color: #000000; 
	background-color: #666666;
    font-size: 100.00%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0px; 
	padding: 0px;
    text-align: left;  /* Zentrierung im Internet Explorer */
	background-image: url(/img/background.jpg);
	background-repeat: repeat;
	overflow:-moz-scrollbars-vertical; /*Zeigt vertikale Scrollbar immer an -> sonst springt die Website*/
  }

#page {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    margin-top: 0px;
    padding: 0px;
    width: 790px;
    background-color: transparent;
  }

/* mit korrekte Reihenfolge der A-Tags  */
a:link    { color: red }     /* noch nicht besuchter Link */
a:visited { color: blue }    /* schon besuchter Link   */   
a:hover   { color: lime} 	  /* Benutzer 'hovert'     */    
a:active  { color: lime }    /* Link wird ausgewählt   */
/********************************************************************************/ 





/****HEADER BLOCK****************************************************************/  
#header {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	height: 410px;
	background-repeat: no-repeat;
	background-position: center;
}

img.logo {
	margin-top: 120px;
}
/********************************************************************************/





/****NAVIGATIONS BLOCK***********************************************************/ 
#platzLinks {
	float: left;
	width: 45px;
	height: 10px;
}

#area {
	float: left;
	width: 700px;
	background-color: #999999;	
	border-top: 1px solid #000000; /* Schwarzer Ramen oben */
}

#nav {
	float: left;
	width: 200px;
}

/*Grundlayout-Definition Level 1. Navigation als vertikale Liste*/
#nav ul {
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.8em;
	 color: #FF0000;
	 text-align: right;
	 background-color: #000000;
}

#nav li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
}

#nav a {
    display: block;
	 padding-top: 2px;
	 padding-bottom: 2px;
	 text-decoration: none;
	 height: 100%;
	 background-image: url(/img/pfeil.gif);
	 background-repeat: no-repeat;
	 background-color: #000000;
	 border-bottom: 1px solid #FFFFFF;
}

#nav ul li a:link, #nav ul li a:visited {
    color: #FF0000; 
	 padding-right: 15px;
	 text-decoration: none;
	 background: transparent;
	 background-image: url(/img/pfeil.gif);
	 background-repeat: no-repeat;
	 background-position: 190px center;
}

#nav ul li a:hover {
    color: #CCCCCC; 
	 padding-right: 15px;
	 text-decoration: none;
	 background-color: #1A1A1A;
	 background-image: url(/img/pfeil-hover.gif);
	 background-repeat: no-repeat;
	 background-position: 190px center;
}

#nav ul li a.active:link, #nav ul li a.active:visited {
	 color: #CCCCCC; 
	 padding-right: 15px;
	 text-decoration: none;
	 background-color: #1A1A1A;
	 background-image: url(/img/pfeil-hover.gif);
	 background-repeat: no-repeat;
	 background-position: 190px center;
}
/********************************************************************************/





/****CONTENT BLOCK***************************************************************/  
#contentArea {
	float: right;
	width: 499px; /* Effektiv über 500 aber weniger wegen IE-Bug, -1 wegen linkem Rahmen */
	background-color: #FFFFFF;
	border-left: 1px solid #000000; /* Schwarzer Ramen links */
}

#content {
	float: left;
	width: 400px; /* Etwas weniger da so margin-right entfällt rechts ist einfach der Rest*/
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	color: #666666;
	font-size: 0.9em;
}

#content h1 {
	margin-top: 0px;
	margin-bottom: 15px;
	color: #666666;
	background-color: #CCCCCC;
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(/img/pfeil_gross.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

.h1home {
	margin-top: 0px;
	margin-bottom: 15px;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}

#content h2 {
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666666;
	font-size: 1em;
	font-weight: bold;
}

#content p {
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666666;
	font-size: 0.8em;
}

#content a {
   color: #FF0000; 
	text-decoration: none;
}

#content a:hover {
   color: #FF0000; 
	text-decoration: underline;
}

#content ul {
	color: #666666;
	font-size: 0.8em;
}

#contentSpace {
	float: right;
	height: 250px;  /* Minimale Content höhe */
	background-color: #FFFFFF;
}
/********************************************************************************/





/****FOOTER BLOCK****************************************************************/   
#footer {
	text-align: center;  /*Seiteninhalt wieder zentrieren */
	background-color: #666666;
	font-size: 0.65em;
	width: 700px;
	margin: auto;  /*Footer zentrieren*/
}

#footer p {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #EAEAEA;
}

#footer a {
	color: #EAEAEA;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/********************************************************************************/







/****SPEZIAL BEREICH*************************************************************/
.clear {
	clear: both;
	font-size: 1px;
	height: 0px;
}

.hide { 
	display: none; 
}

.personalHeight{
	height: 150px;
	width: 450px;
}
/********************************************************************************/