html { overflow: scroll; font-size: 125%; line-height: 1.35; width: 100%; height: 100%; margin: 0; padding: 0; border-style: none; }

body { font-size: 50%; font-family: Verdana, Arial, Helvetica, "Bitstream Vera", sans-serif; line-height: inherit; text-align: center; width: 100%; height: 100%; margin: 0; padding: 0; border-style: none; }

#mybody { background-image: url(../images/template/back-verlauf.gif); background-repeat: repeat-x; background-position: 50% 0; text-align: center; width: 100%; min-height: 100%; }

/* GLOBAL-ELEMENTS */



.versteckt { display: none; }



/* clearer */

.clearer { font-size: 0; line-height: 0; height: 0; visibility: visible; clear: both; }

.clearer-left { font-size: 0; line-height: 0; height: 0; visibility: visible; clear: left; }

/* clearer - end. */

/* GLOBAL-ELEMENTS - end. */



#mainbody { font-size: 100%; background-image: url(../images/template/mainhead-background.jpg); background-repeat: no-repeat; background-position: 50% 0; height: 100%; position: relative; width: 100%; visibility: visible; min-width: 99.5em; margin: 0 auto; padding: 2em 0; }



/* mainhead */

#mainhead { font-size: 100%; width: 99.5em; margin: 0 auto; padding: 0; }



/* main-navigation */

#main-navigation { font-size: 100%; position: relative; width: 19em; z-index: 100; float: left; margin: 0 0.25em 0 0; padding: 0; }

#logo-startseite { font-size: 100%; height: 28em; }



#main-navigation ul { font-size: 100%; background-color: white; background-image: url(../images/template/navi-back-verlauf.gif); background-repeat: repeat-x; background-position: 0 0; text-align: right; margin: 0; padding: 2px 0 0; border-color: black; border-style: solid none none; border-width: 1px; list-style-type: none; }

#main-navigation ul li { position: relative; font-size: 100%; margin: 0; padding: 0; border-color: #adadad; border-style: none none solid; border-width: 1px; display: block; }

#main-navigation ul li a,

#main-navigation ul li a:link,

#main-navigation ul li a:visited { color: #00407f; font-size: 110%; font-weight: bold; text-decoration: none; margin: 0; padding: 0.7em 0.3em 0.3em; display: block; } 

#main-navigation ul li a:hover,

#main-navigation ul li a:active,

#main-navigation ul li a.aactive { color: #f22800; font-size: 110%; font-weight: bold; background-image: url(../images/template/main-navigation_h.gif); background-repeat: no-repeat; background-position: 2px 50%; text-decoration: none; margin: 0; padding: 0.7em 0.3em 0.3em; display: block; } 

#main-navigation ul li.menu_leer { height: 11em; background-image: url(../images/template/feature-back-verlauf.gif); background-repeat: repeat-x; background-position: 0 0; border: none !important; }
/* main-navigation - end. */





/* mainhead-picture */

#mainhead-picture { position:relative;font-size: 100%; position: relative; width: 31em; z-index: 50; float: left; margin: 0 0.25em 0 0; padding: 0; border: none; }
#mainhead-picture #bildtitel {white-space:nowrap;position :absolute;bottom:10px;font-size:2.2em;text-align:center;width:100%;background-color:rgba(255,255,255,0.75);}
#mainhead-picture #bildtitel #preis {font-size:1.2em;color:#ff2700;}
#adventskalenderpic { width: 30.2em; height: 21.4em; border: solid 4px #ffffff;margin-top:165px;}

/* mainhead-picture - end. */



/* right-head */

#right-head { font-size: 100%; position: relative; width: 48.5em; z-index: 100; float: left; margin: 0; padding: 0; border-style: none; }



#slogan { font-size: 100%; position: relative; height: 28em; margin: 0 1.5em 0 0; padding: 0; }

#slogan p { font-size: 100%; text-align: right; margin: 0; padding: 0; }

