/* msw-gruppe |  by finalgrafix | Medienagentur für SuchMaschinenOptimierte Webseiten | Berlin */

HTML {margin-bottom:1px;height:100%;}
BODY {font-family:verdana,arial,helvetica,sans-serif;text-align:left;background-image:url(HG-Kachel-2.jpg);background-repeat:repeat;}
TABLE, TD, TH, TR {vertical-align:top;text-align: left;}
p {margin:0;padding:0;}

/*
HOME
*/

.top-koscher {margin:0px auto auto;height:530px;width:1000px;}

.spacer-date {height:30px;width:650px;float:left;}
.spacer-date IMG {float:right;padding:5px 10px 0 0;}
.spacer-date2 {height:30px;width:120px;float:left;}
.tk-date {height:22px;width:230px;background-color:#E7A442;color:white;float:left;padding:8px 0 0 0;font-size:9pt;text-align: center;}

.spacer-pict {height:220px;width:150px;float:left;}
.spacer-pict2 {height:220px;width:120px;float:left;}
.tk-home-pict {height:220px;width:730px;float:left;}

.tk-home-logo {position:absolute;height:72px;width:407px;background-image:url(Home-Logo.jpg);margin:-280px 0 0 -560px;z-index:20;}
.tk-home-logo a {position:absolute;height:72px;width:407px;}
.et {height:304px;width:230px;position:absolute;background-image:url(et.png);margin:260px 0 0 760px;*margin:-200px 0 0 -250px;}

.spacer-home {height:240px;width:150px;float:left;}
.spacer-home2 {height:240px;width:120px;float:left;}
.tk-home {height:240px;width:1000px;float:left;}
.tk-home-navi {height:240px;width:170px;float:left;background-color:#98989C;font-size:9pt;color:white;}
.tk-home-navi ul.rex-navi1 {margin:35px 0 0 -10px;*margin:20px 0 0 30px;}
.tk-home-navi li a{text-decoration:none;color:white;font-weight:bold;line-height:14pt;}
.tk-home-navi li a:hover {color:#FCF3E5;}
.rex-active {}
.tk-home-navi ul li a.rex-current {}
.tk-home-text {height:180px;width:520px;float:left;background-color:white;color:#98989C;font-size:9pt;line-height:13pt;padding:40px 20px 20px 20px;}
.tk-home-text a {color:#98989C;font-weight:bold;}
.tk-home-text a:hover {text-decoration:none;}

.spacer-footer {height:30px;width:150px;float:left;}
.spacer-footer2 {height:30px;width:120px;float:left;}
.tk-footer {height:23px;width:730px;float:left;background-color:#E7A442;color:white;font-size:8pt;padding-top:7px;}

/*
BILD++
*/

.spacer-bildgr-pict {height:170px;width:150px;float:left;}
.spacer-bildgr-pict2 {height:170px;width:120px;float:left;}
.tk-bildgr-pict {height:170px;width:730px;float:left;}

.tk-bildgr-nav-logo {height:290px;width:320px;float:left;}
.tk-bildgr-logo {height:56px;width:320px;background-image:url(Bild++Logo.jpg);float:left;}
.tk-bildgr-logo a {height:56px;width:320px;position:absolute;}
.spacer-bildgr-navi {height:234px;width:150px;float:left;}
.tk-bildgr-navi {height:234px;width:170px;float:left;background-color:#98989C;font-size:9pt;color:white;}
.tk-bildgr-navi ul.rex-navi1 {margin:29px 0 0 -10px;*margin:20px 0 0 30px;}
.tk-bildgr-navi li a{text-decoration:none;color:white;font-weight:bold;line-height:14pt;}
.tk-bildgr-navi li a:hover {color:#FCF3E5;}
.tk-bildgr-navi ul li a.rex-current {}

.tk-bildgr-text {height:250px;width:520px;float:left;background-color:white;color:#98989C;font-size:9pt;line-height:13pt;padding:20px 20px 20px 20px;}
.tk-bildgr-text a {color:#98989C;font-weight:bold;}
.tk-bildgr-text a:hover {text-decoration:none;}

.spacer-bildgr-text2 {height:290px;width:120px;float:left;}

/*
BILD--
*/

.spacer-bildkl-pict {height:170px;width:150px;float:left;}
.tk-bildkl-pict {height:170px;width:170px;float:left;background-color:#98989C;}

.tk-bildkl-nav-logo {height:460px;width:320px;float:left;}
.tk-bildkl-logo {height:56px;width:320px;background-image:url(Bild++Logo.jpg);float:left;}
.tk-bildkl-logo a {height:56px;width:320px;position:absolute;}
.spacer-bildkl-navi {height:234px;width:150px;float:left;}
.tk-bildkl-navi {height:234px;width:170px;float:left;background-color:#98989C;font-size:9pt;color:white;}
.tk-bildkl-navi ul.rex-navi1 {margin:29px 0 0 -10px;*margin:20px 0 0 30px;}
.tk-bildkl-navi li a{text-decoration:none;color:white;font-weight:bold;line-height:14pt;}
.tk-bildkl-navi li a:hover {color:#FCF3E5;}
.tk-bildkl-navi ul li a.rex-current {}

.tk-bildkl-text {height:420px;width:520px;float:left;background-color:white;color:#98989C;font-size:9pt;line-height:13pt;padding:20px 20px 20px 20px;}
.tk-bildkl-text a {color:#98989C;font-weight:bold;}
.tk-bildkl-text a:hover {text-decoration:none;}

.spacer-bildkl-text2 {height:460px;width:120px;float:left;}

/*
BILD-- + SCROLL
*/

.tk-bildkl-textscroll {height:420px;width:520px;float:left;background-color:white;color:#98989C;font-size:9pt;line-height:13pt;padding:20px 20px 20px 20px;overflow:scroll;}
.tk-bildkl-textscroll a {color:#98989C;font-weight:bold;}
.tk-bildkl-textscroll a:hover {text-decoration:none;}

/*
SUBNAVI
*/

.rex-navi2 {margin:-5px 0 0 -40px;list-style-type:none;*margin:0 0 0 0;}
.rex-navi2 li a{font-weight:normal;font-size:8pt;}
.rex-navi2 li a:hover {color:#FCF3E5;}


/*
allgemeines
*/

H1 {color:#98989C;font-size:9pt;font-weight:bold;padding:0;margin:0;}
H2 {color:#98989C;font-size:9pt;background-color:#F5F5F5;}
IMG, IMG a {border:none;}
.pagination a {color:#98989C;font-weight:bold;}
.Footer-Navi {float:left;color:#98989C;font-size:8pt;height:15px;width:1000px;margin:5px 0px 0px 0px;padding:0px;text-align:center;}
.Footer-Navi ul {float:left;list-style-type:none;margin:0;padding-left:400px;}
.Footer-Navi ul li{float:left;}
.Footer-Navi ul li a  {color:#98989C;}
.Footer-Navi ul li a:hover {color:black;}
.Footer-Navi ul li.aktiv {color:#E7A442;}
.rex-current {background-image:url(aktiv.jpg);background-repeat:no-repeat;background-position:right;color:white;}
a.rex-current {background-image:url();background-repeat:;background-position:;color:white;}

/*
Formulargenerator
*/

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {font-size:8pt;	padding-right:10px;padding-left:10px;}

/* Was passiert wenn auf das Label geklickt wird? */
label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer;}
.formgen form{line-height:100%;}

#el_3, #el_12{width:50px;}
#el_10_d, #el_10_m, #el_10_y {margin:0 0 1px 4px;}
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock{	margin:0;padding:0;}
.forminfo {width:100%;margin:-15px 0 5px 0;padding:3px 3px;background-color:#E7A442;color:white;text-align:center;}

/*
Verhalten von br-Tags
*/
.formgen br{clear:both;}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{width:300px;height:50px;margin-left: 4px;border: 1px solid #98989C;background-color: white;}

/* Textfeld */
.formgen .formtext{width:200px;margin:0 0 1px 4px;padding-bottom:4px;font-size:1em;	background-color:white;border:1px solid #98989C;}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {border-bottom-color: #000000;background-color: #FBF2E3;}

/* Label */
.formgen label {width:150px;clear:left;float:left;height:15px;font-weight:normal;color:#98989C;text-align:right;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect{width:200px;background-color:white;margin-left:4px;color:#98989C;margin-bottom:1px;}

/* Sende-Button */
.formgen .formsubmit{width:75px;text-align:center;background-color:#FCF3E4;border: 1px solid #E18807;float:left;color:black;}
.formgen .formsubmit:hover {background-color:#E18807;border-bottom-color:#E18807;color:white;}

/* Fieldsetbeschriftung */
.formgen legend {color: #FFFFFF;background-color: #E18807;width: 150px;}
.formgen .fieldset {margin-bottom: 10px;}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width: 1px;color: #E18807;}

.formgen .formcaptcha{border:1px solid #E18807;	vertical-align: top;float: left;margin-right: 10px;}

.formgen .formreq {color:#E18807;} /*98989C*/

.formgen .formheadline {color: #E18807;padding-top:4px;padding-bottom: 4px;margin-top: 5px;margin-bottom: 5px;font-style: italic;}