html,body{margin:0;padding:0}
body { font-size: 13px; font-family: tahoma, arial, sans-serif; font-style: normal; font-variant: normal; line-height: normal; background-image: url("back_farbbalken.gif"); background-repeat: repeat; text-align: center }
p{margin:0 10px 10px}
a{display:block;color: #981793;}
div#container{text-align:left}
/* Einstellungen Main Inhalt*/
div#content p { font-size: 13px ; font-family: tahoma, arial, sans-serif; line-height: 17px; }
div#content h1 { color: #9d69a1; font-size: 20px; font-family: tahoma, arial, sans-serif; font-style: italic ; line-height: 25px; }
div#content h2 { color: #9d69a1; font-size: 18px; font-family: tahoma, arial, sans-serif; line-height: 21px; margin-top: 10px; margin-bottom: 10px; }
div#content h3 { color: #9d69a1; font-size: 16px; font-family: tahoma, arial, sans-serif; line-height: 19px; margin-top: 10px; margin-bottom: 10px; }
div#content h4 { color: #9d69a1; font-size: 14px; font-family: tahoma, arial, sans-serif; line-height: 18px; margin: 15px 0 8px; }
div#content h5 { color: #9d69a1; font-size: 12px; font-family: tahoma, arial, sans-serif; line-height: 16px; margin-top: 10px; margin-bottom: 10px; }
div#content h6 { color: #9d69a1; font-size: 10px; font-family: tahoma, arial, sans-serif; line-height: 14px; margin-top: 10px; margin-bottom: 10px; }
div#content img { margin: 0 8px; border: solid 2px #bb7dc0 }
div#content img.galimage { border: solid 2px #bb7dc0 }
div#content li
{ font-size: 13px; font-family: tahoma, arial, sans-serif; line-height: 16px; margin: 0 0 4px 30px; list-style-image: url(punkt.gif); list-style-position: outside; }
div#content ul
{ font-size: 13px; font-family: tahoma, arial, sans-serif; margin: 0 0 4px; list-style-type: disc; list-style-position: outside; }
div#spruch{ text-align:left }
div#spruch img { margin-bottom: 4px }
div#spruch p{ line-height:1.4; }
div#header h1{ height:20px; line-height:35px; margin:0 0 15px; padding-left:10px; color: white; font-size: 10px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
div#navigation{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
div#extra{ background:transparent; }
div#footer{ color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
div#footer p{margin:0;padding:5px 10px}
div#container { margin: 0 auto; width: 850px }
div#wrapper{float:left;width:100%}
div#content { margin: 195px 200px 0 230px }
/*Spruch */
div#spruch { margin: 0 0 0 210px; width: 600px; float: left }
#spruch img { }
div#navigation{ float:left; width:198px; margin-top: 190px; margin-left:-200px }
div#extra { margin-left: -850px; width: 185px; float: left }
div#footer{ clear:left; width:100%; margin-bottom: 50px; }
div#footer2{ background-image: url(footer_haueser.gif); clear:left; width:100% ; height: 76px; }
/*Navigation Links*/
#navcontainer h1 { color: #903f98; font-size: 15px; font-family: arial, sans-serif; font-weight: bold; font-style: normal; line-height: 18px; letter-spacing: 0.2px; list-style: none; margin: 0 0 0 30px; padding-left: 3px; }
#navcontainer p { font-size: 8px; line-height: 8px; }
#navlist
{ margin-top: 5px; margin-bottom: 30px; padding-left: 0; margin-left: 30px; border-bottom: 1px dotted #903f98; }
#navlist li
{ background-repeat: repeat-x; background-position: 0 1em; list-style: none; margin: 0; border-top: 1px dotted #903f98; }
#navlist li a { color: #af75b4; font-size: 13px; font-weight: 600; text-decoration: none; margin-left: 0; padding: 3px 5px 3px 3px; }
#navlist li a:hover { color: #9d69a1; background-color: #fbf6ea }
#navlist li a:active { background-color: #fbf6ea; }
#navlist li a:focus { background-color: #fbf6ea; }
#navlist li a.unter { color: #ca87d0; font-size: 11px; font-weight: 600; text-decoration: none; background-color: #fff8f6; margin-left: 0; padding: 3px 5px 3px 7px }
#navlist li a.unter:hover { color: #9d69a1; background-color: #fbf6ea }
#navlist li a.unter:active { background-color: #fbf6ea; }
#navlist li a.unter:focus { background-color: #fff8f6 }
/*Navigation Rechts*/
#container_rechts { background-color: #e0d0e6; padding: 3px; width: 194px; float: left ; margin-top: 5px; margin-bottom: 5px; }
#navcontainer_rechts { width: 198px; float: left }
#navcontainer_rechts h1 { color: #903f98; font-size: 20px; font-family: tahoma, arial, sans-serif; font-style: normal; font-weight: bold; line-height: 25px; letter-spacing: 0.2px; list-style: none; margin: 4px 0; padding-left: 3px }
#navcontainer_rechts h2 { color: #903f98; font-size: 18px; font-family: tahoma, arial, sans-serif; font-style: normal; font-weight: bold; line-height: 21px; letter-spacing: 0.2px; list-style: none; margin: 4px 0; padding-left: 3px }
#navcontainer_rechts h3 { color: #903f98; font-size: 16px; font-family: tahoma, arial, sans-serif; font-style: normal; font-weight: bold; line-height: 20px; letter-spacing: 0.2px; list-style: none; margin: 4px 0; padding-left: 3px }
#navcontainer_rechts h4 { color: #903f98; font-size: 14px; font-family: tahoma, arial, sans-serif; font-style: normal; font-weight: bold; line-height: 18px; letter-spacing: 0.2px; list-style: none; margin: 4px 0; padding-left: 3px }
#navcontainer_rechts h5 { color: #903f98; font-size: 12px; font-family: tahoma, arial, sans-serif; font-style: normal; font-weight: bold; line-height: 16px; letter-spacing: 0.2px; list-style: none; margin: 4px 0; padding-left: 3px }
#navcontainer_rechts h6 { color: #903f98; font-size: 10px; font-family: tahoma, arial, sans-serif; font-style: normal; font-weight: bold; line-height: 13px; letter-spacing: 0.2px; list-style: none; margin: 4px 0; padding-left: 3px }
#navcontainer_rechts p { font-size: 13px; font-family: tahoma, arial, sans-serif; line-height: 15px; }
#navlist_rechts
{ margin: 0; padding: 0; float: left; border-bottom: 1px dotted #903f98 }
#navlist_rechts li
{ background-repeat: repeat-x; background-position: 0 1em; list-style: none; border-top: 1px dotted #903f98 }
#navlist_rechts li a { color: #af75b4; font-size: 11px; font-weight: 600; text-decoration: none; padding-top: 3px; padding-bottom: 3px; padding-left: 3px }
#navlist_rechts li a:hover { color: #9d69a1; background-color: #f3e2fa }
#navlist_rechts li a:active { background-color: #fbf6ea; }
#navlist_rechts li a:focus { background-color: #fbf6ea; }
#navlist_rechts li a.unter { color: #af75b4; font-size: 11px; font-weight: 600; text-decoration: none; background-color: #ead9f0; padding-top: 3px; padding-bottom: 3px; padding-left: 11px }
#navlist_rechts li a.unter:hover { color: #9d69a1; background-color: #f3e2fa }
#navlist_rechts li a.unter:active { background-color: #ead9f0 }
#navlist_rechts li a.unter:focus { background-color: #fbf6ea; }
#navlist_rechts img { }
/*Navigation 2 */
#navlist2
{ margin-top: 5px; padding-left: 0; margin-left: 30px; }
#navlist2 li
{ background-repeat: repeat-x; background-position: 0 1em; list-style: none; margin: 0; }
#navlist2 li a { color: #af75b4; font-size: 13px; font-weight: 700; text-decoration: none; word-spacing: 1px; margin-left: 0; padding: 4px 5px 2px 3px; }
#navlist2 li a:hover { color: #9d69a1; background-color: #fbf6ea; }
#navlist2 li a:active { background-color: #fbf6ea; }
#navlist2 li a:focus { background-color: #fbf6ea; }
/* Modul Gästebuch */
/*
Formular Styles
*/
/* Formular */
form.gbook div {
width: 370px;
}
/* Eingabefelder */
form.gbook input, form.gbook textarea {
border: solid 1px #d4d4d4;
margin: 2px;
width: 250px;
background-color: #f6f4ef;
}
/* Text-Eingabefeld*/
form.gbook textarea {
height: 100px;
}
/* Beschriftungen der Eingabefelder */
form.gbook div.label {
width: 100px;
float: left;
}
/* Buttons */
form.gbook input.button { font-size: 12px; font-family: tahoma, arial, sans-serif; width: 100px; margin: 5px 0 0; background-color: #fbefd6; }
/* Buttons-Layer*/
form.gbook div.buttons { float: left; padding-left: 105px; }
/* Zusatztext-Layer*/
form.gbook div.info {
text-align: right;
}
/* Fehlermeldungs-Layer*/
form.gbook div.error {
font-weight: bold;
padding-top: 5px;
padding-bottom: 10px;
}
/*
Listen Styles
*/
/* Eintr?ge-Layer */
div.gbook .entry {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 2px dashed #859885;
}
/* Pagination-Layer */
div.gbook .pagination {
float: right;
}
/* Pagination-Links */
div.gbook .pagination a {
padding-left: 2px;
padding-right: 2px;
}
/*
Allgemeine Formatierungen
*/
/* Beschriftungen */
div.gbook .label {
float: left;
}
/* Werte */
div.gbook .value {
padding-left: 150px;
}
/*
Spezifische Formatierungen
z.b.
[CODE]
div.gbook . .{
}
[/CODE]
*/
div.gbook .text .label {
padding-top: 5px;
}
div.gbook .text .value {
clear: left;
padding: 5px;
background-color: #F6F4EF;
}
/* Bild einbinden */
/*
Das Modul nutzt 6 Klasssen zur Ausrichtung der Bilder. .pleft , .pright und .pnormal
.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.
.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder, wenn sie einen Rahmen haben sollen.
Viel Spass beim weiteren basteln.
Code:
*/
/* Definition der Klassen ohne Rahmen*/
.pleft {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: none;
}
.pright {
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: none;
}
.pnormal {
clear: both;
border: none;
}
/* Definition der KLassen mit Rahmen */
.pleft_b {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
clear: both;
border: 1px solid #990000;
}
/*Jaos Gallerie*/
/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/
div.jaosg_thumbnail{
float: left;
background: #DCDCDC;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
margin: 5px 3px;
}
div.jaosg_thumbnail img{
border: 1px solid;
border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
height: 60px;
width: 80px;
margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
height: 80px;
width: 60px;
margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
clear: both;
padding-top: 1em;
}
/*Startseite */
#main-image{ background-color: #fcf2dd; text-align:center; margin-left:auto; margin-right:auto; }
#main-image img { margin: 0 8px; border: solid 2px #bb7dc0 }