#maintheme { color: #f22800; font-size: 250% !important; margin: 0; padding: 0; }

#organisator { font-size: 175% !important; margin: 0; padding: 0; }

#schirmherr { font-size: 160% !important; margin: 0; padding: 0; }

#slogantext { color: #f22800; font-size: 120% !important; font-weight: bold; margin: 0; padding: 0; }



#bottom-part { position: absolute; right: 0; bottom: 0; margin: 0; padding: 0 0 1.5em; }

#slogantext2 { color: #004180; font-size: 185% !important; font-weight: bold; margin: 0; padding: 0; }

#slogantext3 { font-size: 125% !important; margin: 0; padding: 0; }



#feature-navigation { font-size: 100%; margin: 0; padding: 0; }

#feature-navigation ul { font-size: 100%; background-image: url(../images/template/feature-back-verlauf.gif); background-repeat: repeat-x; background-position: 0 0; height: 8em; margin: 0; padding: 1.5em 0 1.5em 1.5em; border-color: black; border-style: solid none none; border-width: 1px; display: block; }

#feature-navigation ul li { font-size: 100%; background-image: url(../images/template/feature-button-back-1.gif); background-repeat: no-repeat; background-position: left top; position: relative; width: 17em; overflow: visible; float: left; margin: 0 1.75em; padding: 0; list-style-type: none; }

#feature-navigation ul li:hover { background-image: url(../images/template/feature-button-back-1_h.gif); }

#feature-navigation ul li a, 

#feature-navigation ul li a:link,

#feature-navigation ul li a:visited { color: #f22800; font-size: 100%; font-weight: bold; background-image: url(../images/template/feature-button-back-2.gif); background-repeat: no-repeat; background-position: right top; text-decoration: none; position: relative; left: 2em; width: 16em; margin: 0; padding: 1.9em 1.5em 1.9em 0; display: block; }

#feature-navigation ul li a:hover,

#feature-navigation ul li a:active,

#feature-navigation ul li a.aactive { color: #f22800; font-size: 100%; font-weight: bold; background-image: url(../images/template/feature-button-back-2_h.gif); background-repeat: no-repeat; background-position: right top; text-decoration: none; position: relative; left: 2em; width: 16em; margin: 0; padding: 1.9em 1.5em 1.9em 0; display: block; }


#feature-navigation ul li a.zweizeilig,

#feature-navigation ul li a.zweizeilig:link,

#feature-navigation ul li a.zweizeilig:visited

#feature-navigation ul li a.zweizeilig:hover,

#feature-navigation ul li a.zweizeilig:active { padding: 1.25em 1.5em 1.25em 0 !important; }

.hiddeninput { display: none; }
#feature-navigation ul li#formgewonnen:hover { background-image: url(../images/template/feature-button-back-1.gif); }
#featureformgewonnen { text-align: center; color: #f22800; font-size: 100%; font-weight: bold; background-image: url(../images/template/feature-button-back-2.gif); background-repeat: no-repeat; background-position: right top; text-decoration: none; position: relative; left: 1.5em; width: 16em; margin: 0; padding: .75em 1.5em 1.65em 0; display: block; border: 1px none red; }
#featureformgewonnen input { background: transparent; margin: 0; padding: 0; border: 1px none red; }
#featureformgewonnen input#los_nr,
#featureformgewonnen input#featureformgewonnen_los_nr { color:#555555; text-align: center; font-weight: bold; font-size: 160%; border-bottom: 1px dotted red; clear:both; margin-left: .5em; }
#featureformgewonnen label { margin: 0 !important; padding: 0 !important; float: none; }
#featureformgewonnen .btn_submit { padding: .25em .75em 0 .5em; }
/* right-head - end. */


