/*

CH-Farben:

 */
 


/*
 *
 * Formatierung des Webseitenhintergrundes
 *
 */

body {
	background-image: url('../images/bg_site.gif');
	margin: 0px;
}


/*
 *
 * Container der Website.
 * Die gesamte Website wird von diesem DIV umschlossen.
 * Hier wird die gesamte Website positioniert.
 * Alle folgenden DIVs verwenden die hier angegebene Position als X=0, Y=0
 * und positionieren sich demnach relativ zu dieser.
 *
 */
#website {
	background-color: #fff;
	background-image: url('../images/website_bg.gif');
	background-repeat: repeat-y;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -475px;
	margin-top: 35px;
	width: 950px;
}


/*
 *
 * Positionierung des Logos
 *
 */

#website #logo {
	position: absolute;
	top:  -35px;	
	left: 0px;
}


/*
 *
 * Positionierung des Stimmungs-Bildes
 *
 */

#website #pictureTop {
	position: absolute;
	top: -35px;
	left: 180px;
}





/*
 *
 * Formatierung und Positionierung der Brotkrümelnavigation (Tolles Wort! =)  )
 *
 */
 

#website #breadcrumb {
	position: absolute;
	top:  114px;
	left: 180px;
	padding: 8px;
	color: #000000;
	height: 10px;
	font-family: Arial;
	font-size: 10px;
	width: 754px;
	border-bottom: 1px solid #FFF045;
	white-space: nowrap;
}

#website #breadcrumb a:link {
	color: #000000;
	text-decoration: none;
}

#website #breadcrumb a:focus {
	color: #000000;
	text-decoration: none;
}

#website #breadcrumb a:hover {
	color: #41713F;
	text-decoration: none;
}

#website #breadcrumb a:visited {
	color: #000000;
	text-decoration: none;
}

#website #breadcrumb a:active {
	color: #000000;
	text-decoration: none;
}




/*
 *
 * Formatierung und Positionierung der Metanavigation
 *
 */
 

 

#website #metanav {
	position: absolute;
	top:  114px;
	left: 500px;
	width: 436px;
	text-align: right;
	font-family: Arial;
	color: #0069B1;
	font-size: 10px;
	padding: 8px;
}


#website #metanav a:link {
	color: #000000;
	text-decoration: none;
}

#website #metanav a:visited {
	color: #000000;
	text-decoration: none;
}

#website #metanav a:hover {
	color: #41713F;
	text-decoration: none;
}

#website #metanav a:focus {
	color: ##000000;
	text-decoration: none;
}

#website #metanav a:active {
	color: #000000;
	text-decoration: none;
}




/*
 *
 * Positionierung der Hauptnavigation
 *
 */
 

 
 

#website #menu {
	float: left;
	margin-top:  180px;
	padding-left: 0px;
	font-family: Arial;
	font-size: 10px;
}



/* Formatierung der Tabelle der Hauptnavigation */

#website #menu tr {
	padding-bottom: 5px;
}


  /*
#####Marker Bernhard ######################################################################
 */ 
 
 

/*
 *
 * Positionierung des Contents + Definition der maximalen Breit
 *
 */

#website #content {
	float:left;
	margin-top:  180px;
	margin-left: 60px;
	padding-bottom: 30px;
	width: 630px;
	background-color: #fff;
}



 

/*
 *
 * Formatierung des Content-Textes
 *
 */

#website #content .contentText {
	font-family: arial;
	color: #000000;
	font-size: 12px;
}

#website #content .contentText a:link {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentText a:visited {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentText a:hover {
	font-family: arial;
	font-size: 12px;
	color: #41713F;
	text-decoration: underline;	
}

#website #content .contentText a:focus {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentText a:active {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}




/*
 *
 * Formatierung der Sitemap (Content Element "menu")
 *
 */

#website #content .contentMenu {
	font-family: arial;
	font-size: 12px;
	color: #000000;
}

#website #content .contentMenu a:link {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentMenu a:hover {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentMenu a:active {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentMenu a:focus {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentMenu a:visited {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}





/*
 *
 * Formatierung der content-header
 *
 */




/* Header */

#website #content .contentheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 0px;
}

#website #content .contentheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .contentheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .contentheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}





/* Textpic */

#website #content .textpicheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .textpicheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .textpicheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .textpicheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}




/* Text */

#website #content .textheader1 {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
	margin: 0;
}

#website #content .textheader2 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
	margin: 0;
}

#website #content .textheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .textheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}



/* Image */

#website #content .imageheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .imageheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .imageheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .imageheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}



/* Bullets */

#website #content .bulletsheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .bulletsheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .bulletsheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .bulletsheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}




/* Filelinks */

#website #content .filelinksheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .filelinksheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .filelinksheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .filelinksheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}



/* Multimedia */

#website #content .multimediaheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .multimediaheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .multimediaheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .multimediaheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}




/* Login */

#website #content .loginheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .loginheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .loginheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .loginheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}




/* Table */

#website #content .tableheader1 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .tableheader2 {
	font-family: arial;
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	
	padding-bottom: 20px;
}

#website #content .tableheader3 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}

#website #content .tableheader4 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

	padding-bottom: 7px;
}





/*
 *
 * Formatierung der content-forms
 *
 */

#website #content .contentform td {
	font-family: arial;
	font-size: 12px;
	color: #000000;
}


/*
 *
 * Formatierung der content-bullets
 *
 */

#website #content .contentbullets td {
	font-family: arial;
	font-size: 12px;
	color: #000000;
}


/*
 *
 * Formatierung der content-filelinks
 *
 */

#website #content .contentfilelinks td {
	font-family: arial;
	font-size: 12px;
	color: #000000;
}

#website #content .contentfilelinks a:link {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentfilelinks a:active {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentfilelinks a:focus {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentfilelinks a:visited {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

#website #content .contentfilelinks a:hover {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;	
}

/*
 *
 * Formatierung der content-login
 *
 */

#website #content .contentlogin td {
	font-family: arial;
	font-size: 12px;
	color: #000000;
}


/*
 *
 * Formatierung der content-table
 *
 */

#website #content .contenttable td {
	font-family: arial;
	font-size: 12px;
	color: #000000;
}











/*
 *
 *
 * Formatierung der Print-Seite
 *
 */



#printLogo {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}


#printContent {
	font-family: arial;
	font-size: 12px;
	color: #000000;

	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#printFooter {
	font-family: arial;
	font-size: 12px;
	color: #000000;

	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/*
 *
 * Positionierung des Contents + Definition der maximalen Breit
 *
 */

#website #spalteRechts {
	float:left;
	margin-top:  180px;
	margin-left: 40px;
	padding-bottom: 30px;
	width: 0px;
	background-color: #fff;
	color: #409876;
	font-family: Arial;
	font-size: 10px;
}