*{
	padding:0;
	margin:0;
	border:0;
}

body,html{
	font-family: Verdana, Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 100,1%;
	background-color: #595465;
	color: #E6E6FA;
	text-align: center;
}

body{
	overflow: scroll;
}

h1,h2,h3,h4,h5{
	font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
}

a, a:hover{
	text-decoration: none;
}

abbr, acronym{
	color: #EAEAEA;
	font-weight: bold;
	cursor: help;
	border-bottom: 1px dotted #000;
}

/* Hauptbox */
#box{
	width: 1100px;
	margin:0 auto;
	text-align:left;
  	position: relative;
  	min-height: 100%; /* Fuer moderne Browser */
  	height: auto !important; /* Fuer moderne Browser */
 	height: 100%; /* Fuer IE */
	background-image: url(../img/bg/bg_content.jpg);
}

/* Hauptnavigation in den einzelnen Farbdateien */

/* Kopfbereich */
#header{
	width: 1060px;
	height:110px;
	margin: 0 20px 0 20px;
	background-image: url(../img/bg/bg_header.jpg);
	background-repeat: no-repeat;
}

/* Spalte links */
#spalte_links{
	float: left;
	margin-left: 20px;
	width: 200px;
	height: 500px;
	background-color: #595465;
}

/* Inhalt */
#content{
	float: right;
	width:850px;
	margin-right: 20px;
	min-height:500px;
	background-color: #252525;
}

#content h1{
	margin: 10px 0 10px 10px;
	font-size: 2.0em;
	color: #8E9DAA;
}

#content h2{
	margin: 15px 0 5px 10px;
	font-size: 1.7em;
	color: #8E9DAA;
}

#content h3{
	margin: 15px 0 5px 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: #8E9DAA;
}

#content p{
	margin: 10px 20px 5px 20px;
	font-size: 0.8em;
	line-height: 1.7em;
	text-align: justify;
}

#content ul{
	margin: 0 0 5px 50px;
	list-style-type: none;
}

#content li{
	font-size: 0.9em;
	list-style-type: square;
	letter-spacing: 0.03em;
	padding-top: 5px;
}

#content a{
	font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #fcc54e;
}

#content a:hover{
	background-color: #fcc54e;
	color: #252525;
}

/* Klassen im Content */
.aktuell {
	margin: 10px 10px 10px 10px;
	border: 1px solid #000;
	background-color: #FFC54E;
}

.aktuell h2 {
	margin: 5px 0px 3px 10px !important;
	color: #800080 !important;
}

.aktuell h3 {
	margin: 0px 0px 3px 10px !important;
	border-bottom: 1px solid #000;
	color: #800080 !important;
}

.aktuell p {
	color: #000;
}

.aktuell img {
	float: right;
	margin: 0px;
}

.aktuell a{
	font-size: 1.2em !important;
	border-bottom: 1px dotted #800080 !important;
	color: #800080 !important;
}

.aktuell a:hover{
	background-color: #800080 !important;
	color: #f0e68c !important;
}

form#bestellung{
	width: 400px;
	background: #181818;
	color: #000;
	line-height: 2 ;
	padding: 10px;
	border: 1px solid #FFC54E;
	margin: 0px;
}

fieldset{
	padding: 10px;
	border: 1px solid #CCC;
	margin: 10px;
}

legend{
	font-weight: bold;
	color: #000;
	padding: 0 10px;
	border: none;
}

/*#content input{
	width: 400px;
	height: 20px;
	border: 1px solid #000;
}

#content input:hover{
	background-color: #FCC54E;
}

#content textarea{
	width: 400px;
	height: 200px;
	border: 1px solid #000;
}

#content textarea:hover{
	background-color: #FCC54E;
}*/

/* Klassen */
.aquarell{
	width: 522px;
	margin-left: 10px;
}

.legende {
	margin-left: -10px;
}

.bildrechts{
	float: right;
	margin-right: 10px;
}

.button{
	height: 24px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	border-top: 2px solid #d3d3d3;
	border-left: 2px solid #d3d3d3;
}

/* Klassen der Uebersichtsboxen */
.box1{
	float: left;
	width: 400px;
	margin: 0 0 20px 10px;
}

.box1 a:hover{background: #252525 !important;}

.box2{
	float: left;
	width: 400px;
	margin: 0 0 20px 20px;
}

.box2 a:hover{background: #252525 !important;}

.boxtitle-de{
	margin: 0 0 5px 5px;
	font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #003C77;
}
.boxtitle-fr{
	margin: 0 0 5px 5px;
	font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #601B32;
}
.boxtitle-it{
	margin: 0 0 5px 5px;
	font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #5E0512;
}
.boxtitle-stadt{
	margin: 0 0 5px 5px;
	font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFCCCC;
}

.boxli{list-style-type: none !important;}
.boxlegende{margin: 0 0 15px -20px;}

/*Hooverklassen für Bilder */
.heidelberg{
	background-image: url(../img/thumb/bw/hd_02.jpg);
}

/* Fussbereich */
#footer{
	clear: both;
	height:60px;
	width:1100px;
	background-image: url(../img/bg/bg_fuss.jpg);
}

#footer p{
	text-align: center;
	font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	margin: 5px 30px 0 30px;
	border-top: 1px solid #595465;
	padding-top: 10px;
	color: #EAEAEA;
}