/* ===========================================
Stylesheet für "www.landhaus-schoepf.at"
Stand: 12.07.2007
Datei: bildschirm.css
Erstellt: 02.05.2007
Autor: Markus Rimml

Aufbau: 1. Kalibrierung und allgemeine Styles
		  2. Styles für Layoutbereiche
		  3. Sonstige Styles
=========================================== */

/* ===========================================
	1. Kalibrierung und allgemeine Styles
=========================================== */

/* Kalibrierung der wichtigsten Abstände */

* { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }

/* Allgemeine Selektoren */

html { height: 101%; } /* Erzwingt Scrollbar im Firefox */
body {
	color: white;
	background-image: url(../images/bg.gif);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

address {
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
}

/* Hyperlinks allgemein */

a { text-decoration: none; outline: none; }

a:link { color: black; }
a:visited { color: black; }

a:hover,
a:focus { 
	border-bottom: 1px solid black; 
}

a:active {
	color: black;
	border-bottom: 1px solid black;
}

/* Allgemeine Klassen und ID's */

.skiplink {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

.bildlinks {
	float: left;
	border: 3px solid #CCC;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-top: 2px;
}

.bildrechts {
	float: right;
	border: 3px solid #CCC;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
}

.bildlinks-standard {
	float:left;
	padding:3px;
	border:2px solid #282687;
	margin-right:10px;
	margin-bottom:10px;
}

.bildmitte-standard {
	text-align:center;
	border:2px solid #282687;
}

.bildrechts-standard {
	float:right;
	padding:3px;
	border:2px solid #282687;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}

.bild-nur-rahmen {
	padding:3px;
	border: 2px solid #282687;
	margin-top:10px;
	margin-bottom:10px;
}

.clearing { clear: both; }

/* ===========================================
	2. Styles für Layoutbereiche
=========================================== */

#wrapper {
	color: black;
	background-color: white;
	border: 3px solid #282687;
	width: 974px; /* Breite der Seite */
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#kopfbereich {
	color: black;
	background: url(../images/header.jpg) repeat-y top left;
	padding: 10px 20px 0 20px;
	height: 145px;
}
	#kopfbereich p {
		float: left;
		color: black;
		padding: 5px 0 5px 0;
		margin-bottom: 0;
	}
	#kopfbereich a {
		color: black;
	}

#navibereich { 
	font-size:1.05em;
	text-align: left;
	color: black;
	background: url(../images/navi.jpg) repeat-y top left;
	padding: 5px 10px 4px 10px;
	border-bottom: 1px solid #8C8C8C;
}

	#navibereich ul { 
		margin-bottom: 0;
		display: inline;
	}
	#navibereich li {
		display: inline;
		list-style-type: none;
		margin: 0;
	}
	#navi a { 
		color: black;
		background-color: #ddd;
		padding: 4px 8px 4px 8px; 
		border: 1px solid #8C8C8C;
	}
	#navi a:hover,
	#navi a:focus {
		color: black;
		background-color: #A6E0F8;
	}
	#navi a:active {
		color: black;
		background-color: white;
	}
	#navibereich a:hover,
	#navibereich a:focus {border-bottom: 0; }
	#startseite #navi01 a,
	#haus #navi02 a,
	#wohnungen #navi03 a,
	#preise #navi04 a,
	#anfrage #navi05 a,
	#anreise #navi06 a,
	#links #navi09 a,
	#wohnungen-I #navi03 a,
	#wohnungen-II #navi03 a {
		color: black;
		background-color: white;
		border-bottom-color: white;
	}
	
	#fahne-uk { 
		padding:0px;
		border:0;
		margin:0;
	}
	#fahne-fr { 
		padding:0;
		margin:0;
		border:0;
	}
	
#navibereich-vertikal-wohnungen {
	float: left;
	width: 110px;
	padding-left: 10px;
	padding-top: 20px;
}
	#navibereich-vertikal-wohnungen ul {
		width: 9em;
		border-top: 1px solid #8C8C8C;
}
	#navibereich-vertikal-wohnungen li {
		list-style-type: none;
		border-left: 1px solid #8C8C8C;
		border-bottom: 1px solid #8C8C8C;
		margin: 0;
}
	#navibereich-vertikal-wohnungen a {
		display: block;
		text-decoration: none;
		color: black;
		background-color: #A6E0F8;
		padding: 4px;
		border-left: 3px solid #A6E0F8;
}
	#navibereich-vertikal-wohnungen a:hover,
	#navibereich-vertikal-wohnungen a:focus {
		color: black;
		background-color: #ddd;
		border-left-color: #282687;
		border-bottom: none;
}
	
