a {color: #999; text-decoration: none;}
a:hover {text-decoration: underline; color: #666;}

html { font-family: tahoma, verdana, sans-serif; font-size: 12px;}
body {background: url(background.jpg) repeat-x; padding: 0; margin: 0; line-height: 1.3em; letter-spacing: 1px;}


/*** INHALTSELEMENTE ***/

#wrapper {background: url(container.jpg) repeat-y;}

#header {background: url(meta.jpg) no-repeat; height: 134px;}
#header ul {float: right; margin: 0; padding: 0; list-style-type: none; list-style-image: none;margin: 15px 30px 0px 0px; }
#header li {clear: both;}
#header li, #header p{display: inline;font-weight: bold;text-transform: uppercase;padding: 0;margin: 0;}
#header  a, #header p{color: #666; text-decoration: none; margin-left: 10px;}
#header a:hover, #header p {text-decoration: underline;}

#banner {float: left; width: 730px;}

#container {clear: both; margin: 0; padding: 0;background: url(container.jpg) repeat-y;}
#left .inside {margin: 10px 10px 0px 40px;}
#main { background: url(content_top.jpg) top no-repeat;}
#main .inside {padding: 40px;}

#footer {background: url(footer.jpg) no-repeat; clear: both;}


/*** NAVIGATION ***/

#menu {z-index: 500; float:left; width:245px; height:296px; background:url(logo_bottom.jpg) no-repeat; position:relative;}

#menu .mod_navigation { margin-top: 80px; }

#menu .mod_navigation ul {list-style:none; white-space:nowrap; text-align:left; font-family: tahoma; font-size: 14px; font-weight: bold;}

#menu .mod_navigation li {list-style: none; background: url(line.gif) bottom no-repeat; padding: 6px 4px; width: 168px;}

#menu .mod_navigation ul {position:absolute; left:-9999px;}
#menu .mod_navigation ul.level_1 {position:absolute; left:0; top:0;}

#menu .mod_navigation a, #menu .mod_navigation p {display:block; color:#000; text-decoration:none; padding: 0 0 0 15px;}
#menu .mod_navigation a b {display:block;}

#menu a:hover, #menu p, #menu .trail {background: url(list-icon.jpg) bottom right no-repeat;}

#menu p, #menu p.active {margin: 0;}

#menu .mod_navigation ul li:hover > ul {visibility:visible; left:100%; margin-left:0px; margin-top:-25px;}
#menu .mod_navigation ul .level_2 li:hover > ul {margin-left:0px; margin-top:-25px;}

#menu .mod_navigation .level_1 ul {padding: 5px 0 5px 5px; background-color: #f9f9f9;}
#menu .mod_navigation .level_2 ul {padding: 5px; background-color: #f9f9f9;}

#menu .mod_navigation a:hover ul,
#menu .mod_navigation a:hover a:hover ul, 
#menu .mod_navigation a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu .mod_navigation a:hover ul ul, 
#menu .mod_navigation a:hover a:hover ul ul {left:-9999px;}

#menu .mod_navigation li a.submenu {}
#menu .mod_navigation li a:hover {background-position:right bottom; white-space:nowrap;} 
#menu .mod_navigation li a:hover b {background-position:left bottom;} 

#menu .mod_navigation li:hover > a {background-position:right bottom;}
#menu .mod_navigation li:hover > a > b {background-position:left bottom;}

#menu .level_2 li {background-color: #f9f9f9; font-family: tahoma; font-size: 12px; font-weight: bold;}

#menu .inside {margin-top: 15px; padding-bottom: 40px; height:200px; background: url(left_top.jpg) right bottom no-repeat;}


/*** ÜBERSCHRIFTEN ***/

h1 {font-family: tahoma; font-size: 18px; font-weight: bold;}
h2 {font-family: tahoma; font-size: 14px; font-weight: bold; color: #333;}
h3 {font-family: tahoma; font-size: 12px; font-weight: bold; color: #999; margin-left: 10px;}
#left h2 {font-size: 11px; line-height: 12px; margin: 0px 0px 5px 0px; padding: 0;}


/*** ALLGEMEINES ***/

#left p.info {font-size: 11px;}

p.confirm {color: green; font-size: 10px;}

#spieluebertragung img, .image_container  img, .ce_text img, .ce_gallery img{margin: 0px 5px 5px 0px; border: 1px solid #DDD; padding: 1px;}


/*** MODULE ***/

/** NEWSLETTER **/

.mod_subscribe input.text , .mod_unsubscribe input.text{float: left; height: 15px; border: 1px solid #DDD; width: 140px; padding: 4px; margin-right: 4px; font-size: 11px;}
.mod_subscribe input.submit , .mod_unsubscribe input.submit{clear: both; }
p.nl_text {font-size: 10px; color: #DDD; margin-top: 5px;}


/** PAGINIERUNG **/

.pagination {text-align: right; color: #CCC;}
.pagination ul {text-align: center;}
.pagination li{display: inline; border: 1px dotted #CCC ; padding: 5px;}
.pagination a {color: #999; text-decoration: none;}
.pagination a:hover {color: #666}


/** GALERIE **/

.mod_gallerylist .description {font-size: 10px; color: #999;}
.ce_gallery {margin-top: 15px;}
.ce_gallery .caption {font-size: 10px; color: #666; margin-bottom: 15px; padding-left: 5px;}


/** NEWS **/

.mod_newslist .odd, .mod_newslist .even , .mod_newsmenu {border-bottom: 1px dotted #CCC;}
.mod_newslist .info, .mod_newsreader .info {color: #CCC; text-align: right; font-size: 10px;}

.mod_newsmenu ul{list-style-image: url(list_archiv.jpg) ;}
.mod_newsmenu ul ul{list-style-type: none;}

.mod_newsmenu .level_2 li, .mod_newsmenu .level_2 p {display: inline; padding: 0px 5px;}
.mod_newsmenu .level_2 li {border-right: 1px solid #999;}
.mod_newsmenu .level_2 li.last {border-right: 0px; padding-right: 0px;}


/** FORMULAR **/

.ce_form .col_0 {vertical-align: top; padding: 4px;}
.ce_form .betreff {width: 300px;}
.ce_form .error {margin-left: 10px; font-size: 10px; color: #F00;}
.ce_form .submit {margin-left: 10px; border: 1px solid #DDD; color: #000; padding: 2px 15px; background: #FFF;}
.ce_form .text, .ce_form textarea {padding: 2px;font-size: 14px; border: 1px solid #DDD; color: #000; margin: 0px 0px 10px 10px; font-family: arial;}


.caption {font-size: 10px; margin-bottom: 10px;}

.dlh_googlemap {border: 1px solid #DDD; margin-top: 20px;}

.mod_countdown {background: url(anstoss.jpg) no-repeat; width: 180px; height: 116px; font-size: 12px; font-family: courier; font-weight: bold; padding: 14px 0 0 18px ; color: #FFF;}

#partnerlink {
	margin-top: 15px;
}
