/**

(c) Arne Gloe 2009 - http://www.mondfish.net
----------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

:focus { outline:0; }

/*
global
------------------------------------------------------------------*/
body { background: url(../images/wortmarke/sunback.png) 0px 0px no-repeat;font-size: 0.9em; font-family:Arial, Sans-serif; letter-spacing: 0.05em; line-height:1.4em; color:#21201D; background-color:#00A6DC; }

/*
site structure
------------------------------------------------------------------*/
#wrapper {width:940px;margin:10px auto;}

#facebook {width:700px;margin:0 0 0 200px;}

#wortmarke {width:940px;height:380px;background: url(../images/wortmarke/nms-shape.png) 0px 0px no-repeat;-moz-box-shadow: 5px 5px 5px #005977;-webkit-box-shadow: 5px 5px 5px #005977;box-shadow: 5px 5px 5px #005977;-webkit-border-top-right-radius: 1em 1em;-moz-border-radius-topright: 1em 1em;}
	#wortmarke img {width:130px;}
	#wortmarke #B1 {margin:80px 0 0 80px;}
	#wortmarke #a1 {margin:0 0 -20px -65px;}
	#wortmarke #D1 {margin:0 0 -15px -40px;}
	#wortmarke #a2 {margin:0 0 -20px -40px;}
	#wortmarke #B2 {margin:0 0 0 -70px;}
	#wortmarke #o1 {margin:0 0 -30px -40px;}
	#wortmarke #o2 {margin:0 0 -30px -55px;}
	#wortmarke #m1 {margin:0 0 -30px -40px;}
	#wortmarke #sign {margin:0 0 -15px -50px;}
	#wortmarke #defaultCountdown {margin:-180px 0 0 600px;}

#laufband {margin:-56px 0 20px 0;}
	#laufband .tickercontainer { background: #FFEA0C; width: 940px; height: 17px; margin: 0 0 0 0; padding: 0; overflow: hidden; }
	#laufband .tickercontainer .mask { position: relative; left: 10px; top: 1px; width: 920px; overflow: hidden; }
	#laufband ul.newsticker { position: relative; left: 940px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; }
	#laufband ul.newsticker li { float: left; margin: 0 0 0 0; padding: 0; color:#242102;}
	#laufband ul.newsticker a, #laufband ul.newsticker .nolink { white-space: nowrap; padding: 0; color: #008DBB; text-shadow: 0 1px 0 #FFF; font: bold 10px Verdana; margin: 0 50px 0 0; text-decoration:none;} 
	#laufband ul.newsticker span { margin: 0 10px 0 0; }

#navigation {width:940px;height:40px;background-color:#FFEA0C;margin:0 0 0 0;-webkit-border-bottom-left-radius: 1.25em; -webkit-border-bottom-right-radius: 1.25em; -moz-border-radius-bottomleft: 1.25em; -moz-border-radius-bottomright: 1.25em;-moz-box-shadow: 5px 5px 5px #005977; -webkit-box-shadow: 5px 5px 5px #005977; box-shadow: 5px 5px 5px #005977;}
	#navigation ul {margin:0 0 0 30px;}
	#navigation li {display:inline;}
	#navigation li a {display:block;float:left;padding:10px 10px 10px 10px;color:#0097C9;text-decoration:none;font-size:16px;font-weight:bold;text-shadow: 0 1px 0 #FFFCD9;border-right:2px dotted #0079A1;}
	#navigation li:last-child a {border:none;}
	#navigation li a:hover {color:#E9550E;border-right:2px dotted #E9550E;}
	#navigation li:last-child a:hover {border:none;}
	#navigation li .selected {color:#E9550E;}

#left {width:500px;float:left;margin:40px 0 0 15px;}
	#left .leftbox {background: url(../images/wortmarke/nms-shape-content.png) bottom no-repeat;border:12px solid #F6FDFF;background-color:#C9F2FF;margin:0 0 20px 0;padding:16px 16px 150px 16px;-webkit-border-top-left-radius: 1.25em; -webkit-border-top-right-radius: 1.25em; -moz-border-radius-topleft: 1.25em; -moz-border-radius-topright: 1.25em; -webkit-border-bottom-left-radius: 1.25em; -webkit-border-bottom-right-radius: 1.25em; -moz-border-radius-bottomleft: 1.25em; -moz-border-radius-bottomright: 1.25em; border-radius: 1.25em; -moz-box-shadow: 5px 5px 5px #005977; -webkit-box-shadow: 5px 5px 5px #005977; box-shadow: 5px 5px 5px #005977;}
	#left .leftbox h2 {font-size:28px;font-family:Impact, Arial, sans-serif;margin:0 0 14px 0;line-height:30px;color:#005F7E;text-shadow: 1px 1px 0 #EDFBFF;}
	#left .leftbox h3 {font-size:22px;font-family:Impact, Arial, sans-serif;margin:0 0 14px 0;line-height:30px;color:#005F7E;text-shadow: 1px 1px 0 #EDFBFF;}
	#left .leftbox p, #left #table_teilnehmer, #left .leftbox ul li {font-size:16px;font-family:'Times New Roman';color:#005F7E;line-height:23px;}
	#left .leftbox p b {font-weight:bold;}
	#left .leftbox p a, #left #table_teilnehmer td a, #left ul li a {color:#FF63C6;text-decoration:none;border-bottom:1px dotted #FF63C6;}
	#left .leftbox p a:hover, #left #table_teilnehmer td a:hover, #left ul li a:hover {border-bottom:1px solid #FF63C6;}
	#left .leftbox ul {margin:0 0 20px 0;}
	#left .leftbox p img {margin:5px 10px 5px 0; -moz-box-shadow: 5px 5px 10px #5ACCF0; -webkit-box-shadow: 5px 5px 10px #5ACCF0; box-shadow: 5px 5px 10px #5ACCF0; }
	/* teilnehmer */
	#left #table_teilnehmer {margin:20px 0 40px 0;width:450px;}
	#left #table_teilnehmer tr {border-bottom:1px dotted #00A6DC;}
	#left #table_teilnehmer td {padding:4px 5px;}
	#left #table_teilnehmer .ort b {font-weight:bold;}
	/* form */
	#left .leftbox form {margin:40px 0;color:#005F7E;font-family:Impact;text-shadow: 1px 1px 0 #EDFBFF;font-size:20px;}
	#left .leftbox form input, #left .leftbox form select {padding:4px;font-family:Arial;color:#005F7E;font-size:16px;display:block;width:400px;margin:6px 0 10px 0;}
	#left .leftbox form select option {padding:2px 0;}
	#left .leftbox form hr {margin:15px 0;border:none;border-top:1px dotted #00A6DC;}
	#left .leftbox form #formimage {width:200px;margin:0 auto;/*border:1px solid #00A6DC;background-image: url("http://www.ba-da-boom.de/images/pinktrans.png");-webkit-border-top-left-radius: 1.25em; -webkit-border-top-right-radius: 1.25em; -moz-border-radius-topleft: 1.25em; -moz-border-radius-topright: 1.25em; -webkit-border-bottom-left-radius: 1.25em; -webkit-border-bottom-right-radius: 1.25em; -moz-border-radius-bottomleft: 1.25em; -moz-border-radius-bottomright: 1.25em; border-radius: 1.25em;*/}
	#left .leftbox form #formimage:hover {}
	/* captcha */
	#left .leftbox .s { color: #005F7E; background-color: #005F7E; }
	#left .leftbox .w { color: #C9F2FF; background-color: #C9F2FF; }
	#left .leftbox .captcha { margin:0px; padding:0px; float: right; width: 150px; text-align: left; line-height:6px; font-size:8px; float:left; }
	
#right {width:350px;float:right;margin:40px 15px 0 0;}
	#right .rightbox {background: url(../images/wortmarke/wolke.png) 10px 80px no-repeat;border:12px solid #F6FDFF;background-color:#FFFAC6;margin:0 0 20px 0;padding:16px;-webkit-border-top-left-radius: 1.25em; -webkit-border-top-right-radius: 1.25em; -moz-border-radius-topleft: 1.25em; -moz-border-radius-topright: 1.25em; -webkit-border-bottom-left-radius: 1.25em; -webkit-border-bottom-right-radius: 1.25em; -moz-border-radius-bottomleft: 1.25em; -moz-border-radius-bottomright: 1.25em; border-radius: 1.25em; -moz-box-shadow: 5px 5px 5px #005977; -webkit-box-shadow: 5px 5px 5px #005977; box-shadow: 5px 5px 5px #005977;}
	#right .rightbox h2 {font-size:24px;font-family:Impact, Arial, sans-serif;margin:0 0 14px 0;line-height:30px;color:#565543;text-shadow: 1px 1px 0 #FFFFFC;}
	#right .rightbox h3 {font-size:20px;font-family:Impact, Arial, sans-serif;margin:0 0 14px 0;line-height:30px;color:#565543;text-shadow: 1px 1px 0 #FFFFFC;}
	#right .rightbox p {font-size:14px;font-family:'Times New Roman';color:#565543;margin:0 0 30px 0;}
	#right .rightbox p b {font-weight:bold;}
	#right .rightbox p a {color:#FF63C6;text-decoration:none;border-bottom:1px dotted #FF63C6;}
	#right .rightbox ul {list-style-type:circle;margin:0 0 20px 16px;}
	#right .rightbox li {padding:4px 0;font-family:'Times New Roman';font-size:14px;color:#565543;text-shadow: 1px 1px 0 #FFFAEC;}
	#right .rightbox li a {color:#FF63C6;text-shadow: 1px 1px 0 #FFF;text-decoration:none;border-bottom:1px dotted #565543;}
	#right .rightbox li a:hover {border-bottom:1px solid #565543;}
	
#footer {clear:both;width:940px;background: url(../images/wortmarke/footer-green.png) 0 95px no-repeat;}
	#footer #green {width:940px;height:252px;}
		#footer #green #f1 {margin:0 0 160px 0;}
		#footer #green #f2 {margin:90px 0 0 0;}
		#footer #green #f3 {margin:0 0 0 0;}
		#footer #green #f4 {margin:0 0 70px 0;}
		#footer #green #f5 {margin:0 0 0 0;}
		#footer #green #f6 {margin:0 0 0 0;}
		#footer #green #f7 {margin:0 0 0 15px;}
		#footer #green #f8 {margin:0 0 60px 20px;}
		#footer #green #f9 {margin:0 0 0 -80px;}
		#footer #green #f10 {margin:0 0 40px 30px;}
		#footer #green #f11 {margin:0 0 -20px 20px;}
	#footer #logos {width:940px;height:56px;padding:10px 0 0 0;background-color:#FFF;-moz-box-shadow: 5px 5px 5px #005977; -webkit-box-shadow: 5px 5px 5px #005977; box-shadow: 5px 5px 5px #005977;}
	#footer #logos img {margin:0 7px;}
	#footer #orange {width:940px;height:20px;background-color:#F14315;border-top:2px solid #F71015;-moz-box-shadow: 5px 5px 5px #005977; -webkit-box-shadow: 5px 5px 5px #005977; box-shadow: 5px 5px 5px #005977;-webkit-border-bottom-left-radius: 1.25em; -webkit-border-bottom-right-radius: 1.25em; -moz-border-radius-bottomleft: 1.25em; -moz-border-radius-bottomright: 1.25em;}


/*
ListScroll
------------------------------------------------------------------*/
.tickercontainer { /* the outer div with the black border */ width: 738px; height: 27px; margin: 0; padding: 0; overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 718px; overflow: hidden; }
ul.newsticker { /* that's your list */ position: relative; left: 750px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; }
ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0;  }
ul.newsticker a { white-space: nowrap; padding: 0; color: #ff0000; font: bold 10px Verdana; margin: 0 50px 0 0; } 
ul.newsticker span { margin: 0 10px 0 0; } 

/*
TipTip
------------------------------------------------------------------*/
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 11px; color: #252905; text-shadow: 0 0 2px #E8EEBB; padding: 4px 8px; border: 1px solid rgba(255,234,12,0.92); background-color: rgb(255,234,12); background-color: rgba(255,234,12,0.92); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,234,12,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,234,12,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,234,12,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,234,12,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(255,234,12); border-top-color: rgba(255,234,12,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(255,234,12); border-bottom-color: rgba(255,234,12,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(255,234,12); border-right-color: rgba(255,234,12,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(255,234,12); border-left-color: rgba(255,234,12,0.92); }
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(255,234,12,0.88); }
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(255,234,12,0.88); }
	#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(255,234,12,0.92); }
}

/*
CountDown
------------------------------------------------------------------*/
.hasCountdown { width:200px; }
.countdown_rtl { direction: rtl; }
.countdown_holding span { background-color: #ccc; }
.countdown_row { clear: both; width: 200px; padding: 10px 2px; text-align: center; }
.countdown_show1 .countdown_section { width: 98%; }
.countdown_show2 .countdown_section { width: 48%; }
.countdown_show3 .countdown_section { width: 32.5%; }
.countdown_show4 .countdown_section { width: 24.5%; }
.countdown_show5 .countdown_section { width: 19.5%; }
.countdown_show6 .countdown_section { width: 16.25%; }
.countdown_show7 .countdown_section { width: 14%; }
.countdown_section { display: block; float: left; font-size: 100%; text-align: center; color:#000; }
.countdown_amount { font-size: 200%; }
.countdown_descr { display: block; width: 20px; }