/****************************
+++ HTML-Standards +++
****************************/

html {
	min-height:100.05%;
}

body {
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:80%;
	color:#666666;
	background: #8A8A8A url(../upload/design/bg.jpg) repeat-x 0 0;
	line-height:1.3em;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	color:#EE7B00;
}

h1 {
	margin: 0 0 1.5em 0;
	font-size:1.2em;
	text-transform:uppercase;
}


h2{
	font-weight:bold;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
	background:none;
}

.trennerkasten {
	display:block;
	clear:both;
	height:5px;
	font-size:1px;
	background:white;
}

a {
	color:#666666;
}

h1 a, h2 a {
	color:#EE7B00;
}

p {
	margin-top:0px;
}

img.rahmen {
	padding:1px;
	border: solid 1px #EBEBEB;
}

.kastenstartseite {
	padding:0 10px;
}

ul {
	margin:0;
}

/*###########################
+++ Hauptstruktur +++
###########################*/

#container {
	margin:0 auto;
	width:860px;
	padding:0 6px;
	background: url(../upload/design/bg.png) repeat-y;
}

#wasserstrahlschneiden {
	position:relative;
	height:315px;
}

#logo a {
	position:absolute;
	top:45px;
	left:20px;
	display:block;
	width:243px;
	height:48px;
	background: url(../upload/design/pix.gif) repeat-x 0 0;
}

#hauptnavigation {
	position:absolute;
	bottom:0;
	left:0;
	background: url(../upload/design/bg-navi.gif) repeat-x 0px bottom;
}

#unternavigation {
	border-right: solid 1px #494949;
	border-left: solid 1px #494949;
	background: white;
	width:858px;
}

#inhaltsbereichweiss {
	border-right: solid 1px #494949;
	border-left: solid 1px #494949;
	background: white;
	padding: 35px 0;
}

#inhaltsbereich {
	width:788px;
	padding: 0px 35px;
	background: white url(../upload/design/bg-inhalt.gif) repeat-y 0 0;
}

#inhaltsbereich ul {
	padding-left:1.2em;
}

#inhalt {
	width:505px;
	padding-right:20px;
	float:left;
}

#inhaltrechts {
	display:none;
}

#rechts {
	width:240px;
	padding-left:20px;
	float:right;
}

#fusszeile {
	background: #8F8F8F url(../upload/design/fusszeile-bg.gif) repeat-x 0px top;
	width:788px;
	padding:0 35px;
	border-right: solid 1px #494949;
	border-left: solid 1px #494949;
	text-align:right;
}

#abschluss {
	margin:0 auto;
	width:860px;
	height:6px;
	background: url(../upload/design/unten.png) repeat-x 0 0;
}

#cecon {
	width:860px;
	margin: 30px auto 10px auto;
	color:#666666;
}

/*###########################
+++ Hauptnavigation +++
###########################*/

#hauptnavigation ul {
	margin:0;
	padding:0px 10px 0px 35px;
	list-style:none;
}

#hauptnavigation ul li {
	float:left;
	padding:15px 11px 6px 11px;
}

#hauptnavigation ul li.act, #hauptnavigation li:hover {
	background: url(../upload/design/bg-navi-act.gif) repeat-x 0px bottom;
}

#hauptnavigation a {
	text-decoration:none;
	color:white;
	text-transform:uppercase;
}


/*###########################
+++ Unternavigation +++
###########################*/

#unternavigation ul {
	margin:0;
	padding:5px 10px 5px 41px;
	list-style:none;
}

#unternavigation ul li {
	float:left;
	padding:3px 17px 3px 17px;
	background: white url(../upload/design/pfeil.gif) no-repeat 5px 8px;
}

#unternavigation a {
	text-decoration:none;
	text-transform:uppercase;
}

#unternavigation ul li.act a, #unternavigation a:hover {
	color:#4DAFE4;
}


/*###########################
+++ Fusszeile +++
###########################*/

#fusszeile ul {
	margin:0;
	padding:7px 0 2px 0;
	list-style:none;
	float:right;
}

#fusszeile ul li {
	float:left;
	padding:0;
	color:#E2E2E2;
	padding-right:5px;
}

#fusszeile a {
	text-decoration:none;
	color:#E2E2E2;
	padding-left:5px;
}

/*###########################
+++ Startseite +++
###########################*/

#startseite {
	background: url(../upload/design/startseite.jpg) no-repeat 0px 0px;
	width:240px;
	height:207px;
	position:relative;
}

#anfrage {
	position:absolute;
	bottom:125px;
	left:40px;
}

#anfrage h1 a {
	text-decoration:none;
	color:#EE7B00;
	font-size:10pt;
}

#angebot {
	position:absolute;
	top:82px;
	left:20px;
	font-size:90%;
	width:200px;
}

/*###########################
+++ Suche +++
###########################*/


#suche {}

#suche form {
	margin:0;
	padding:0;
}

#suche label {
	color:#EE7B00;
	font-size:10pt;
	font-weight:bold;
	position:absolute;
	bottom:44px;
	left:40px;
	text-transform:uppercase;
}

#suche input {
	position:absolute;
	top:175px;
	left:17px;
	font-size:100%;
	width:150px;
	border: solid 1px #CCCBCB;
	height:19px;
}

#suche input.submit {
	position:absolute;
	top:175px;
	left:180px;
	font-size:85%;
	width:38px;
	height:23px;
	background: url(../upload/design/suchen.gif) no-repeat 0px 0px;
	border:none;
}

.seiten {
	display:block;
	margin-top:2em;
}

#uebersichtsuche .text {
	padding-bottom:1.5em;
}

/*################################
+++++ Uebersicht ++++++
################################*/

#uebersicht {
	font-size:100%;
}
		
#uebersicht a {
	text-decoration:none;
}

#uebersicht .trenner {
	height:2em;
	font-size:1em;
}

#uebersicht .datum {
	padding:3px 0 4px 0;
	font-size:90%;
}

#uebersicht .bild {
	float:left;
	padding-right:30px;
}

#uebersicht .bild img {
	padding:1px;
	border: solid 1px #CCCCCC;
}

#uebersicht .inhalt {
	float:left;
	width:401px;
}

#uebersicht h1 {
	text-transform:none;
	margin:0;
}

/*################################
+++++ Bilderglaerie ++++++
################################*/

#galerie {}

#galerie .bild {}

#galerie .navi div {
	float:left;
	width:4em;
	margin-top:1em;
}

#galerie #zurueck {
	padding-right:5px;
	text-align:right;
}

#galerie #anzahl{
	text-align:center;
}

#galerie #weiter{
	padding-left:5px;
}


.zureckzuruebersicht {
	margin-top:2em;
}