/* v.1.3.2 Copyright (c) 2006 - 2009 Stefan Rotter; Alle Rechte vorbehalten.
   letzte Aenderung: 07. Juli 2009 | 13:30 CEST */

html, body {
margin:0;
padding:0;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
}

#logo {
position:absolute;
top:0px;
left:0px;
width:160px;
height:127px;
border:0;
}

body > #top-navigation {
position:fixed;
top:0px; left:0px;
width:100%;
height:50px;
background-color:#EAEAEA;
z-index:1;
}

body > #left-navigation {
position:fixed;
top:127px;
left:0px;
width:160px;
height:100%;
background-color:#EAEAEA;
z-index:2;
}


a.top_link {
display:block;
position:absolute;
width:80px;
text-align:center;
padding-top:3px;
height:18px;
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
font-size:0.7em;
line-height:1.3em;
font-weight:bold;
text-decoration:none;
border-left:1px solid black;
}

a.top_link:link, a.top_link:visited {text-decoration: none; color:#000000; background-color:#EAEAEA; }
a.top_link:hover, a.top_link:active {text-decoration: none; color:#000000; background-color:#FFCC66; }




a#home        {bottom:0px; left:160px;  }
a#produkte    {bottom:0px; left:240px;  }
a#galerie     {bottom:0px; left:320px;  }
a#aktuelles   {bottom:0px; left:400px;  }
a#mitarbeiter {bottom:0px; left:480px;  }
a#presse      {bottom:0px; left:560px;  }
a#kontakt     {bottom:0px; left:640px;  }
a#impressum   {bottom:0px; left:720px;  }


body > #bilder_sublinks {
position:fixed;
top:50px;
left:320px;
width:130px;
border-left:2px solid black;
border-bottom:2px solid black;
border-right:2px solid black;
z-index:10;
visibility:hidden;
opacity: 0.95; /* Transparenz */
}


body > #produkte_sublinks {
position:fixed;
top:50px;
left:240px;
width:130px;
border-left:2px solid black;
border-bottom:2px solid black;
border-right:2px solid black;
z-index:10;
visibility:hidden;
opacity: 0.95;
}

.sub_link {
display:block;
width:100%;
height:18px;
text-align:center;
padding-top:3px;
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
font-size:0.7em;
line-height:1.3em;
font-weight:bold;
text-decoration:none;
border-top:1px solid black;
}

