/* DESIGNABLE Stylesheet (Screen,Projection)
bilderrahmen-hahn (www.bilderrahmen-hahn.de)
*/

/*
Copyright: Oliver Eibl
Erstellt: 24.12.2008
Letzte Aenderung: 24.12.2008
*/



/* Allgemein
===============================================*/

@charset "utf-8"

/* Kritische Werte */
* {
   margin: 0;
   padding: 0;
   vertical-align: top;
   }
   
/* Bilder */
img {
   vertical-align: bottom;
   }

   
/* Allgemeine Elemente
===============================================*/

body {
	background-color: #dbd197;
	color: #403812;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", serif;
   font-size: 80%;
   text-align: center;            /* IE6 zentrieren */
   line-height: 1.4em;
   }
* html td {
   font-size: 80%;                /* IE6 font-size in Tabellen */
   }

h1 {
	font-family: "Bradley Hand ITC", Mangal, "Stylus BT", "Palatino Linotype", Georgia, "Times New Roman", serif;
	font-size: 1.8em;
	font-variant: small-caps;
	color: #917a0d;
	margin-top: 139px;
}

h2 {
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 1.1em;
}

h3 {
	font-size: 1.0em;
	margin-top: 1.1em;
	margin-bottom: 0.3em;
}
* html h3 {
	margin-top: 0.8em;
}

p {
   margin-top: 0;
   margin-bottom: 0.3em;
}


/* Besondere Bereiche
===============================================*/

div#container {
   width: 850px;
   margin: auto;
}
* html div#container {            /* Korrektur Abstand oben und Containerbreite IE6 */
   margin-top: 10px;
   width: 900px;
}

div#navi {                        /* Container fuer Navigation */
	position: relative;
	float: left;
	width: 155px;
	height: 160px;
   padding: 20px;
	text-align: right;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}
* html div#navi {                 /* IE6 Container fuer Navigation */
	width: 195px;
	height: 200px;
}

div#naviliste {                   /* Navigation im Bilderrahmen */
   position: absolute;
   bottom: 25px;
   right: 25px;
   width: 155px;
   height: 160px;
   background-image: url(images/rahmenecke.gif);
}

ul#naviliste {
   font-variant: small-caps;
   font-weight: bold;
   text-align: left;
   list-style: none;
   margin-top: 25px;
   margin-left: -7px;
}
*+html ul#naviliste {         /* Korrektur Naviliste IE7 */
   margin-left: 27px;
}
* html ul#naviliste {         /* Korrektur Naviliste IE6 */
   margin-left: 27px;
}
#naviliste a,
#naviliste a:visited {
   color: #403812;
   font-weight: bold;
   text-decoration: none;
   }
#naviliste strong {
   color: #917a0d;
   }

#naviliste a:hover,
#naviliste a:focus,
#naviliste a:active {
   color: #F3EFD9;
   list-style: none;
   text-decoration: none;
   background-color: transparent;
   }

div#aktuell {
	float: left;
	width: 550px;
	height: 160px;
   padding: 20px;
	border-bottom: 1px solid white;
}
* html div#aktuell {            /* IE6 Container Aktuell */
	width: 580px;
	height: 200px;
	padding: 0px;
}

div#aktuelltext {
	float: left;
	text-align: left;
	width: 300px;
	height: 160px;
}
* html div#aktuelltext {         /* IE6 Container Aktuell */
	width: 300px;
	height: 180px;
	padding-top: 155px;
	padding-left: 20px;
}

div#aktuellbild {
	float: right;
	text-align: right;
	width: 210px;
	height: 160px;
}
* html div#aktuellbild {         /* IE6 Container Aktuell */
	width: 210px;
	height: 180px;
	padding-top: 20px;
	padding-right: 20px;
}

div#adresse {                        /* Adresse */
	clear: both;
	float: left;
	width: 155px;
	height: 370px;
   padding: 20px;
	overflow: hidden;
   bottom: 0px;
	text-align: right;
	border-right: 1px solid white;
	font-size: 0.8em;
}
* html div#adresse {                  /* IE6 Adresse */
	width: 195px;
	height: 385px;
}

table#adresse {
   margin-top: 235px;
   line-height: 1.4em;
}
*+html table#adresse {                 /* IE7 Tabelle Adresse */
   margin-top: 256px;
}
* html table#adresse {                 /* IE6 Tabelle Adresse */
   text-align: right;
   margin-top: 205px;
	font-size: 1.3em;
}

div#text {
	float: left;
	width: 550px;
	height: 350px;
   padding: 20px;
	overflow: auto;
	text-align: justify;
}
* html div#text {                    /* IE6 Textbereich */
	width: 580px;
	height: 385px;
}

/* Links und Anker
===============================================*/

a:link {
   color: #3b351b;
   background-color: transparent;
   }
a:visited {
   color: #3b351b;
   background-color: transparent;
   }
a:hover,
a:focus {
   color: #F3EFD9;
   background-color: #7E712C;
   text-decoration: none;
   }
a:active {
   color: #F3EFD9;
   background-color: transparent;
   }
a:link.img,
a:visited.img,
a:hover.img,
a:focus.img,
a:active.img {
   color: transparent;
   background-color: transparent;
   text-decoration: none;
   border: none;
   }