/* 
***FARB- UND SCHRIFTSCHEMA***

hellgrau (Infokästen): #d8e0f1
mittelgrau (Senkrechtstreifen, hover): #8a94aa
dunkler (Schnittmenge vertikal-horizontal, Links): #677491
dunkelgrau (): #40495f  --- löschen??
schwarzgrau (Schrift): #1d222c

Überschrift-rotbraun: #b04102

Logo: Geometr706 Md BT Bold 36pt #9f1700
Einfach gut schlafen: UrwGroteskE Italic 26pt weiß
*/

/* Platzierungsunabhängige Elemente */

html { height: 100%; }
body {
	height: 100%;
	width: 100%;
	margin: 0em;
	padding: 0em;
	background-color: #ffffff;
	background-image: url(http://www.motel21.net/grafik/bgvertikal2.png);
	background-repeat: repeat-y;
	font-family: calibri,corbel,tahoma,helvetica,arial,sans-serif;
	font-size: 1em;
	color: #1d222c;
}

a {
	text-decoration:none;
	color:#40495f;
	font-weight: bold;
}

a.act { 
	color:#677491;
}

a:hover {
	color: #8a94aa;
}

p {
	line-height:1.2em;
	margin-top:0em;
}

h1 {
	font-size: 1.4em;
	font-weight:bold;
	color:#b04102;
	font-family:constantia, garamond, serif;
}

h2 {
	font-size: 1.1em;
	font-weight:bold;
	color:#b04102;
	font-family:constantia, garamond, serif;
	margin-top:2em;
}

h3 {
	font-size: 1em;
	font-weight:bold;
}

.klein { font-size:0,75em; }

th {
	background-color: #bbb;
	margin:0.1em;
	padding: 0.4em 0.6em 0.4em 0.6em;
	color:#fff;
}

td {
	background-color: #eeeeee;
	margin:0.1em;
	padding: 0.4em 0.6em 0.4em 0.6em;
}

#all { /* über den gesamten Screen; benötigt für die zweite Background-Grafik */
	min-height: 100%;
	min-width: 100%;
	background-image: url(http://www.motel21.net/grafik/bg2.png);
	background-repeat: repeat-x;
}

#container { /* umfasst alle definierten Elemente */
	width:930px;
	position:relative;
	top: 0px;
	left: 92px;
	background-image: url(http://www.motel21.net/grafik/bgvertikal.png);
	background-repeat: repeat-y;
}

/* Kopfelemente */

#kopfleiste {
	width: 930px;
	height: 53px;
	position: relative;
	top: 0px;
	left: 0px;
}
	
#logo {
	position:relative;
	top:10px;
	left:44px;
}

#bildleiste {
	width: 930px;
	height: 200px;
	position: relative;
	top: 0px;
	left: 0px;
}

#kasten {
	width: 180px;
	height: 200px;
	background-color: #677491;
	float:left;
}

/* Contentbereichselemente */
	
#contnav {
	display: block;
	width:923px;
	position:relative;
	top:0px;
	left:0px;
	font-size:0.9em;
	min-height: 30em;
	margin-top: 3em;
}
	
#navli, #content, #links, #rechts, #oben, #breit {
	display: block;
}

#navli {
	width:180px;
	height:100%;
}

#wetterbox {
	margin-left:18px;
	position:relative;
	top: 6em;
}

#content { 
	width:740px;
	height: 100%;
	margin-left: 183px;
}

#oben { 
	margin-top: 3.5em;
	margin-bottom: 2.5em;
	margin-left:70px;
}

#breit { 
	width:670px;
	margin-top:2em;
	margin-left:70px;
}

.item {
	width:660px;
	min-height: 130px;
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: dotted 1px #d8e0f1;
	display: block;
}

.item .text {
	position: relative;
	width:400px;
	float:left;
}

.item .pic {
	position: relative;
	width:150px;
	left:0px;
	float:right;
	text-align:right;
}

#links {
	width:300px;
	margin-left:70px;
	margin-bottom: 2em;
	float: left;
}

#rechts {
	width:300px;
	margin-left:70px;
	float: right;
}

#linksschmal {
	width:200px;
	margin-left:70px;
	margin-bottom: 2em;
	float: left;
}

#rechtsbreit {
	width:400px;
	margin-left:0px;
	float: right;
}

#rechts img, #rechtsbreit img, #breit img, .pic img {
	border: solid 1px #8a94aa;
	margin-bottom: 2em;
}

#navli, #links {
	float: left;
}


/* Fußelemente */