/*
---------------------------------------------------------
| container -> kopf		-> .links						|
|						-> .shortcuts	-> .start		|
|										-> .kontakt		|
|										-> .impressum	|
|						-> .adressleiste				|
|           -> links									|	     
|			-> content	-> .clickstream					|
|			-> rechts									|
|			-> footer									|
|														|
|  CSS & HTML - Jan Pietruska, im Februar 2007	 		|
---------------------------------------------------------
*/

HTML, BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #E6AC1C;
	font-family: "Trebuchet MS", Tahoma, Arial;
	}
.clear {
	clear: both;
	}
DIV {
	margin: 0;
	padding: 0;
	}
	
#container {
	width: 998px;
	margin: auto;
	position: relative;
	background-image: url('/fileadmin/layout/images/folgeseite/hg.png');
	background-position: center;
	background-repeat: repeat-y;	
	min-height: 100%;
	_height: 100%;
	}
	
	img {border: none;}
	
/*
####################################################### KOPF
*/
	#container #kopf {
		width: 997px;
		}
		#container #kopf .links {
			float: left;
			}
		#container #kopf .shortcuts {
			float: right;
			width: 293px;
			height: 111px;
			background-color: #00CC00;
			}
			#container #kopf .shortcuts DIV {
				background-color: #D3CBC9;
				}
				#container #kopf .shortcuts DIV UL {
					margin: 0;
					padding: 0;
					height: 29px;
					padding-top: 5px;
					}
				#container #kopf .shortcuts DIV UL LI {
					display: inline;
					}
				#container #kopf .shortcuts DIV UL LI A {
					font-size: 0.75em;
					text-decoration: none;
					color: #A61C1C;
					padding-left: 20px;
					margin-left: 25px;
					background-repeat: no-repeat;
					}
					#container #kopf .shortcuts DIV UL LI A.start {
						background-image: url('/fileadmin/layout/images/folgeseite/icon_start.png');
						}
					#container #kopf .shortcuts DIV UL LI A.kontakt {
						background-image: url('/fileadmin/layout/images/folgeseite/icon_kontakt.png');
						}					
					#container #kopf .shortcuts DIV UL LI A.impressum {
						background-image: url('/fileadmin/layout/images/folgeseite/icon_impressum.png');
						}
		#container #kopf .adressleiste {
			width: 769px;
			heith: 17px;
			position:absolute;
			background-image: url('/fileadmin/layout/images/folgeseite/hg_adressleiste.jpg');
			background-repeat:repeat-x;
			left: 218px;
			top: 111px;
			color: #5B5853;
			font-size: 0.7em;
			letter-spacing: 0.09em;
			padding-left: 10px;
			}
/*
####################################################### LINKS
*/
	#container #links {
		width: 218px;
		float: left;
		}
		#container #links UL {
			margin: 20px 0 0 6px;
			padding: 0;
			}
			#container #links UL LI {
				list-style:none;
				}
				#container #links UL LI A {
					color: #868080;
					text-decoration: none;
					font-size: 0.8em;
					padding-left: 20px;
					font-weight: bold;
					}
				#container #links UL LI A:HOVER {
					color: #A91A1C;
					background-image: url('/fileadmin/layout/images/folgeseite/hg_button.png');
					background-repeat: no-repeat;
					background-position: 0 4px;					
					}
				#container #links UL LI A.aktiv {
					color: #A91A1C;
					}
					#container #links UL LI UL{
						margin: 0;
						}
						#container #links UL LI UL LI A {
							font-size: 0.7em;
							font-style: italic;
							margin-left: 10px;
							}
/*
####################################################### MITTE
*/
	#container #content {
		width: 569px;
		_width: 568px;
		float: left;
		padding: 23px 20px 0 20px;
		font-size: 0.75em;
		}
		#container #content .clickstream {
			color: #A61C1C;
			}
			#container #content .clickstream UL {
				margin: 0;
				padding: 0;
				}
				#container #content .clickstream UL LI {
					display: inline;
				}
					#container #content .clickstream UL LI A {
						text-decoration: none;
						color: #A61C1C;
						font-size: 0.85em;
					}
		#container #content H1 {
			font-size: 1.1em;
			}

/*
####################################################### RECHTS
*/
	#container #rechts {
		width: 150px;
		float: left;
		font-size: 0.7em;
		padding: 10px;
		margin-top: 10px;
		}
		#container #rechts IMG {
			margin: 7px;
			}

/*
############################################### KONTAKT-FORMULAR
*/	
		
FORM {padding-top: 20px;}
.csc-mailform INPUT, .csc-mailform SELECT, .csc-mailform TEXTAREA { margin-bottom: 3px; width: 250px; display: block; margin-left: 150px; }
.csc-mailform LABEL { float:left; }
fieldset {border: none;}
#mailformtv  {width: auto;}
#mailformformtype_mail  {clear: both;}
/*


/*
####################################################### FOOTER
*/
	#container #footer {
		position: absolute;
		width: 100%;
		text-align: right;
		padding-bottom: 10px;
		}
		#container #footer A {
			color: #a71b1c;
			text-decoration: none;
			font-size: 0.6em;
			padding: 0 10px 10px 0;
			font-family: Arial, Helvetica, sans-serif;
			}