/* *** css by miss dot media www.dot-media.de *** */

body { height: 100.5%; background-color: #ffffff; font-size: 11px; color:#036; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; }
a:link { color: #c03; text-decoration: none; }
a:visited { color:#c03; text-decoration: none; }
a:hover { color: #036; }
a:active { color:#036;}
img { border-style: none; margin: 0; padding: 0; }

h1 { font-size: 12px; font-weight: normal; }
h2 { font-size: 18px; font-weight: normal; }

/* ----------page-------------- */
#page {	width: 900px; margin: 0 auto; padding: 0; background-color: #fff; }

/* ----------head-------------- */
#head { margin: 0; padding: 0; background-color: #fff; background-image: url(../images/base/headbg.jpg); background-repeat: no-repeat; height: 111px; }
#logo { text-align: left; width: 487px; height: 82px; margin-bottom: 0; margin-left: 25px; padding-top: 10px; padding-bottom: 14px; }
#mininav { height: 100px; width: 100px; top: 20px; position: absolute; visibility: visible; margin-left: 725px;  }
#eyecatcher { width: 600px; min-width: 637px; height: 250px; float: left; }
#eyecatcher p.bodytext { padding: 0; margin:0; }

/*-------------navigation-----------------*/

#mainnavi { margin: 0; padding: 0; height: 250px; max-height:250px; border-bottom: 1px solid #666; }
#navi { background-image: url(../images/base/navbg.jpg); float: left; background-repeat: no-repeat; width: 263px; height: 250px; min-width: 263px; max-width: 263px; }

#navi ul{ margin: 0 0 0 20px; list-style-type: none ; padding: 0; }
#subnav li { list-style: none; width: 176px; height: 28px;}
#subnav a { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; display: block; width: 220px; height: 28px; padding-left: 5px; }
#subnav a:link { color: #ffffff; text-decoration: none; background-image: url(../images/base/navline.gif); background-repeat: no-repeat; padding-bottom: 0; }
#subnav a:visited { color: #ffffff; text-decoration: none; background-image: url(../images/base/navline.gif); background-repeat: no-repeat; padding-bottom: 0; }
#subnav li a:hover { background-image: url(../images/base/navline_act.jpg); background-repeat: no-repeat; background-position: 0 50%; text-decoration: none; color: #fff; }

#subnav-act a { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; display: block; width: 220px; height: 28px; padding-left: 5px; }
#subnav-act a:link { color: #036; text-decoration: none; background-image: url(../images/base/navline_act.jpg); background-repeat: no-repeat; text-transform: uppercase; padding-bottom: 0; }
#subnav-act a:visited { color: #036; text-decoration: none; background-image: url(../images/base/navline_act.jpg); background-repeat: no-repeat; text-transform: uppercase; padding-bottom: 0; }

/* -----------------Inhalt--------------------- */
#container { width: 898px; max-width: 898px; border: solid 1px #036; }
#content { min-height:300px; background-color: #ffffff; padding: 10px 0 50px; margin: 0 200px 0 261px; border-left: 1px solid #036; border-right: 1px solid #036; }
#content_text { color: #036; font-size: 12px; letter-spacing: 1px; width: 420px; max-width: 420px; margin-right: 10px; margin-left: 10px; }
#content_text h1 { color: #c03; font-size: 12px; text-transform: uppercase; margin: 0; padding: 0; }
#content_text h2 { color: #c03; font-size: 18px; text-transform: uppercase; margin: 0; padding: 0; }
#content_text p, pre { }


/* --------------left------------ */
#left { float: left; width: 261px; max-width: 261px; margin: 0; padding: 10px 0 0; }
#hhwork { color: #036; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; width: 251px; min-width: 260px; margin-bottom: 10px; padding-left: 14px; }
#hhwork img { vertical-align:middle; padding-top: 10px; padding-left: 40px; }
.left { padding-top: 10px; }
.left h1 { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/base/bgfeat.jpg); background-repeat: repeat-x; text-transform: uppercase; vertical-align: middle; width: 256px; height: 28px; max-width: 256px; margin: 0; padding: 5px 0 0 5px; }
.leftfeat { background-color: #bfcdde; background-image: url(../images/base/bgleftfeat.jpg); background-repeat: no-repeat; min-height: 100px; padding-right: 5px; padding-left: 5px; }
.leftfeat p {padding: 0;}
/* -------------right------------ */
#right { float: right; width: 200px; margin: 0; color:#036; min-width: 200px; padding: 0; }
#right h1 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 10px 0 0; padding-right: 0; padding-bottom: 0; padding-left: 5px; }
#right h2 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 0 0 5px; }
#right h3 { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/base/bgfeat.jpg); background-repeat: repeat-x; text-transform: uppercase; vertical-align: middle; width: 195px; height: 28px; max-width: 195px; margin: 5px 0 0 0; padding: 5px 0 0 5px; }
#right p { margin-bottom: 10px; padding: 0 0 0 5px; }
.rightfeattxt { padding-top: 10px; }
.rightfeattxt h1 { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/base/bgfeat.jpg); background-repeat: repeat-x; text-transform: uppercase; vertical-align: middle; width: 195px; height: 28px; max-width: 195px; margin: 0; padding: 5px 0 0 5px; }
.rightfeat { background-color: #bfcdde; background-image: url(../images/base/bgleftfeat.jpg); background-repeat: no-repeat; min-height: 100px; padding-right: 5px; padding-left: 5px; }
.rightfeattxt p { margin: 5px 0 5px -5px; padding: 0; }

/* -----------footer--------------------------- */
#footer { clear: both; background-color: #ffffff; padding: 0 0 10px; margin: 0; margin: 0; }
#footimp { color: #666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; letter-spacing: 1px; width: 263px; float: left; }
#footlogo { text-align: right; margin-left: 280px; padding-top: 2px; }

/*---------typo3--------------*/
.csc-textpic-caption { color: #666; font-size: 11px; letter-spacing: 0; }

/*.textarea { font-size:13px; font-family:Verdana, sans-serif; font-weight:bold; background-color: #fff; width: 400px; border: solid 1px #003666; }*/

.csc-mailform-submit {
float: right;
color: #666666;
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: bold;
background-color: #dcdcdc;
width: 100px;
height: 40px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #004857;
border-right-color: #004857;
border-bottom-color: #004857;
border-left-color: #004857;
}

#mailform input, #mailform textarea 
{
margin-bottom: 3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #036;
border-right-color: #036;
border-bottom-color: #036;
border-left-color: #036;
padding-right: 3px;
padding-left: 3px;
}

/*--------------------NEWS----------------------*/
.news-list-container { background-color: #fff; border: solid 1px #fff; }
.news-list-item { height: 1%; line-height: 1.3; background-color: #fff; margin: 3px; padding: 3px; border-color: #bfcdde; border-style: none none solid; border-width: 1px; }
.news-list-container h3 { color: #fff; margin-bottom: 5px; background-color: #036; padding: 2px;border-bottom: 1px solid #bfcdde; }
.news-list-date { float: right; color: #036; width: 180px; text-align: right; height: 20px; margin-top: -2px; margin-right: -2px; font-size: 9px; font-weight: normal; background-color: #bfcdde; }
.news-single-item { margin-bottom: 5px; background-color: #fff; padding: 5px; border: 1px #666666; }
.news-single-item h2 { font-size: 14px; font-weight: bold; color: #c03; text-transform: capitalize; margin-bottom: 0; }
.news-single-category { visibility: hidden; float: right; }

/*-----Mitgliederjury--------*/

#mjuryform .error { color:#fff; background-color: #900; padding: 4px; }
#mjuryform input#submit { /* den Submit-Button */ float: none; width: auto; }
#mjuryform .knopf { clear: both; text-align: center; padding-top: 15px; padding-bottom: 30px; }
#mjuryform h1 { font-size: 14px; font-weight: bold; padding-bottom: 2px; }
#mjuryform h2 { font-size: 12px; font-weight: bold; padding-bottom: 2px; }
#anmeldung { /*fieldset style*/ margin: 0; border-top: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/*-----Mitgliederjury Persönliche Angaben--------*/
#perso { width: 400px; color: #036; padding: 3px 3px 6px; border: solid 1px; }
#perso .reihe { clear: both; padding: 2px 0px; }
#perso label { float: left; width: 150px; text-align: left; padding-top: 2px; padding-right: 2px; padding-right: 2px; padding-left: 4px; }
#perso input { width: 200px; }
/*#perso .feld { float: right; width: 250px; text-align: left; }*/
#mobi { width: 400px; color: #000; font-size: 10px; background-color: white; border: solid 1px #fff; }
/*-----Mitgliederjury Mitgliedsangaben--------*/
#mitglied { width: 400px; color: #036; padding: 3px 3px 6px; border: solid 1px; }
#mitglied .reihe { clear: both; padding: 2px 0 2px 50px; }
#mitglied label { float: right; width: 300px; text-align: left; padding-top: 2px; padding-right: 2px; padding-left: 4px; }
#mitglied input { width: 20px; }
/*#mitglied .feld { float: right; width: 100px; text-align: left; }*/
/*-----Mitgliederjury Teilnahme --------*/
#teilnahme { width: 400px; color: #036; padding: 3px 3px 6px; border: solid 1px; }
#teilnahme .reihe { clear: both; padding: 2px 0 2px 50px; }
#teilnahme label { float: right; width: 300px; text-align: left; padding-top: 2px; padding-right: 2px; padding-left: 4px; }
#teilnahme input { width: 20px; }
/*-----Mitgliederjury Kontaktdaten--------*/
#kontaktD { width: 400px; color: #036; padding: 3px 3px 6px; border: solid 1px; }
#kontaktD .reihe { clear: both; padding: 2px 0px; }
#kontaktD label { float: left; width: 150px; text-align: left; padding-top: 2px; padding-right: 2px; padding-right: 2px; padding-left: 4px; }
#kontaktD input { width: 200px; }
/*-----Mitgliederjury Rechnung--------*/
#rechnung { width: 400px; color: #036; padding: 3px 3px 6px; border: solid 1px; }
#rechnung .reihe { clear: both; padding: 2px 0px; }
#rechnung label { float: left; width: 150px; text-align: left; padding-top: 2px; padding-right: 2px; padding-right: 2px; padding-left: 4px; }
#rechnung input { width: 200px; }
/*-----Mitgliederjury Begleitperson--------*/
#begleit { width: 400px; color: #036; padding: 3px 3px 6px; border: solid 1px; }
#begleit .reihe { clear: both; padding: 2px 0px; }
#begleit label { float: left; width: 150px; text-align: left; padding-top: 2px; padding-right: 2px; padding-right: 2px; padding-left: 4px; }
#begleit input { width: 200px; }
/*-----Mitgliederjury Bedingung --------*/
#bedingung { width: 400px; color: #036; padding: 3px 3px 6px; border: 1px; }
#bedingung .reihe { clear: both; padding: 2px 0 2px 5px; }
#bedingung label { float: right; width: 360px; text-align: left; padding-top: 2px; padding-right: 2px; padding-left: 4px; }
#bedingung input { width: 20px; }
/*-----Mitgliederjury Bedingung --------*/
#bedingung2 { width: 400px; height: 180px; color: #036; padding: 3px 3px 6px; border: 1px; }
#bedingung2 .reihe { clear: both; padding: 2px 0 2px 5px; }
#bedingung2 label { float: right; width: 360px; text-align: left; padding-top: 2px; padding-right: 2px; padding-left: 4px; }
#bedingung2 input { width: 20px; }

/*-----Mitgliederjury Kommentar --------*/
#kommentar { width: 400px; height: 180px; color: #036; margin-top: 15px; padding: 3px 3px 6px; border: 1px; }
#kommentar .reihe { clear: both; padding: 2px 0 2px 5px; }
#kommentar label { float: left; width: 360px; text-align: left; padding-top: 2px; padding-right: 2px; padding-left: 4px; }
#kommentar input { width: 400px; border: solid 1px #069; }
textarea#kommentar { width: 360px; height: 80px; border: solid 1px #036; padding: 2px 0 2px 5px; }