/********************************************************************************
Webtech AG
Lehnplatz 10, 6460 Altdorf
********************************************************************************/





/****PAGE GRUNDBEREICH**********************************************************/   
body {
   color: #000000; 
	background-color: #717171;
   font-size: 100.00%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;  /* Zentrierung im Internet Explorer */
	overflow:-moz-scrollbars-vertical;
  }

#page {
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	margin-top: 20px;
   padding: 0px;
	width: 880px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
  }

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

  



/****SITE-AREA BLOCK***********************************************************/   
#siteArea {
   float: left; 
	width: 880px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(img/background.jpg);
	background-repeat: repeat-y;
}
/******************************************************************************/ 






/****LEFT-AREA BLOCK***********************************************************/   
#leftArea {
   float: left; 
	width: 310px;
	height: 458px;
	margin-right: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	background-image: url(img/background_see.jpg);
	background-repeat: no-repeat;
}
/******************************************************************************/ 





/****NAV-ABSTAND BLOCK*********************************************************/   
#navAbstand {
   float: left;
	width: 118px;
	height: 200px;
	background: transparent;
}
/******************************************************************************/ 





/****NAV BLOCK*****************************************************************/   
#nav {
   float: left;
	width: 169px;
	margin-top: 50px;
	background: transparent;
}

/*Grundlayout-Definition Level 1*/
#nav ul {
    margin: 0px; 
	 padding: 0px;
    font-weight: bold;
	 font-size: 0.75em;
}

#nav li {
	 /*margin-bottom: -1px !important; -->Bug zur Behebung Border -Bottom mit Styleswitcher einbinden falls noetig */
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/ 
}

#nav a {
    display: block;
	 padding-top: 6px;
	 padding-bottom: 6px;
	 text-decoration: none;
	 height: 100%;
	 background: transparent;
}

#nav ul li a:link, #nav ul li a:visited {
    color: #FFFFFF; 
	 background: transparent;
	 background-image: url(img/arrow.gif);
	 background-repeat: no-repeat;
	 background-position: 10px 50%;
	 padding-left: 20px;
}

#nav ul li a:hover {
    color: #FFFFFF; 
	 background-color: #666666;
}

#nav ul li a.active:link, #nav ul li a.active:visited {
	 color: #FFFFFF; 
	 background-color: #666666;
}

/*Grundlayout-Definition Level 2*/
#nav ul ul {
    margin: 0px; 
	 padding: 0px;
    font-weight: normal;
	 font-size: 0.95em;
}

#nav ul ul li {
	 /*margin-bottom: -1px !important; -->Bug zur Behebung Border -Bottom mit Styleswitcher einbinden falls noetig */
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/ 
}

#nav ul ul a {
    display: block;
	 padding-top: 4px;
	 padding-bottom: 4px;
	 padding-left: 10px;
	 text-decoration: none;
	 background-color: #CCCCCC;
}

#nav ul ul li a:link, #nav ul ul li a:visited {
    color: #000000; 
	 background-color: #CCCCCC;
	 background-image: none;
	 border-bottom: 1px solid #F5F5F5;
}

#nav ul ul li a:hover {
    color: #FFFFFF; 
	 background-color: #FF9933;
}

#nav ul ul li a.active:link, #nav ul ul li a.active:visited {
	 color: #FFFFFF; 
	 background-color: #FF9933;
}
/******************************************************************************/ 





/****HILFS-NAV BLOCK***********************************************************/   
#hilfsNav {
   float: left; 
	text-align: right;
	width: 560px;
	height: 20px;
	margin: 0 0 0 0;
}
/******************************************************************************/ 





/****CONTENT BLOCK************************************************************/   
#content {
   float: left; 
	width: 560px;
	margin: 0 0 0 0;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 0.8em;  /* Grösse 0.8 em als Standart. Gilt für alle Tags in Content. Danach bei allen +0.2EM */
}

#content h1 {
	color: #CC6633;
	font-size: 1.5em;
	font-weight: bold;
}

#content h2 {
	color: #FF9933;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#content h3 {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#content p {
	color: #333333;
	font-size: 1.0em;
	text-decoration: none;
	margin-top: 0px;
	padding-top: 0px;
}

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

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

/*Standard - Tabellenformatierung*/
#content .tabStandard td p {
	padding: 0px;
	margin: 0px;
	font-size: 1.0em;
}

#content .tabStandard td {
	padding-right: 10px;
	padding-bottom: 5px;
	margin: 0px;
	font-size: 1.0em;
}

#content .frmMussfeld{
	font-weight: bold;
}

#content .frmAbstand{
	padding:10px;
}

.frmAbstand{
	padding:10px;
}
/******************************************************************************/ 





/****HOMECONTENT BLOCK************************************************************/   
#homeContent {
   float: left; 
	width: 400px;
	margin: 0 0 0 0;
}
/********************************************************************************/





/****LOGO BLOCK****************************************************************/   
#logo {
   float: left; 
	text-align: right;
	width: 870px;
	height: 90px;
	margin: 0 0 0 0;
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
}

#logo p {
   margin-top: 20px;
	color: #333333;
	font-size: 0.7em;
	text-decoration: none;
}

#logo a {
	color: #CC3300;
	text-decoration: none;
}

#logo a:hover {
	color: #CC3300;
	text-decoration: underline; 
}
/******************************************************************************/ 





/****FOOTER BLOCK************************************************************/   
#footer {
	text-align: right;    /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 900px;
	height: 20px;
	margin-top: 5px;
   padding: 0px;
	color: #CCCCCC;
	font-size: 0.7em;
	text-decoration: none;
	background-color: #717171;
}

#footer p {
	color: #CCCCCC;
	text-decoration: none;
	margin-right: 20px;
}

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

#footer a:hover {
	color: #EEEEEE;
	text-decoration: none;
}
/******************************************************************************/ 





/****CONTENT-SPACER BLOCK*********************************************************/   
#contentSpacer {
    float: left; 
	 width: 1px;
	 height: 300px;
    margin: 0; 
}
/********************************************************************************/





/****SITEMAP BLOCK***************************************************************/
/*Blockbreite pro Hauptmenupunkt*/
.sitemapblock{
	float: left;
	width: 260px;  /*Content-Breite:2*/
	border: 0px dashed silver;
	padding-bottom: 30px;
	padding-right: 20px;
	font-size: 1.0em;
}


/*LEVEL 1*/
.sL1{
	padding: 2px;
	padding-left: 5px;
	color: #CC6633;;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #999;
	border-left: 5px solid #999;
}

#content .sL1 a, #content .sL1 a:hover{
	color: #CC6633;
}


/*LEVEL 2*/
.sL2{
	color: #333333;
	padding-left: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.9em;
}

#content .sL2 a, #content .sL2 a:hover {
	color: #CC3300;
}


/*LEVEL 3*/
.sL3 { 
	color: #333333;
	padding-left: 35px; 
	padding-top: 2px;
	padding-bottom: 2px;
}

#content .sL3 a, #content .sL3 a:hover {
	color: #CC3300;
}


/*LEVEL 4*/
.sL4 {
	color: #333333;
	padding-left: 60px; 
	padding-top: 2px;
}

#content .sL4 a, #content .sL4 a:hover {
	color: #CC3300;
}
/********************************************************************************/





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

.hide { 
	display: none; 
}
/********************************************************************************/