/*
======================================================================
|  Styles fur die Ausgabe im Browser (validiert nach W3C)            |
======================================================================
|  Erstellt fuer:          Folklorelawine                            |
======================================================================
*/

body { width: 100%; margin: 0; padding: 0em; font: 1.0em Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #666; background-color: #f9fff0;}
fieldset { float: left; width: 565px; border: 0px; margin: 0 0 5px 0; padding: 0;}
legend { font-weight:  bold; padding: 10px 0 5px 0;}
form     { float: left; margin: 0; padding: 0;}
label { float: left; width: 35%; color: #444;}
input, select, button { border: 1px solid #666; color: #666;}
textarea { border: 1px solid #666; color: #666;}
input:focus, textarea:focus { border: 1px solid #688722;}
.input_norm { width: 300px;}
optgroup option { text-indent: 10px;}

img, .noBorder, .noBorder:focus { border: 0px;}

p { padding: 5px 0 5px 0; margin: 0;}
a, a:link, a:visited, a:hover, .orange { color: #3399cc;}
a, a:link, a:visited { text-decoration: none; }
a:hover, .top a { text-decoration: none; }
a:hover { color: #688722;}
hr { border: 1px solid #688722; clear: left; text-align: center; background-color:#688722; margin:10px 0px 10px 0;}

h1 { font-size:150%; color: #666; font-weight: bold; display: block; clear: left;}
h2 { font-size:130%; color: #545454; font-weight: bold; display: block; clear: left;}
h3 { font-size:110%; color: #248f56; font-weight: bold; display: block; clear: left; padding: 5px 0 5px 0; margin: 0;}
h4 { font-size:100%; color: #545454; font-weight: bold; display: block; clear: left; padding: 5px 0 5px 0; margin: 0;}
h4 span { font-weight: normal; font-size: 80%; font-style: normal;}
h5 { font-size:85%; font-weight: normal; display: block; clear: left; padding: 2px 0 2px 0; margin: 0;}

#col3_content h3 { font-weight: bold; color: #FFF; font-size: 120%; text-align: center;}
#col2 h3 { font-weight: bold; text-indent: 5px; color: #FFF; font-size: 120%; padding: 5px 0 10px 0; }

/*
------------------------------------------------
 Bilder
------------------------------------------------
*/

img { border: 0px; margin: 0;}
.imgBorder { position: relative; border:1px solid #e2edf9; padding: 3px; margin: 0 5px 10px 0; display: inline;}
.imgBorderLeft { float: left; border:1px solid #e2edf9; padding: 3px; margin: 0 5px 10px 0; display: inline;}
.imgBorderRight { float: right; border:1px solid #e2edf9; padding: 3px; margin: 0 0 10px 5px; display: inline;}

.img { position: relative; padding: 3px; margin: 0 5px 10px 0; display: inline;}
.imgLeft { float: left; padding: 3px; margin: 0 5px 10px 0; display: inline;}
.imgRight { float: right; padding: 3px; margin: 0 0 10px 5px; display: inline;}

.imgGallery, .imgGalleryLast { float: left; border:1px solid #ddd; padding: 5px; margin: 5px 5px 0 0;}
.imgGalleryLast { margin-right: 0;}
.imgLeftSide {margin: 0 0 5px 0; position: relative; width: 180px; }
.imgRightSide {margin: 0 0 5px 0; position: relative; width: 210px; }

/*
======================================================================
 Aufbau der Seite
======================================================================
*/

.page_margins { width: 990px; min-width:inherit; max-width:none; position:absolute; top: 0; left: 50%; margin-left: -495px;}
.page { width: 990px; height: auto;}
#whereiam { width: 588px; padding: 5px 0 5px 0; text-indent: 5px; position: absolute; top: 203px; left: 201px; background-color: #c77002; color: #FFF;}

#main { width: 100%; padding: 0 0 1em 0; background-color: #FFF; float:left; background-image: url(/grafik/layout/hg_tab_left.gif); background-repeat: repeat-y; }

/* #col1 wird zur mittleren Spalte */
#col1 { width: 570px; float:left; ;}
#col1_content { padding: 30px 5px 0 0px; position: relative;}

#col1_content ul {margin: 10px 0 10px 20px;}
#col1_content img {padding: 5px;}

/* #col2 wird zur linken Spalte */
#col2 { width: 210px; float:left; min-height: 500px; height: auto !important; height: 500px; }
#col2_content { padding: 0 5px 0 5px; position: relative;}

/* #col3 wird zur rechten Spalte */
#col3 { width: 200px; float:right; }
#col3_content { padding: 0 5px 0 5px; position: relative;}

#partner { position: absolute; height: auto; width: 190px; padding: 5px; bottom: 60px; right: 0px; border-top: 1px solid #FFF;}
#partner h3 { color: #FFF; text-align: center;}


/* Sonstige Design Layer */
#maennchen { position: absolute; height: 163px; width: 200px; bottom: 0px; left: 0px; background-image: url(/grafik/layout/maennchen.gif); background-repeat: no-repeat;}

#schirm { position: absolute; height: 226px; width: 150px; top: 0px; left: 532px; background-image: url(/grafik/layout/schirm.jpg); background-repeat: no-repeat;}

/*
======================================================================
 Header + Hauptmenü + Impressummenü
======================================================================
*/

#header { height: 203px; width: 100%; float:left; background-image: url(/grafik/layout/head.jpg);}

#header #topnav { position:absolute; height: 203px; top: 0px; left: 0px;}
#topnav a, #topnav a:link, #topnav a:hover, #topnav a:visited, #topnav a.activ { position: relative; top: 168px; padding: 0px 10px 0 10px; height: 20px; text-align: center; font-size: 110%; color: #FFF; text-decoration: none; }
#topnav a.activ, #topnav a:hover { color: #248f56;}

#header #impnav { position:absolute; height: 20px; width: 252px; top: 173px; right: 20px; text-align: center; }
#impnav a, #impnav a:link, #impnav a:hover, #impnav a:visited, #impnav a.activ { position: relative; padding: 0px 7px 0 7px; height: 20px; text-align: center; color: #FFF; text-decoration: none; font-size: 95%;}
#impnav a.activ, #impnav a:hover { color: #248f56;}

#header #bild { position:absolute; height: 150px; top: 15px; width: 250px; right: 20px;}
#header #bild img { border:1px solid #FFF;}
/*
======================================================================
 Linkes Spalte
======================================================================
*/

#col2 #leftnav { position:relative; top: 0;}
#leftnav a, #leftnav a:link, #leftnav a:hover, #leftnav a:visited, #leftnav a.activ { position:relative; padding: 0 0 5px 10px; color: #FFF; display: block; }
#leftnav a.activ, #leftnav a:hover { color: #248f56;}

/*
======================================================================
 Footer
======================================================================
*/

#footer { height: 56px; width: 100%; float:left; background-image: url(/grafik/layout/hg_tab_footer.gif); background-position: 0 -1px; }
#footer #menue { position: relative; left: 210px; top: 8px; width: 570px; text-align: center; }

/*
======================================================================
 Formatierungen rechte Spalte
======================================================================
*/

.rightInfo { position: relative; left: 0px; top: 0px; width: 180px; padding: 5px; height: auto;}
.rightInfo img { border: 1px solid #FFF;}

/*
======================================================================
 Formatierungen linke Spalte
======================================================================
*/

.leftInfo { position: relative; left: 0px; top: 0px; width: 180px; padding: 5px; height: auto;}
.leftInfo img { border: 1px solid #FFF;}

/*
======================================================================
 Clearfixes
======================================================================
*/

/*.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}*/

/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
/*.clearfix {  display: inline; }*/

#header, #topnav, #main, #footer { clear:both; }

/*
======================================================================
 gestaltete Layer
======================================================================
*/
.white, .preLoad, #edit fieldset, .edit fieldset , .red, .green { float: left; display: block; width: 98%; padding: 5px 1% 5px 1%; background-color: #fde2c1; margin-bottom: 5px; }
.red { background-image: none; color: #FFF; background-color: #e44e44;  margin-bottom: 5px;}
.green { background-image: none; background-color: #cbe18f; margin-bottom: 5px;}
.white p { padding: 0; margin: 0px; }
.left { float: left; padding: 5px; width: 47%;}
.right { float: right; tpadding: 5px; width: 47%;}

/*
======================================================================
 Ladebalken (unter gestaltete Layer sind auch Styles)
======================================================================
*/
.preLoad {padding: 50px 5px 50px 5px; text-align: center; display: block;}

/*
======================================================================
 Ladebalken absolute (unter gestaltete Layer sind auch Styles)
======================================================================
*/
.preLoadAbsolute {position: absolute; width: 554px; padding: 130px 0 130px 0; text-align: center;}

/*
======================================================================
 nach oben Button
======================================================================
*/
.top { float: left; display: block; clear: all; width: 554px; text-align: right;}
.top a span  { display: none;} /*Schrift des Hoch-Buttons unsichtbar machen*/
.top a, .top a:link, .top a:visited, .top a:hover { float: right; padding: 0 0 5px 0; color: #cbcbcb; font-size: 80%; }

/*
======================================================================
 Bug-Killer IE6
======================================================================
*/

.clear { clear: both; padding-bottom: 5px;}

/*
======================================================================
 Table
======================================================================
*/

.table_allg_small { float: left; border-spacing:0px; /*Fuer Firefox, Opera und Co.*/ border-collapse:collapse; /*Fuer IE*/}

/* WK-Tabelle fuer IE 6*/
*html .table_allg_small { border-collapse:collapse; /*Fuer IE*/ display: block; float: left;}
.table_allg_small{ width: 570px !important; font-size: 90%;}

.table_allg_small tr { background-color: #e6e6e6; height: 25px;}
/*
.table_allg_small tr:hover, .table_allg_small tr:hover > td.label { background-color: #f2dfd0;}
*/
.table_allg_small th { background-color: #dadada; padding: 3px; border: 1px solid #fff; text-align: center;}
.table_allg_small td { padding: 3px; border: 1px solid #fff; text-align: center; }
.table_allg_small td.textLeft { text-align: left; }
.table_allg_small td:hover { background-color: #ddd;}

.table_allg_small td.tagName { background-color: #dadada; }
.table_allg_small td.blank { background-color: #fff; }
.table_allg_small td.leer { background-color: #eee; }
.table_allg_small td.weekNR, .table_allg_small th.weekNR { background-color: #dbf6ff; width: 50px; }

.table_allg_small td.but1 { width: 18px; padding: 3px 1px 3px 3px;}
.table_allg_small td.but2 { width: 36px; padding: 3px 1px 3px 3px;}
.table_allg_small td.but3 { width: 54px; padding: 3px 1px 3px 3px;}
.table_allg_small td.but4 { width: 72px; padding: 3px 1px 3px 3px;}

.table_allg_small td.Red, .table_allg_small th.Red { background-color: #b03434; color: #fff;}
.table_allg_small td.Orange { background-color: #ffc396;}
.table_allg_small td.Yellow { background-color: #f2e99b;}
.table_allg_small td.Blue { background-color: #a3e1ee;}
.table_allg_small td.Green { background-color: #b1eea3;}
.table_allg_small td.White { background-color: #fff;}

/* Tabellenkopf-Zelle */
.table_allg_small th.highlight { width: 110px; background-color: #eabc6d; color: #9b0000;}

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

.formularzeile, .formularzeileRed, .formularzeileOrange, .formularzeileYellow, .formularzeileBlue, .formularzeileGreen { float: left; width: 98%; padding: 5px 1% 5px 1%; background-color: #fde2c1; margin-bottom: 1px; }

.formularzeile:hover { background-color: #f6d7b1;}
.formularzeileRed { background-color: #b03434/*#bf8e8e*/; color: #fff;}
.formularzeileRed label { color: #fff;}
.formularzeileOrange { background-color: #ffc396;}
.formularzeileYellow { background-color: #f2e99b;}
.formularzeileBlue { background-color: #a3e1ee;}
.formularzeileGreen { background-color: #b1eea3;}

/*
------------------------------------------
 Textformatierungen
------------------------------------------
*/
.inhalt_red { color: #b03434;}
.searchMark { color: #b03434; background-color:#eee; padding: 2px;}
.textCenter { text-align: center;}

/*
------------------------------------------
 Zurückbutton
------------------------------------------
*/

.back { float: left; padding: 5px 0 10px 0;}

/*
------------------------------------------
 Formatierungen der Blätterfunktionen
------------------------------------------
*/

.nav { float: left; display: block; width: 100%; background-color: #FFF; border: 1px solid #fde2c1; margin-bottom: 5px; }
.searchheader { clear:both; position:relative; height: 3.5em; background-color: #e1e1e1;}
ul.navIndex { float: left; padding: 0; margin: 0;}
ul.navIndex li { float: left; padding: 0; list-style: none; margin: 0;}
ul.navIndex span.pageDisabled { color: #d4d4d4; }
ul.navIndex span.pageNormal { color: #666; }
ul.navIndex li a, ul.navIndex span { display: block; padding: 3px; }
ul.navIndex li a.activPage { text-decoration: underline; color: #666; }
ul.navIndex li a:hover { border: 1px solid #688722; background-color: #fff; padding: 2px;}


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

#col1_content .gallery img {padding: 0px;}
.gallery { float: left; padding-top: 5px; width: 100%;}
.gallery .text { clear: both; position: relative; padding: 0 2% 2% 0; font-size: 120%; color: #248f56; 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;}
a.gal:hover, a.galon { color: #3399cc;}

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

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

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