/* KEB CSS */

/*=================================================
	Grundeinstellungen der Page
=================================================*/
body,
td,
th { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 12px; color: #404baf; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFFF; background-image: url(../img/_stuff/body_bg.jpg); background-repeat: repeat-y; }

/*=================================================
	Layout der Seitenbereiche und Container
=================================================*/

/* Der Container kann z.B. fuer zentrierte Layouts verwendet werden */

#container { /*text-align: left;
	width: 950px;
	position: absolute;
	top: 0px;
	left: 0px;*/
}
#topContainer { width: 790px; height: 171px; position: absolute; top: 0px; left: 0px; background-image: url(../img/_stuff/top_container_bg.jpg); background-repeat: no-repeat; z-index: 4; }
#topRange1 { position: absolute; left: 612px; top: 11px; }
#topRange2 { }
#topRange3 { }
#topRange4 { }
#contentContainer { position: absolute; width: 560px; left: 221px; top: 171px; }
#content { }
#foot { margin-left: 190px; margin-bottom: 0px; position: relative; margin-top: 20px; width: 370px; height: 50px; font-size: 11px; color: #ffa100; padding-top: 5px; }
#orientationContainer { }
#bannerContainer { position: absolute; width: 180px; left: 801px; font-size: 13px; font-style: italic; line-height: 20px; top: 191px; padding-top: 20px; }
#newsBox { margin-bottom: 20px; }
#agendaBox { margin-bottom: 20px; }
#bannerBox { margin-bottom: 20px; }
#navigationContainer { position: absolute; width: 210px; left: 0px; top: 171px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: solid #fff 1px; z-index: 2; }

