/* CSS Document */


/* ########### Allgemeine Definitionen - Begin ############ */


* {
	margin:0.5;
	padding:0.5;
}

body {
	background-color: #708090;
	background-image:url(img/???.gif);
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:100.01%;
	color: #333;
	line-height: 10px;

}

h1 {
	font-size:1.5em;
	font-weight:bold;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:5px;
	line-height:1.4em;
	}
	
* html h1 {
	font-size:1.8em;
}

h2 {
	color:#285d88;
	line-height:1em;
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;
	font-size:1.1em;
}

a{
	color:#285d88;
}
	
a:hover{
	color:#000000;
}

p {
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	}
	
* html p {
	font-size:1em;
}	



img {
	border:0;
	}



/* der Container umgibt alles. die komplette Seite ist IM Container */

.container {
	background-image:url(img/???.gif);
	background-repeat: no-repeat;
	text-align:left;
	width:820px;
	margin:0 auto;
}

/* ########### Allgemeine Definitionen - Ende ############ */



/* ########### Logo - Begin ############ */

/* gibt an wie hoch das Logo ist und damit wann die Top-Navi beginnt */

.logoPosition {
	text-align:center;
	height:104px;
	}

/* gibt an wie weit das Logo vom oberen Bildschirmrand entfernt sein soll */

.logo {
	padding-top:00px;
}

/* ########### Logo - Ende ############ */


/* ########### TopNavigation - Begin ############ */

/* hier ist die Top-Navigation */

.menu {
	clear:both;
	width:820px;
	height:33px;
	background:url(img/leer.jpg) 0px 0px no-repeat;
	padding-bottom:0px;
}

a.naviHome, a.naviHomeSelected,
a.naviNews, a.naviNewsSelected,
a.naviEvents, a.naviEventsSelected,
a.naviMieten, a.naviMietenSelected, 
a.naviBilder, a.naviBilderSelected,
a.naviGaestebuch, a.naviGaestebuchSelected,
a.naviAnreise, a.naviAnreiseSelected,
a.naviKontakt, a.naviKontaktSelected,
a.naviPresse, a.naviPresseSelected {
	float:left;
	height:33px;
	background-repeat:no-repeat;
	background-position:top;
}

a.naviHome{
	background-image:url(img/navigation/home.jpg);
}

a.naviHome:hover{
	background-image:url(img/navigation/home_h.jpg);
}

a.naviHomeSelected{
	background-image:url(img/navigation/home_s.jpg);
}

a.naviNews{
	background-image:url(img/navigation/news.jpg);
}

a.naviNews:hover{
	background-image:url(img/navigation/news_h.jpg);
}

a.naviNewsSelected{
	background-image:url(img/navigation/news_s.jpg);
}

a.naviEvents{
	background-image:url(img/navigation/events.jpg);
}

a.naviEvents:hover{
	background-image:url(img/navigation/events_h.jpg);
}

a.naviEventsSelected{
	background-image:url(img/navigation/events_s.jpg);
}

a.naviMieten{
	background-image:url(img/navigation/mieten.jpg);
}

a.naviMieten:hover{
	background-image:url(img/navigation/mieten_h.jpg);
}

a.naviMietenSelected{
	background-image:url(img/navigation/mieten_s.jpg);
}

a.naviBilder{
	background-image:url(img/navigation/bilder.jpg);
}

a.naviBilder:hover{
	background-image:url(img/navigation/bilder_h.jpg);
}

a.naviBilderSelected{
	background-image:url(img/navigation/bilder_s.jpg);
}

a.naviGaestebuch{
	background-image:url(img/navigation/gaestebuch.jpg);
}

a.naviGaestebuch:hover{
	background-image:url(img/navigation/gaestebuch_h.jpg);
}

a.naviGaestebuchSelected{
	background-image:url(img/navigation/gaestebuch_s.jpg);
}

a.naviAnreise{
	background-image:url(img/navigation/anreise.jpg);
}

a.naviAnreise:hover{
	background-image:url(img/navigation/anreise_h.jpg);
}

a.naviAnreiseSelected{
	background-image:url(img/navigation/anreise_s.jpg);
}

a.naviPresse{
	background-image:url(img/navigation/presse.jpg);
}

a.naviPresse:hover{
	background-image:url(img/navigation/presse_h.jpg);
}

a.naviPresseSelected{
	background-image:url(img/navigation/presse_s.jpg);
}

a.naviKontakt{
	background-image:url(img/navigation/kontakt.jpg);
}

a.naviKontakt:hover{
	background-image:url(img/navigation/kontakt_h.jpg);
}

a.naviKontaktSelected{
	background-image:url(img/navigation/kontakt_s.jpg);
}
/* ########### TopNavigation - Ende ############ */



/* ########### Inhaltskasten - Begin ############ */

/* gibt an wie groß der Inhaltskasten ist */
	
