/* Standard Stylesheet

http://www.dietrich-bonhoeffer-hotel.de/

Start: 04.03.2008

Letzte Aenderung: 08.03.2008

*/

/* Reset all */

* {

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

a {
	outline: none;
}

/* Clear Class */
.clear {
	clear: both;
}



img, a img {
	border: 0;
}



.keine-anzeige {
	display: none;
}


/* Grundlegende Elemente */
.body {
}

.right {
	float: right;
}
.left {
	float: left;
}

.leftlinks {
    width: 120px;
	float: left;
}

ul {
	padding-left: 30px;
}

li {
	padding-bottom: 10px;
}


/* Layout */
#wrapper 	{
	width: 1024px;
	height: 768px;
	/*margin-left:auto;
	margin-right:auto;*/
	font-family:arial, verdana, helvetica, univers,sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	color: #1C3973;
	background-color: #ffffff;
	border: 0px solid #000000;
}

#wrapper2 	{
	width: 1024px;
	height: 890px;
	/*margin-left:auto;
	margin-right:auto;*/
	font-family:arial, verdana, helvetica, univers,sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	color: #1C3973;
	background-color: #ffffff;
	border: 0px solid #000000;
}

/* linker Header */
#headerlinks {
	float: left;
	width: 373px;
	height: 342px;
}
.balken {
	float: left;
	width: 24px;
	padding-top: 12px;

}
.logo {
	float: left;
	width: 280px;
	padding-top: 12px;
	padding-left: 57px;
}

/* rechter Header */
#headerrechts {
	float: left;
	width: 651px;
	border: 0px solid #990000;
}

#sprache {
	position: absolute;
	background: #fff;
	padding: 2px;
	top: 7px;
	left: 970px;
	z-index: 199;
}

.willkommen {
	padding-top: 12px;
}

.topnnavi {
	width: 651px;
	height: 32px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	padding: 8px 0px 0px 0px;
	background: url(../image_main/naviback.jpg) no-repeat;
}
a.topnavi, a.topnavi:visited {
	color: #ffffff;
	margin: 0px 18px 0px 18px;
	text-decoration: none;
}

a.topnavi.aktuell, a.topnavi:hover {
	color: #000000;
}

.bildtext {
	width: 651px;
	height: 200px;
	padding-top: 5px;
         border: 0px solid #990000;
}

.bild {
	float: left;
	width: 245px;
}

.text {
	float: left;
	width: 376px;
	line-height:125%;
	padding: 0px 10px 0px 15px;
    border: 0px solid #990000;

}

.textback {
	float: left;
	width: 376px;
	line-height:125%;
	padding: 0px 10px 0px 15px;
	background: transparent url(../image_main/blumen_back.jpg) no-repeat 20px 222px;
    border: 0px solid #990000;

}

/* Mittellinie */

#mittellinie {
	text-align: center;
}

/* Content */

/* Layout fuer seiten mit langem text rechts */

/* rechter Header  fuer langen Text*/
#headerrechtsover {
	position: absolute;
	z-index: 99;
	top: 0px;
	left: 373px;
	width: 651px;
	border: 0px solid #990000;
}
#mittelliniekurzover {
    position: absolute;
    left: 0px;
    top: 342px;
	padding-left: 15px;
	border: 0px solid #990000;
}
#contentleftover {
    position: absolute;
    top: 349px;
	left: 0px;
	width: 343px;
	height: 365px;
	padding: 10px 10px 0px 20px;
	border: 0px solid #000000;
}
.thumbnailboxover {
    z-index: 199;
    position: absolute;
	height: 380px;
	width: 245px;
	padding-top: 10px;
	border: 0px solid #000000;
}
.blocklinielinkslangsenkover {
    position: absolute;
    left: 245px;
	height: 370px;
	width: 20px;
	padding: 10px 10px 10px 10px;
	background: url(../image_main/linielang_senk.jpg) no-repeat left;
	border: 0px solid #000000;
}
.blocklinielinkslangsenkover2 {
    position: absolute;
    left: 618px;
	height: 370px;
	width: 20px;
	padding: 10px 10px 10px 10px;
	background: url(../image_main/linielang_senk.jpg) no-repeat left;
	border: 0px solid #000000;
}

#contentrightover {
    position: absolute;
    top: 349px;
    left: 373px;
	width: 631px;
	height: 370px;
	border: 0px solid #000000;
}

#bloeckeover {
    position: absolute;
    width: 380px;
    border: 0px solid #000000;
}

#footerover {
    position: absolute;
    left: 0px;
    top: 749px;
    width: 1024px;
	height: 20px;
	font-size: 11px;
	color: #ffffff;
	margin-top: 10px;
	text-align: center;
	background-color: #1C3973;
}

#footerreservierung  {
    position: absolute;
    top: 890px;
    width: 1024px;
	height: 20px;
	font-size: 11px;
	color: #ffffff;
	margin-top: 3px;
	text-align: center;
	background-color: #1C3973;
}

/* ENDE langer Text */

/* normal */

#contentleft {
	float: left;
	width: 343px;
	height: 365px;
	padding: 10px 10px 0px 20px;
	border: 0px solid #000000;
}

#contentright {
	float: left;
	width: 631px;
	border: 0px solid #000000;
}

.thumbnailbox {
	float: left;
	height: 380px;
	width: 245px;
	padding-top: 10px;
	border: 0px solid #000000;
}
.thumbnail {
	float: left;
	width: 80px;
	height: 100px;
}

/* Anzeige der grossen Fotos */
#fotobox {
	z-index:99;
	text-align: center;
	position: absolute;
	padding-left: 51px;
	border: 0px solid #000000;
}

