/*
+++++++++++++++++++++++++++++++++++++++++++++
+                                           +
+  Stylesheets erstellt von David Bellmann  +
+                                           +
+++++++++++++++++++++++++++++++++++++++++++++
*/

/*
------------------------------------------------
 Seite - Layout
------------------------------------------------
*/

html, body { font-size: 100.1%; font: 1.0em Verdana, sans-serif; color: #666; background: #FFF url("/grafik/layout/hg.png") repeat-x; margin: 0; padding: 0; text-align: left; }


/*
------------------------------------------------
 Html Tags
------------------------------------------------
*/

img { border: 0px;}
.imgBorder { float: left; border:1px solid #d4d4d4; padding: 5px; margin: 0 10px 10px 0;}
.imgBorderLeft { float: left; border:1px solid #d4d4d4; padding: 5px; margin: 0 0 10px 0;}
.imgBorderRight { float: right; border:1px solid #d4d4d4; padding: 5px; margin-bottom: 10px;}
.imgGallery, .imgGalleryLast { float: left; border:1px solid #ddd; padding: 5px; margin: 5px 5px 0 0;}
.imgGalleryLast { margin-right: 0;}

h2 { clear: both; font-size: 120%; /*color: #c1332b;*/ font-weight: bold; text-transform: uppercase;}
h3 { clear: both; /*color: #c1332b;*/ font-size: 100%; margin: 7px 0 7px 0; font-weight: bold;}
h3.aktuelles { font: 1.0em Times, Verdana, sans-serif; color: #000; margin: 7px 0 2px 0;}
h3.ohneAbstand { margin-bottom: 0;}
h3.left200 { text-indent: 255px;}
h4 { clear: both; font-size: 90%; margin: 7px 0 7px 0; }

p { padding: 0; margin: 5px 0 5px 0;}
hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: 1px dotted #d4d4d4;
 border-bottom: transparent;
 height:1px;
 clear: left;
}

ul {
margin: 10px 0 10px 20px; padding: 0;
}
ul li { margin: 0; padding: 2px;}

/*
------------------------------------------------
 Links Grundeinstellungen
------------------------------------------------
*/

a, a:link, a:visited, a:hover, a.color {color: #666; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
a.more, a.more:link, a.more:visited, a.more:hover { float: right; font-weight: normal; font-size: 90%;}
a.color {color: #c1332b; }
a.button, a.button:link, a.button:visited { float: left; width: 100%; height: 25px; display: block; text-indent: 5px; background-color: #e4e4e4;/*background-image: url('/grafik/layout/hg_button.gif');*/ line-height: 25px; font-weight: bold; font-size: 90%; text-decoration: none; margin-bottom: 1px;}

/*
------------------------------------------------
 Grundgerüst
------------------------------------------------
*/

div#header { float:left; background-color: #fff; height: 200px; width: 991px; font-size: 70%;}
div#content { float: left; width: 991px; height: auto;  font-size: 70%; background: url("/grafik/layout/hg_border.gif") 225px 3px repeat-y; }
/*div#footer { float: left; width:100%; height: 153px; background: #FFF url("/grafik/layout/hg_footer.png") repeat-x; display: inline; font-size: 70%;}*/
div#footer { float: left; width:100%; height: auto; border-top: 1px solid #d4d4d4; display: inline; font-size: 70%; color: #d4d4d4;}

/*
------------------------------------------------
 DesignLayer
------------------------------------------------
*/
#topLeft { float:left; height: 202px; width: 225px; background-color: #fff; border-right: 1px solid #d4d4d4; display: inline;}
#topLeft img { float: left; margin: 16px 0 0 27px;}
#topRight { float:left; height: 200px; width: 763px; margin: 1px 0 0 1px; background-color: #e00029; display: inline;}

#contentLeft { float:left; width: 225px; margin-top: 2px; min-height: 300px; display: inline;}
 *html #contentLeft { margin-top: 0; }
#contentMiddle { float:left; width: 725px; min-height: 600px; padding: 15px; display: inline; text-align: justify; line-height: 150%;}
/* #contentRight { position: absolute; left: 812px; top: 210px; width: 175px; height: auto;}*/

#contentRight { float: right; width: 175px; display: none; padding: 0 5px 20px 0; }

#footerLeft { top: 0; left: 0; position:relative; width: 250px; display: inline;}
#footerRight { top: 10px; left: 250px; position:relative; width: 738px; height: 100px; margin: 5px 0 0 0; text-align: center;}

#footer a, #footer a:hover, #footer a.activ { margin-left: 10px; color: #d4d4d4; padding: 0 0 0 10px; text-decoration: none; font-weight: normal;}
#footer a:hover, #footer a.activ {  text-decoration: underline; color: #e00029;}

/*
------------------------------------------------
 First Navigation platzieren
------------------------------------------------
*/
/* Alle Ebenen   */
div#mainMenu { float: left; border-bottom: 1px dotted #d4d4d4;}
/* 1. Ebene   */
div#mainMenu a { width: 225px; display: block; height: 25px; line-height: 25px; text-indent: 20px; color: #666; border-top: 1px dotted #d4d4d4; font-weight: normal;}
div#mainMenu a:hover, div#mainMenu a.activ { background-color: #e00029; color: #FFF;}
/* 2. Ebene   */
div#mainMenu a.secondMenu, div#mainMenu a.secondMenuactiv { margin-left: 20px; width: 205px; border: none; text-indent: 15px; }
div#mainMenu a.secondMenu:hover, div#mainMenu a.secondMenuactiv { background: #FFF url("/grafik/layout/secondMenu.png") 0 12px no-repeat; color: #e00029;}

/*
------------------------------------------------
 Hinweis Navigation platzieren
------------------------------------------------
*/

.hinweisMenu {
float: left; margin: 75px 0 20px 0; width: 225px; height: auto; background-color: #e00029; padding: 10px 0 5px 0; display: inline;
}
.hinweisMenu a { text-indent: 10px; display: block; color: #FFF; padding-bottom: 5px; font-weight: normal;}
.hinweisMenu a:hover, .hinweisMenu a.activ { color: #FFF;}

/*
------------------------------------------------
 Rechte Seite
------------------------------------------------
*/

.rightInfoHead { float: left; width: 165px; margin: 15px 0 0 0; font-weight: bold; text-indent: 10px; background: #FFF url("/grafik/layout/rightInfo.png") 0 6px no-repeat; display: inline;}
.rightInfo { float: left; height: auto; width: 165px; padding: 5px; margin: 5px 0 0 0; border: 1px dotted #e00029; display: inline;}

/*
------------------------------------------------
 smfood für Suchmaschinen
------------------------------------------------
*/

.smfood { display: none;}

/*
======================================================================
 gestaltete Layer
======================================================================
*/
.white, .preLoad, #edit fieldset, .edit fieldset { float: left; display: block; clear: all; width: 700px; padding: 5px; background-color: #FFF; margin-bottom: 5px;}
.red, .err { float: left; display: block; clear: all; width: 700px; padding: 5px; color: #FFF; background-color: #c1332b; margin-bottom: 5px;}
.green { float: left; display: block; clear: all; width: 700px; padding: 5px; background-color: #007700; color: #FFF; margin-bottom: 5px;}
.left { float: left; padding: 0 2px 0 0;}

/*
------------------------------------------
 Formulare Allgemein
------------------------------------------
*/

.formularzeile, .formularzeile2, .formularzeileHead, .formularzeileRed, .formularzeileOrange, .formularzeileYellow, .formularzeileBlue, .formularzeileGreen, .formularzeile_err { float: left; width: 700px; padding: 5px; background-color: #d9d8d8; text-align: left; color: #666; margin-bottom: 1px; min-height: 17px;}
/*
.formularzeile:hover { background-color: #f2dfd0;}
*/

.formularzeileHead { background-color: #666666; color: #fff; font-weight: bold;}
.formularzeileRed, .formularzeile_err { background-color: #c1332b; color: #fff;}
.formularzeileOrange { background-color: #ffc396;}
.formularzeileYellow { background-color: #f2e99b;}
.formularzeileBlue { background-color: #a3e1ee;}
.formularzeileGreen { background-color: #b1eea3;}

.formularzeile .left { float: left; /*padding-left: 5px;*/}
.formularzeile .right { float: right; /*padding-right: 5px;*/ text-align: right}

fieldset { border: 0px; margin: 0 0 1px 0; padding: 0;}
legend { font-weight:  bold; padding: 10px 0 5px 0;}
form     { margin: 0; padding: 0;}
label { float: left; width: 35%;}
.noDisplay { display: none;}
input, select, button { border: 1px solid #666; color: #666; margin:0;}
textarea { border: 1px solid #666; color: #666;}
textarea { width: 300px;}
input:focus { border: 1px solid #e86400;}
.input_norm { width: 400px;}
.input_long { width: 99%;}

/*
------------------------------------------------
 Aktuelles/News auf der linke Seite
------------------------------------------------
*/

#aktuelles { float: left; margin-top: 10px; width: 168px; padding: 5px; height: auto; border: 1px solid #dadada; background-color: #f8f7f5;}

.news { float: left; width: 100%; height: auto; margin-bottom: 1px; border-bottom: 1px solid #dadada; padding: 5px 0 5px 0;}

.newsDatum{ float: left; width: 100%; font-size: 80%; color: #666;}
.newsHead { float: left; width: 100%; font-size: 90%; color: #c1332b;}
.newsText { float: left; width: 100%; font-size: 90%; margin-top: 5px;}


/*
------------------------------------------------
 Aktuelles/News auf der rechten Seite
------------------------------------------------
*/

.newsBig { float: left; width: 100%; height: auto; margin-bottom: 1px; padding: 5px 0 5px 0; border-top: 1px dotted #c5c5c5;}
.newsBigOhne { float: left; width: 100%; height: auto; margin-bottom: 1px; padding: 0px 0 10px 0;}
.newsBig .innen { float: left; width: 205px; margin: 5px;}

.newsBigDatum{ float: left; width: 100%; font-size: 90%; color: #666;}
.newsBigHead { float: left; width: 100%; font-weight: bold;}
.newsBigText { float: left; width: 100%; margin-top: 10px;}

.newsBigOhne .formularzeile {background-color: #FFF; padding: 0 0 5px 0;}
.newsBigOhne .label { text-align: right; padding-right: 10px;}

/*
------------------------------------------------
 Partner
------------------------------------------------
*/

.partner { float: left; width: 170px; height: auto; margin: 0 5px 5px 0; border: 1px solid #d4d4d4; text-align: center; }
.partner a { display: block; padding: 5px; font-weight: normal; }

/*
------------------------------------------
 Textformatierungen
------------------------------------------
*/
.inhalt_red { color: #e00029;}

/*
------------------------------
 Galerie
------------------------------
*/

.gallery { float: left; padding-top: 15px; width: 100%;}
.gallery .text { clear: both; position: relative; width: 90%; padding: 0 2% 2% 0; font-size: 120%; color: #c1332b; text-transform: uppercase; font-weight: bold;}
.gallery .navi { clear: both; position: relative; width: 90%; padding: 2% 2% 2% 0; color: #000; font-size: 90%; text-transform: none; font-weight: normal;}

a.gal, a.gal:link, a.gal:visited {color: #666; text-decoration: none; font-weight: normal;}
a.gal:hover, a.galon { color: #c1332b; font-weight: normal;}

.gallery .pic { float: left; padding: 3px; border: 1px solid #999; }

.gallery .viewList { float: left; width: 99%; padding: 3px; margin-bottom: 10px; border: 1px solid #999; }
.gallery .viewList .pic { padding: 0px; border: none; }
.gallery .viewBlock { float: left; /*height: 200px;*/ margin: 0 10px 10px 0; }

.gallery .textList { float: left; padding: 2px 2px 2px 10px;}
.gallery .info { clear: both; position: relative; padding: 2% 2% 2% 0; font-size: 90%;}

#bilderstapel {}
#bilderstapel img {position: absolute; z-index:1;}
#bilderstapel img.obersteebene {z-index:3;}
#bilderstapel img.mittlereebene { z-index:2;}

/* Social */
div#social { width: 100% ; text-align: center; }
div#social a, div#social a:hover { padding: 0 2px 0 2px; }