.inhalt {
	margin-top:4px;
	margin-left:0px;
	width:820px;
	float:left;
	display:inline; /* Hack fuer den IE, um das float-Layout zu ermöglichen */
	background:#fff;
	border:1px solid #222222;
	}

/* ein Rechteck innerhalb des Inhalt, unter den Top-Links*/
.breadcrumb {
	float:left;
	width:811px;
	font-size: 11px;
	margin-top:4px;
	margin-left:4px;
	background-color:#b0c4de;
	border:1px solid #708090;
	line-height:11px;
	padding-bottom:2px;
}

.linksLeft {
	float:left;
	margin-left:6px;
	margin-top:4px;
	font-size:11px;
	padding-bottom:2px;
}

* html .breadcrumb {
	margin-left:2px;
	width:811px;
	}


.breadcrumb a {
	color:#54657b;
	text-decoration:none;

	}

.breadcrumb a:hover {
	color:#000;
	text-decoration:underline;
	}

/* ########### Inhaltskasten - Ende ############ */


/* ########### Linksliste links - Begin ############ */

	
.columnLeft {
	width:140px;
	float:left;
	margin-left:4px;
	margin-top:5px;
	}
	
* html .columnLeft {
	margin-left:2px;
	}

.subnavi img {
	margin-left:-16px;
	margin-top:-2px;
	}

/* Kasten, in dem die Subnavi steht */

.subnaviFirstBlockBlue {
	padding-bottom:8px;
	line-height:20px;
	background:url(img/fadeout.jpg) bottom no-repeat #b0c4de;
}

/* Link im Sub-Navi-Kasten */

.subnaviFirstBlockBlue a{
	color:#333333;
	display:block;
	text-decoration:none;
	background:url(resources/layout/img/subnavigation/subnavi_delimiter.gif) no-repeat bottom left;
	line-height:20px;
	padding:2px 0px 2px 16px;
	font-size:12px;
}

/* Linkhover im Sub-Navi-Kasten */

.subnaviFirstBlockBlue a:hover {
	background-image:url(resources/layout/img/link_hover_navi_line.gif);
	background-position:1px 7px;
	color:#000000;
}

 
a.opened {
	font-size:12px;
}

a.activeLink {
	background-image:url(img/space.jpg);
	background-position:1px 6px;
	color:#333333;
	padding-left:16px;
}
/* ########### Linksliste links - Ende ############ */


/* ########### Middleinput - Begin ############ */

.middleInput{
	float:right;
	width:666px;
	margin-top:6px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:6px;
	background:#f0f8ff;
	border:solid 1px black; /* eigentlich war border: solid thin black; aber IE hat es zu dick dargestellt */
	}


* html .middleInput {
	margin-right:2px;
	}
	
.middleInputContentSmall {
	float:left;
	width:620px;
	}


/* ########### Middleinput - Ende ############ */


/* ########### Kontakt - Begin ############ */

.kontakt1 {
	float:left;
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:190px;
}

.kontakt2 {
	float:left;
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:320px;
}

/* ########### Kontakt - Ende ############ */

/* ########### Preise - Begin ############ */

.preise1 {
	float:left;
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:110px;
}

.preise2 {
	float:left;
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:220px;
}

.info1 {
	float:left;
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:70px;
}

.info2 {
	float:left;
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:450px;
	color:red;
}
/* ########### Preise - Ende ############ */


/* ########### Liste - Begin ############ */

.liste1 {
	float:left;
	font-size:.8em;
	padding-left:25px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:10px;
}

.liste2 {
	float:left;
	font-size:.8em;
	padding-left:15px;
	padding-top:10px;
	line-height:1.4em;
	padding-bottom:10px;
	width:550px;
}
/* ########### Liste - Ende ############ */

/* ########### Footer - Begin ############ */

* html .bg_footer {
	background: url(resources/layout/img/bg_footer_neu.gif) 0px 0px no-repeat;
}


.bg_footer {
	clear:both;
	width:820px;
	height:36px;
	background: url(resources/layout/img/bg_footer_neu.gif) 0px 4px no-repeat;
	margin-top:5px;
	padding-top:10px;
	font-size:11px;
	color:#000;
}


.footerText0 {
	float:left;
	padding-top:7px;
	color:#333333;
	padding-bottom:5px;
	margin-left:10px;
	}

.footerText1 {
	float:left;
	margin-left:320px;
	padding-top:7px;
	color:#000;
	padding-bottom:5px;
	text-align:center;
	}
	
.footerText2{
	float:right;
	padding-right:10px;
	padding-top:7px;
	color:#333333;
	}
	
* html .footerText2{
	padding-top:3px;
	}


* html .footerText1{
	padding-top:3px;
	margin-left:207px;	
	}
		
	
.footerText1 a {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
		
.footerText1 a:hover {
	color:#000;
	text-decoration:underline;
}

/* ########### Footer - Ende ############ */