.sub_link:link, .sub_link:visited  {text-decoration: none; color:#000000; background-color:#FFCC66; }
.sub_link:hover, .sub_link:active  {text-decoration: none; color:#000000; background-color:#FFCC99; }




body > #content {
margin-top:100px;
margin-left:200px;
margin-right:0px;
padding-right:0px;
}

div.box_title {  /* Info-Box linke Navigation: Titel */
text-align: left;
margin-top:30px;
margin-left:5px;
margin-right:5px;
background-color:#FFCC66;
color:#000000;
font-family:"MS Sans Serif", sansserif;
font-size:0.5em;
line-height:1.6em;
font-weight:bold;
padding:1px;
}

div.box_content { /* Info-Box linke Navigation: Inhalt */
text-align:center;
margin-top:0px;
margin-left:5px;
margin-right:5px;
margin-bottom:1px;
background-color:#FFFFFF;
color:#000000;
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
font-size:70%;
font-weight:normal;
padding:3px;
}

p.schriftNavigationLinks {
margin-top:30px;
margin-left:5px;
margin-right:5px;
color:#000000;
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
font-size:0.4em;
line-height:1.5em;
font-weight:normal;
padding:3px;
}

table {
font-size:0.75em;
line-height:1.4em;
font-weight:normal;
}

div.standardabsatz { /* Standardabsatz für den Text */
font-size:0.75em;
line-height:1.4em;
font-weight:normal;
width: 750px;
text-align: justify;
}

.kleineSchrift {/* Anzeige von Autor auf impressum.php */
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
font-size:0.7em;
line-height:1.4em;
font-weight:normal;
}

table.kleineSchrift {/* Anzeige fuer Counter (Besucher, Heute, Gestern) */
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
font-size:0.6em;
line-height:1.1em;
font-weight:normal;
}

a:link    {text-decoration: none; color: #6C6C6C}
a:visited {text-decoration: none; color: #6C6C6C}
a:hover   {text-decoration: none; color: #660033; }
a:active  {text-decoration: none; color: #660033; }

hr.black {
margin-left: 0px;
height: 1px;
width: 750px;
border: 0;
background-color: #000000;
color: #000000;
text-align: left;
}

li{
list-style-type: circle;
list-style: outside;
}

hr.startseite{
margin-left: 20px;
height: 1px;
width: 569px;
border: 0;
background-color: #000000;
color: #000000;
text-align: left;
}

/* --- Formatierungen für die Seite 'Aktuelles' --- */
.ueberschriftGross {
font-family: "Calligraph421 BT", Arial, Helvetica, sansserif, "Times New Roman", serif;
font-size:1.4em;
font-weight:bold;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 100px;
background-color: #FFFFFF;
color: #000000;
line-height: 1.3em;    /* Zeilenabstand */
}

.textCenter {
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
text-align: center;
font-size: 0.8em;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 750px; /* 750px - 0px margin-left --> falls mal wieder Bild links kommt und mehr Platz benötigt wird */
color: #000000;
line-height:1.7em; /* Zeilenabstand */
}

.textnormal {
font-family: Arial, Helvetica, sansserif, "Times New Roman", serif;
text-align: justify;
font-size: 0.8em;
font-weight: normal;
width: 750px;
color: #000000;
line-height:1.7em; /* Zeilenabstand */
}

img.rahmenUndLinks {
float: left;
border: 1px solid #D7D7DA;
padding: 4px;
}

div.aktuellesBild{
padding-left: 23px;
padding-top: 0px;
font-size: 0.7em;
}



/* --- Rahmen für die Produktseiten und Kontaktseite --- */
h4.rahmen {
border-top:solid black 1px;
border-left:solid black 1px;
padding-left:10px;
padding-top:4px;
color: black;
margin-top:20px;
margin-left:0px;
width: 740px;
}

p.unterRahmen {
margin-left:11px;
width: 750px;
}

img.ausrichtung {
float:left;
margin-right:20px;
}


/* --- Formatierungen für das Kontaktformular --- */
form.kontakformular {
width: 408px;
margin-left: 0px;
}

table.kontakformular { /* nötig, da zwei Tabellen ineinander verschachtelt sind --> extrem kleine Schrift */
text-align: left;
color: #000000;
font-weight: normal;
font-variant: normal;
font-size: 1em;
line-height: 1.4em;    /* Zeilenabstand */
}


span.stern {
color:#FF0000;
font-weight: normal;
}

.textfelder {
border: none;
padding: 2px;
background-color: #E5E5E5;
font-weight: normal;
font-size: 1em;
width: 220px;
height: 20px;
}

.textfeldKlein {
border: none;
padding: 2px;
background-color: #FFFFFF;
font-weight: normal;
font-size: 1em;
width: 30px;
height: 18px;
}

.kleinereZusatzangabe {
font-weight: normal;
font-size: 0.9em;
}

.checkbox {
font-weight: normal;
font-size: 1em;
}

.button {
font-weight: normal;
font-size: 0.95em;
width: 108px;
}

.hinweis {
font-weight: normal;
font-size: 1em;
}

textarea {
border: none;
padding: 2px;
background-color: #E5E5E5;
font-weight: normal;
width: 315px;
height: 150px;
}


/*  ----- Bildergalerie Formatierungen ----- */
.iframe {
width: 630px;
height: 470px;
}

/*  ----- Neuigkeiten auf der Seite 'Aktuelles' ----- */
.boxTitle {
width: 735px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
background: #FFCC66;
color: #000000;
font-size: 0.8em;
font-weight: bold;
border-top: 1px solid  #7B5252;
border-bottom: 1px solid #996666;
}

.boxTitleDate {
width: 735px;
color: #999999;
font-size: 0.75em;
font-weight: bold;
}

.boxContent {
width: 735px;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
background: #FAFAFA;
color: #000000;
border-bottom: 1px solid #996666;
font-size: 0.8em;
font-weight: normal;
text-align: justify;
}