table.gewinner { width: 50em; font-size:1.1em;border-collapse:collapse;}
table.gewinner th { border:1px solid #e0e0e0;vertical-align: top; text-align: center; padding: .25em .5em .25em .5em; border-bottom: 1px solid #e0e0e0; }
table.gewinner td { border:1px solid #e0e0e0;vertical-align: top; text-align: left; padding: .25em .5em .25em .5em; }
table.gewinner tr:hover td {background-color:#f0f0f0;}
table.gewinner .datum { width: 10%; text-align: center; border-right: 1px solid #e0e0e0; }
table.gewinner .losnummer { width: 10%; vertical-align: top; text-align: center; border-right: 1px solid #e0e0e0; }
table.gewinner .gewinn { border-right: 1px solid #e0e0e0; }
table.gewinner .wert {  width: 10%; vertical-align: top; text-align: center; }



#mainhead-footer { color: #808080; font-size: 100%; text-align: right; height: 6em; clear: both; min-height: 6em; margin: 0 0.25em 0 0; padding: 0.25em 0 0; border-color: #adadad; border-style: solid none none; border-width: 1px; display: block; }

#mainhead-footer p { color: #808080; font-size: 120%; line-height: 1.15; margin: 0 0.5em 0 0; padding: 0; }

#mainhead-footer a { color: #f22800; font-weight: bold; text-decoration: none; }

/* mainhead - end. */





.content-part { background-image: url(../images/template/content-back-verlauf.gif); background-repeat: repeat-y; background-position: right 0; border-top-color: #d6d6d6 !important; border-top-style: solid !important; }

h1.part-title { color: #f22800; font-size: 140%; font-weight: bold; margin: 0; padding: 0.4em 0.15em 0.15em; border-color: #fff #d6d6d6 #d6d6d6; border-style: solid none none; border-width: 2px 1px 1px; }
h2 { font-size: 130%; margin: 0 0 1em 0; }

#maincontent h1.part-title { min-height: 75px; height: 75px; }

/* maincontent */

#maincontent { background-image: url(../images/template/content-back-verlauf.gif); background-size:100% 100%;background-repeat: repeat-y; background-position: right top; background: rgb(254,254,254);
background: -moz-linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(242,242,242,1) 100%);
background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#f2f2f2",GradientType=1);text-align: left; width: 99.5em; clear: both; margin: 0 auto; padding: 0; border-color: #d6d6d6 #fff #fff; border-style: solid; border-width: 1px; display: block; }

#maincontent .content { position: relative; top: -2em; margin: 0; padding: 0 0.25em 2em; }
#maincontent .content p { font-size: 120%; }
#maincontent .content strong { color: #f22800; }

#maincontent .content a { color: #00407f; font-weight: bold; }
/* maincontent - end. */



/* sponsor-footer */

#sponsor-footer { background-image: url(../images/template/sponsoren-back-verlauf.gif); background-repeat: no-repeat; background-position: right top; text-align: left; width: 99.5em; clear: both; margin: 0 auto; padding: 0; border: 1px #d6d6d6;background-color:#fefefe;}
#sponsor-footer .part-paragraph { font-size: 120%; margin-left: .2em; margin-right: .2em; }
/* sponsor-footer - end. */



#sponsoren-logo-liste { width: 72em; float: left; margin: 65px 0 0 0; padding: 0; list-style-type: none; }

#sponsoren-logo-liste li { color: #808080; font-size: 120%; background-color: white; text-align: center; width: 18em; float: left; margin: 0 0.5em 0.5em 0; padding: 0.5em; border: solid 1px; list-style-type: none; display: inline; }

#sponsoren-logo-liste a { color: #f22800; font-weight: bold; text-decoration: none; }

/* neu */
#sponsoren-logo-liste li.double-element { margin: 0 !important; padding: 0 !important; border: 1px none red !important; background-color: transparent; }
#sponsoren-logo-liste li.double-element ul { font-size: 100%; margin: 0; padding: 0; border: none; background-color: transparent; }
#sponsoren-logo-liste li.double-element li { font-size: 100%; color: #808080; background-color: white; text-align: center; width: 18em; float: left; margin: 0 0.5em 0.5em 0; padding: 0.5em; border: solid 1px; list-style-type: none; display: inline; }

/* neu - end. */

.text-groesser { font-size: 150%; }

#footer { position: relative; clear: both; margin: 0; padding: 2em 0 1em; border-color: #adadad; border-style: none none solid; border-width: 1px; }

#domain { color: #fff; font-size: 150%; font-weight: bold; background-color: #cbd9e6; background-image: url(../images/template/domain-back-verlauf.gif); background-repeat: repeat-y; background-position: right top; width: 46em; float: left; margin: 0 0 0.25em; padding: 0.25em 0.25em 0.25em 0.4em; }

/*#design-und-realisation { color: gray; text-align: center; font-size: 90%; position: absolute; right: 0; bottom: 3.4em; width: 25em; float: right; margin: 0; padding: 0; }*/
#design-und-realisation { color: gray; text-align: center; font-size: 90%; width: 27em; margin: 3.5em 0 0 0; padding: 0; }
#design-und-realisation a { color: gray; font-size: 110%; margin: 0; padding: 0; }

#design-und-realisation #mai-logo { z-index: 100; margin: 0; padding: 0; }

#inderzeitung { color: gray; text-align: center; font-size: 90%; width: 27em; margin: 3.5em 0 0 0; padding: 0; }
#inderzeitung a { color: gray; font-size: 110%; margin: 0; padding: 0; text-decoration: none; }

#legal-menue { clear: both; margin: 0; padding: 0; }

#legal-menue ul { margin: 0; padding: 0; list-style-type: none; }

#legal-menue ul li { float: left; margin: 0 0.5em 0; padding: 0; list-style-type: none; }

#legal-menue ul li a { color: gray; font-size: 90%; text-decoration: none; margin: 0; padding: 0; }

#freundliche-unterstuetuznug { font-size: 100%; text-align: center; width: 27em; float: right; margin: 65px 0 0 0; padding: 0; }

#freundliche-unterstuetuznug h2 { color: #f22800; font-size: 100%; margin: 0; padding: 0; }

#freundliche-unterstuetuznug ul { margin: 0; padding: 0; list-style-type: none; }

#freundliche-unterstuetuznug ul li { margin: 0; padding: 0; list-style-type: none; }

#zeitungen { margin: 2.5em 0 0; padding: 0; }



.content-footer { margin: 0 0 5em; padding: 0; border-color: #d6d6d6; border-style: none none solid; border-width: 1px; }

#content-footer-navigation { background-color: white; background-image: url(../images/template/content-back-verlauf.gif); background-repeat: repeat-y; background-position: right top; position: relative; bottom: -2px; float: right; margin: 0; padding: 0; }

.content-footer a { color: gray; background-image: url(../images/template/seitenanfang-pfeil.gif); background-repeat: no-repeat; background-position: 1em bottom; text-decoration: none; margin: 0; padding: 0 1em 0 3em; }

.ak-rot { color: #f22800; }

p.error_msg { background-color: #f3d4cf; border: solid 1px #f22800; margin: 0 0 1em; padding: 0.5em; }
p.system_msg { background-color: #e6ffe6; border: solid 1px #0f0; margin: 0 0 1em; padding: 0.5em; }

ul#listeverkaufsstellen { margin: 2em 0 1.5em 1em; padding: 0; list-style-type: none;  }
ul#listeverkaufsstellen li { font-size: 120%; margin: 0 0 1.5em 0; padding: 0; list-style-type: none; }

#bezeichnung {float:right;text-align:right;color:#ababab;margin:5px;}
#bezeichnung #jahr {font-size:1.5em;font-weight:bold;}
#bezeichnung #club {font-size:1.3em;}
#bezeichnung #schirmherr {font-size:1em !important;}
#bezeichnung #karitativ {font-size:1em;font-weight:bold;}