#navibereich-vertikal {
	float: left;
	width: 150px;
	padding-left: 10px;
	padding-top: 20px;
}
	#navibereich-vertikal ul {
		width: 9em;
		border-top: 1px solid #8C8C8C;
		font-size: 1.2em;
		font-weight:bold;
	}
	#navibereich-vertikal li {
		list-style-type: none;
		margin: 0;
	}
	#navibereich-vertikal a {
		display: block;
		text-decoration: none;
		color: black;
		background-color: #A6E0F8;
		padding: 4px;
		border-left: 3px solid #A6E0F8;
	}
	#navibereich-vertikal a:hover,
	#navibereich-vertikal a:focus {
		color: black;
		background-color: #ddd;
		border-left-color: #282687;
		border-bottom: none;
	}
	#navibereich-vertikal a:active {
		color: black;
		background-color: #D9D9D9;
	}
	
	#navibereich-vertikal #untermenu {
		width: 9.25em;
		margin-left:10px;
		font-size: 0.9em;
		font-weight:normal;
	}
	#navibereich-vertikal #untermenu-punkt-1 #untermenu-punkt-2 {
		list-style-type: none;
		border:0;
		margin:0;
	}
	#arzl-sommer #navi01-vert a,
	#arzl-winter #navi02-vert a,
	#wohnungen-I #navi01-vert a,
	#wohnungen-II #navi02-vert a,
	#fotogalerie-07 #navi01-vert a,
	#fotogalerie-07-braunschweiger #navi01-vert a,
	#fotogalerie-06 #navi02-vert a,
	#fotogalerie-06-schitour #navi02-vert a {
		color: black;
		background-color: white;
		border-left: 3px solid #282687;
	}
	#arzl-sommer #navi08 a,
	#arzl-winter #navi08 a,
	#fotogalerie-07 #navi07 a,
	#fotogalerie-06 #navi07 a,
	#fotogalerie-07-braunschweiger #navi07 a,
	#fotogalerie-06-schitour #navi07 a {
		color: black;
		background-color: white;
		border-left-color: #282687;
		border-bottom:white;
	}
	#untermenu li {
		border-bottom:1px solid #8c8c8c;
	}

#textbereich { 
	padding: 20px 10px 0px 10px;
	overflow:hidden;
	font-size:1.2em;
	line-height:2em;
}
	#textbereich a { 
		border-bottom: 1px dotted #CC0000; 
	}
	#textbereich a:hover,
	#textbereich a:focus { 
		border-bottom: 1px solid #D90000; 
	}
	
#textbereich-vertikal { 
	position: relative;
	padding: 20px 10px 20px 20px;
	margin-left: 130px; 
	overflow:hidden;
	font-size:1.2em;
	line-height:2em;
}
	#textbereich-vertikal a { 
		border-bottom: 1px dotted #CC0000; 
	}
	#textbereich-vertikal a:hover,
	#textbereich-vertikal a:focus { 
		border-bottom: 1px solid #D90000; 
	}

#fussbereich {
	background:url(../images/bg_footer.gif);
	padding: 10px 20px 20px 20px;
	border-top: 1px solid #8C8C8C;
	margin-top: 20px;
	overflow:hidden;
}

#anzeige { 
	position: relative;
	display: inline;
	padding: 2px;
	border: 2px solid #282687;
}
#bild-auswahl {
	position: absolute;
	right: 20px;
	bottom: 20px;
	padding: 2px;
	border: 2px solid #282687;
}

/* ===========================================
	3. Sonstige Styles
=========================================== */

/* Das Anfrageformular */

form {
	background-color: #A6E0F8;
	width: 470px;
	padding: 10px;
	border: 1px solid #282687;
}
label {
	cursor: pointer;
}
#name, #anschrift, #plzort, #telefon, #fax, #email, #wohnung, #anreise1, #abreise, #personen, #land { width: 150px;  }
fieldset {
	padding: 10px;
	border: 1px solid #282687;
	text-align:left;
}
legend {
	color:#282687;
}
textarea, input#name, input#anschrift, input#plzort, input#telefon, input#fax, input#email, input#anreise1, input#abreise, input#personen, input#land {
	width:300px;
}
select#wohnung {
	width:304px;
}

/* Die Preisliste */

#preise table, 
#links table {
	background-color: #A6E0F8;
	width: 850px;
	border: 1px solid #282687;
}

#preise td,
#links td {
	font-weight:bold;
	text-align:center;
}

/* ===========================================
	E N D E  D E S  S T Y L E S H E E T S
=========================================== */