#bloecke {
	float: left;
	width: 380px;
    border: 0px solid #000000;
}

.reservierung {
	float: left;
	padding-top: 20px;
}

img.blocklinie {
	float: left;
	margin: 0px 0px 0px 3px;
	width: 185px;
}
img.blocklinie2 {
	float: left;
	margin: 0px 3px 0px 7px;
	width: 180px;
}

img.block {
	margin: 0px 10px 5px 0px;
}
img.blockrechts {
	float: left;
	margin: 0px 2px 5px 0px;
}
img.block2 {
	float: left;
	margin: 0px 10px 103px 0px;
}
img.block22 {
	float: left;
	margin: 0px 10px 30px 0px;
}

img.ang {
	margin: 0px 0px 65px 140px;
}

img.ang1 {
	margin: 6px 0px 65px 140px;
}

img.wme {
	margin: 0px 50px 33px 130px;
}

img.wbu {
	margin: 0px 50px 48px 130px;
}

img.avb {
	margin: 0px 0px 180px 50px;
}

.re20 {
	float: left;
	text-align: right;
	width: 95px;
	height: 30px;
	margin: 0px 15px  0px 10px;
	border: 0px solid #000000;
}

.mi20 {
	float: left;
	text-align: center;
	width: 350px;
	height: 20px;
	margin: 0px 0px  0px 0px;
	border: 0px solid #000000;
}

a.linkklein, a.linkklein:active, a.linkklein:visited {
	color: #1C3973;
	font-size: 11px;
	line-height: 100%;
	text-decoration: none;
}
a.linkklein:hover {
	text-decoration: underline;
	color: #1C3973;
}
.linkklein {
	margin: 42px 0px 8px 0px;
}
.linkkleinpdf {
	margin: 5px 0px 8px 15px;
}
.linkklein2 {
	margin: 55px 0px 8px 0px;
}
.bildrechtsklein {
	font-size: 9px;
	line-height: 100%;
	margin: 45px 0px 8px 0px;
}
/* kleine Bloecke fuer 4 Stueck */
.blocklinielinks {
	float: left;
	height: 170px;
	width: 170px;
	line-height: 125%;
	padding: 10px 10px 10px 10px;
	background: url(../image_main/liniekurz_senk.jpg) no-repeat left;
	border: 0px solid #000000;
}
/* kleiner Block fuer Welcome Card */
.blocklinielinks2 {
	float: left;
	height: 170px;
	width: 175px;
	line-height: 125%;
	padding: 10px 5px 10px 10px;
	background: url(../image_main/liniekurz_senk.jpg) no-repeat left;
	border: 0px solid #000000;
}
/* kleine Bloecke fuer 1 Stueck */
.blocklinielinkslangsenk {
	float: left;
	height: 370px;
     width: 360px;
	padding: 10px 10px 10px 10px;
	background: url(../image_main/linielang_senk.jpg) no-repeat left;
	border: 0px solid #000000;
}

/* Bloecke fuer 2 Stueck */
.blocklinielinkslang {
	float: left;
	height: 170px;
	width: 360px;
	line-height: 125%;
	padding: 10px 10px 10px 10px;
	background: url(../image_main/liniekurz_senk.jpg) no-repeat left;
	border: 0px solid #000000;
}

.blocklinielinkskurzsenkover {
    position: absolute;
    left: 618px;
	height: 170px;
	width: 20px;
	padding: 10px 10px 10px 10px;
	background: url(../image_main/liniekurz_senk.jpg) no-repeat left;
	border: 0px solid #000000;
} 

.blocklinie {
	float: left;
	width: 380px;
	padding-left: 0px;
	border: 0px solid #000000;
}

.blockliniemittelang {
	float: left;
	width: 382px;
	padding-left: 3px;
	border: 0px solid #000000;
}


.preise {
	float: left;
	width: 200px;
}

.preise2 {
	float: left;
	margin-top: 10px;
	width: 376px;
}

.box {
	float: left;
	width: 350px;
	border: 0px solid #000000;
}

.box2 {
	float: left;
	margin-top: 10px;
	width: 350px;
    border: 0px solid #000000;
}

.text {
	line-height: 125%;
}
/* Footer */

#footer {
	float: left;
	width: 1024px;
	height: 20px;
	font-size: 11px;
	color: #ffffff;
	margin-top: 3px;
	text-align: center;
	background-color: #1C3973;
}

a.footernavi, a.footernavi:visited   {
   font-family:arial, verdana, helvetica, univers,sans-serif;
	color: #ffffff;
	margin: 2px 10px 0px 10px;
	text-decoration: none;
}

a.footernavi.aktuell, a.footernavi:hover {
	color: #6780a8;
}

.footerleft {
    float: left;
    padding-left: 420px;
}
.footerright {
    float: right;
    padding-right: 80px;
}
/* Schriftformatierung im Dokument */
h2 {
	font-size: 14px;
	padding-bottom: 5px;
}
h3 {
	font-size: 13px;
	padding-bottom: 5px;
}

/* Linien */

/* Diverses */
.close {
	height: 20px;
	border-top: 1px solid #1C3973;
	width: 100%;
	text-align: center;
	background-color: #E7ECF2;
}
/*Formularelemente*/

.text3 {
}

.text4 {
	font-size: 11px;
	line-height:110%;
}

input, textarea, select {
	border: 1px solid #1C3973;
}

/* Tabellen */

td.none {
	padding: 0px;
	text-align: center;
}

td.black {
	background: #000000;
}