/*=================================================
	Design des Kopfs
=================================================*/
#language { }
.languageSelect { display: inline; font-size: 15px; color: #FFFFFF; font-weight: bold; float: left; padding-right: 15px; border-right-color: #FFFFFF; border-right-style: solid; border-right-width: 1px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; text-decoration: none; height: 20px; }
#search { position: absolute; left: 0px; top: 50%; width: 180px; height: 20px; }
#searchForm { top: -50%; position: absolute; }
#searchForm form { margin-top: 0px; margin-bottom: 0px; }
.buttonSearch { font-size: 11px; background-color: #FF3333; color: #FFFFFF; }
.inputText { width: 100px; background-color: #FFCC66; }

/*=================================================
	Design der Navigation
=================================================*/
#navigationContainer ul a { text-decoration: none; }
ul { list-style-type: none; margin: 0; padding: 0; }
li { }
li li { }
ul ul ul { }
li li li { }

/* rollover-Effekte */
li a { }
li a:hover { background-image: url(../img/_stuff/navigation_a_on_bg.jpg); background-position: center; background-repeat: no-repeat; }
li li a:hover { color: #FFCC66; background-image: url(none); }
li li li a:hover { color: #FFCC66; background-image: url(none); }

/* Links in der Navigation */
.navigationAoff a { display: block; height: 17px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; padding-left: 10px; border-top: solid #fff 1px; padding-top: 3px; }
* html .navigationAoff a { padding-bottom:4px; } /* nur fuer IE 5.5 -6.x */
html + body .navigationAoff a { padding-bottom:4px; } /* nur fuer IE 5.0 */
.navigationAon a { display: block; height: 17px; font-size: 11px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; border-top: solid #fff 1px; padding-left: 10px; background-image: url(../img/_stuff/navigation_a_on_bg.jpg); background-repeat: no-repeat; background-position: center; padding-top: 3px; }
* html .navigationAon a { padding-bottom:4px; } /* nur fuer IE 5.5 -6.x */
html + body .navigationAon a { padding-bottom:4px; } /* nur fuer IE 5.0 */
li .navigationBoff a { display: block; height: 13px; padding-top: 0px; padding-bottom: 2px; font-size: 11px; line-height: 13px; font-weight: normal; color: #FFFFFF; text-transform: none; border: none; background-image: url(none); }
li .navigationBon a { display: block; height: 13px; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; font-size: 11px; line-height: 13px; font-weight: bold; color: #FFCC66; text-transform: none; border: none; background-image: url(none); }
li li .navigationCoff a { display: block; height: 10px; padding-top: 0px; padding-bottom: 2px; font-size: 10px; line-height: 10px; font-weight: normal; color: #FFFFFF; padding-left: 20px; }
li li .navigationCon a { display: block; height: 10px; padding-top: 0px; padding-bottom: 2px; font-size: 10px; line-height: 10px; font-weight: bold; color: #FFCC66; padding-left: 20px; }

/*=================================================
	Zweispaltiger Inhalt
=================================================*/

/* rwiederholbarer Container fuer ein Zweispalter-Element */
.contentElement { width: 560px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-bottom: dotted #e96700 1px; }

/* rechter Inhalt */
.csi-text { width: 370px; float: right; margin-left: 10px; line-height: 16px; }

/* linker Inhalt */
.csi-imagewrap { float: right; width: 180px; margin-top: 4px; }

/* Aufheben des Umfliessens */
.csi-clear { clear: both; visibility: hidden; }

/* legt "links" und "rechts" auf Horizontale */
.contentElement p { margin-top: 0px; margin-bottom: 10px; }

/*=================================================
	Formatierungen Inhalt
=================================================*/
#content h2 { margin-top: 0px; margin-bottom: 10px; font-weight: normal; font-size: 30px; line-height: 30px; padding-left: 190px; color: #e96700; }
#content h4 { margin-bottom: 3px; margin-top: 0px; font-size: 14px; }
#content a { color: #FF0000; font-weight: bold; }
#contentNavigation { padding-left: 3px; background-color: #ffa100; }
#contentNavigation a { padding: 2; text-decoration: none; color: #FFFFFF; }
.contentElement ul { padding-left: 0px; list-style-position: outside; margin-left: 20px; list-style-type: disc; }
.contentElement ol { padding-left: 0px; list-style-position: outside; margin-left: 20px; list-style-type: decimal; }
.contentElement li { margin-bottom: 5px; }

/*=================================================
	Formatierungen News und Agenda
=================================================*/
.bannerElement { margin-bottom: 10px; }
#bannerContainer h3 { color: #e96700; font-size: 20px; margin-bottom: 5px; margin-top: 0px; padding-left: 0px; border-bottom: dotted #e96700 1px; vertical-align: top; }
#bannerContainer h4 { font-weight: bold; display: inline; font-size: 18px; }
#bannerContainer a { color: #FF0000; }
.list { border-top-color: #ffa100; border-top-style: solid; border-top-width: 1px; padding-top: 2px; }

/* =================================================
	Formatierungen Formular-Element
================================================= */
.contentFormElement { margin-bottom: 12px; position: relative; }
.contentFormElement label { }
.inputField { display: block; margin-top: 4px; font-size: 12px; }
.textareaField { display: block; margin-top: 4px; font-size: 12px; }

/*=================================================
	Formatierungen Shop
=================================================*/
.tx-ttproducts-pi1 h3 { padding-left: 190px; font-weight: normal; color: #FF0000; margin-bottom: 10px; font-size: 12px; }
.tx-ttproducts-pi1 a { text-decoration: none; }
.tx-ttproducts-pi1 .csi-imagewrap { text-align: right; }
.tx-ttproducts-pi1 .csi-textpic { border-bottom: dotted #e96700 1px; }
.preis { margin-top: 10px; }
.preisText { display: inline; }
.betrag { display: inline; margin-left: 5px; font-weight: bold; }
.shop_minibasket p { margin-bottom: 10px; margin-top: 0px; }

/*=================================================
	Formatierungen Bildgalerie
=================================================*/
.tx-wtgallery-pi1 { padding-left:190px; }
.tx-wtgallery-pi1 img { border:none; }
/*.wtgallery_pagebrowser { display:none; }*/
.wtgallery_listpic_firstofrow {  }
.wtgallery_picblock { width:368px; }

/*=================================================
	Formatierungen Foot
=================================================*/
#footNavigation { border-top-color: #ffa100; border-top-style: solid; border-top-width: 1px; position: relative; padding-top: 2px; padding-bottom: 2px; }
#footNavigation a { color: #ffa100; text-decoration: none; }
#footInfo { position: relative; padding-top: 2px; padding-bottom: 2px; color: #404baf; }
#footInfo a { color: #404baf; text-decoration: none; font-weight: normal; }
#print { display: inline; }
#recommend { display: inline; }

/*=================================================
	Reserve-Bereiche fuer Erweiterungen und spezielle Elemente
=================================================*/
#extension1 { position: absolute; z-index: 1; left: 0px; top: 171px; width: 210px; height: 327px; background-image: url(../img/_stuff/extension_1_bg.jpg); background-repeat: no-repeat; }
#extension2 { position: absolute; width: 48px; top: 166px; left: 162px; height: 484px; background-image: url(../img/_stuff/extension_2_bg.gif); background-repeat: repeat-y; z-index: 3; }
#extension3 { }


/*******************************************
* TYPO3 Filelinks
********************************************/
div.filelinks { margin-left:190px; }
/* default styles for extension "tx_cssfilelist" */
.filelinks div{padding-left:25px; background:url('../../typo3/gfx/fileicons/default.gif') left top no-repeat; margin-bottom:10px;}
.filelinks span{display:block;}
.filelinks .filecount{ display:none; /*display:block; margin-bottom:5px;*/} 
.filelinks span a{color:#ff3333; text-decoration:underline; }
	
/* Eine Variante des "Disappearing List-Background Bug": 
beim Typo3 Content-Element "filelink" 
mit Hilfe der Erweiterung "css_filelinks_0.2.9.t3x" werden die Icons nicht angezeigt */
.filelinks div { position:relative; }

/* Icons begin */
.filelinks .ai{background-image:url('../../typo3/gfx/fileicons/ai.gif')!important;}
.filelinks .ani{background-image:url('../../typo3/gfx/fileicons/ani.gif')!important;}
.filelinks .au{background-image:url('../../typo3/gfx/fileicons/au.gif')!important;}
.filelinks .avi{background-image:url('../../typo3/gfx/fileicons/avi.gif')!important;}
.filelinks .bmp{background-image:url('../../typo3/gfx/fileicons/bmp.gif')!important;}
.filelinks .cdr{background-image:url('../../typo3/gfx/fileicons/cdr.gif')!important;}
.filelinks .css{background-image:url('../../typo3/gfx/fileicons/css.gif')!important;}
.filelinks .csv{background-image:url('../../typo3/gfx/fileicons/csv.gif')!important;}
.filelinks .doc{background-image:url('../../typo3/gfx/fileicons/doc.gif')!important;}
.filelinks .dtd{background-image:url('../../typo3/gfx/fileicons/dtd.gif')!important;}
.filelinks .eps{background-image:url('../../typo3/gfx/fileicons/eps.gif')!important;}
.filelinks .exe{background-image:url('../../typo3/gfx/fileicons/exe.gif')!important;}
.filelinks .fh3{background-image:url('../../typo3/gfx/fileicons/fh3.gif')!important;}
.filelinks .flash{background-image:url('../../typo3/gfx/fileicons/flash.gif')!important;}
.filelinks .folder{background-image:url('../../typo3/gfx/fileicons/folder.gif')!important;}
.filelinks .gif{background-image:url('../../typo3/gfx/fileicons/gif.gif')!important;}
.filelinks .htm{background-image:url('../../typo3/gfx/fileicons/htm.gif')!important;}
.filelinks .html{background-image:url('../../typo3/gfx/fileicons/html.gif')!important;}
.filelinks .ico{background-image:url('../../typo3/gfx/fileicons/ico.gif')!important;}
.filelinks .inc{background-image:url('../../typo3/gfx/fileicons/inc.gif')!important;}
.filelinks .java{background-image:url('../../typo3/gfx/fileicons/java.gif')!important;}
.filelinks .jpg{background-image:url('../../typo3/gfx/fileicons/jpg.gif')!important;}
.filelinks .js{background-image:url('../../typo3/gfx/fileicons/js.gif')!important;}
.filelinks .max{background-image:url('../../typo3/gfx/fileicons/max.gif')!important;}
.filelinks .mid{background-image:url('../../typo3/gfx/fileicons/mid.gif')!important;}
.filelinks .mov{background-image:url('../../typo3/gfx/fileicons/mov.gif')!important;}
.filelinks .mpeg{background-image:url('../../typo3/gfx/fileicons/mpeg.gif')!important;}
.filelinks .mpg{background-image:url('../../typo3/gfx/fileicons/mpg.gif')!important;}
.filelinks .pcd{background-image:url('../../typo3/gfx/fileicons/pcd.gif')!important;}
.filelinks .pcx{background-image:url('../../typo3/gfx/fileicons/pcx.gif')!important;}
.filelinks .pdf{background-image: url('../../typo3/gfx/fileicons/pdf.gif')!important;}
.filelinks .png{background-image:url('../../typo3/gfx/fileicons/png.gif')!important;}
.filelinks .ps{background-image:url('../../typo3/gfx/fileicons/ps.gif')!important;}
.filelinks .psd{background-image:url('../../typo3/gfx/fileicons/psd.gif')!important;}
.filelinks .rtf{background-image:url('../../typo3/gfx/fileicons/rtf.gif')!important;}
.filelinks .sgml{background-image:url('../../typo3/gfx/fileicons/sgml.gif')!important;}
.filelinks .swf{background-image:url('../../typo3/gfx/fileicons/swf.gif')!important;}
.filelinks .sxc{background-image:url('../../typo3/gfx/fileicons/sxc.gif')!important;}
.filelinks .sxw{background-image:url('../../typo3/gfx/fileicons/sxw.gif')!important;}
.filelinks .tga{background-image:url('../../typo3/gfx/fileicons/tga.gif')!important;}
.filelinks .tif{background-image:url('../../typo3/gfx/fileicons/tif.gif')!important;}
.filelinks .ttf{background-image:url('../../typo3/gfx/fileicons/ttf.gif')!important;}
.filelinks .txt{background-image:url('../../typo3/gfx/fileicons/txt.gif')!important;}
.filelinks .wav{background-image:url('../../typo3/gfx/fileicons/wav.gif')!important;}
.filelinks .wrl{background-image:url('../../typo3/gfx/fileicons/wrl.gif')!important;}
.filelinks .xls{background-image:url('../../typo3/gfx/fileicons/xls.gif')!important;}
.filelinks .xml{background-image:url('../../typo3/gfx/fileicons/xml.gif')!important;}
.filelinks .xsl{background-image:url('../../typo3/gfx/fileicons/xsl.gif')!important;}
.filelinks .zip{background-image:url('../../typo3/gfx/fileicons/zip.gif')!important;}
/* Icons end */
.filelinks a:hover{text-decoration:underline; color:#a7251c;}