html,body{
	margin:0;
	padding:0;	
}

body{
	background-color:#FFF;
    color:#4b4b4b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	padding-top:2px;
}

dfn{display:none;}

a img{
	border:none;
	outline:none;
	overflow:hidden;
	text-decoration:none;
	display:block;
	float:left;
}
a{border:none;outline:none;}


.mr28{margin-right:28px !important;}
.mt28{margin-top:28px !important;}


/* Hauptseite */

#whiteline{
	position:absolute;
	height:2px;
	width:100%;
	display:block;
	background-color:#FFF;
	top:0px;
	left:0px;
	z-index:3;
	overflow:hidden;
}

#bg{
	height:100%;
	position:absolute;
	left:0;top:0;
	width:100%;
	z-index:1;
}

#bg img{	
	position:fixed;
	top:2px;
	width:100%;	
	height:auto;
	min-width:900px;	
}

#iphone{
	position:absolute;
	z-index:6;
	top:45px;
	left:0px;
	width:226px;
	height:548px;
	padding:93px 37px 0 30px;
	background:transparent url(../img/phone_iphone.png) no-repeat top left;
}

#androidg1{
	position:absolute;
	z-index:6;
	top:45px;
	left:0px;
	width:281px;
	height:681px;
	background:transparent url(../img/phone_android_g1_bg.png) no-repeat top left;
}
#androidg1 img{
	position:absolute;
	left:15px;
	top:22px;
	padding:44px 12px 155px 12px;
	width:226px;
	height:339px;
	background:transparent url(../img/phone_android_g1_bg1.jpg) no-repeat top left;
}

.wrapper{
	position:relative;
	width:682px;
	padding:0 0 0 238px;
	margin:0 auto;
	z-index:4;
	background:transparent url(../img/bg_wrapper.png) repeat-y top left;
}

.footer{
	position:relative;
	z-index:1;
	width:582px;
	height:185px;
	padding:20px 20px 0 318px;
	margin:0 auto;
	z-index:3;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../img/bg_footer.png) no-repeat top left;
}

.footer .bottomnavi a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}
.footer .bottomnavi a:hover,.footer .bottomnavi a:active,.footer .bottomnavi a:focus{
	color:#000;
}

.cbox{	
	position:relative;
	width:544px;
	background:#fff url(../img/bg_content.png) repeat-x top left;
	padding:15px 52px 15px 70px;
	margin:0 8px 0 auto;
}

.header{
	position:relative;
	width:668px;
	height:218px;
	margin:0 auto 1px auto;
}

.header .search{
	margin:0 0 0 auto;
	width:226px;
	height:38px;
	padding:15px 0 0 75px;
	background:transparent url(../img/bg_search.png) no-repeat top left;
}
.header .search .searchfield{
	display:block;
	float:left;
	height:18px;
	width:152px;
	padding:5px 0 0 28px;
	margin:0px;
	color:#CCC;
	background:transparent url(../img/bg_search_field.png) no-repeat top left;
	overflow:hidden;
	border:none;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.header .search button{
	width:23px;
	height:23px;
	background:transparent url(../img/bg_search_button.png) no-repeat top left;
	border:none;
	cursor:pointer;
	outline:none;
	float:left;
	margin:0;
	padding:0;
}
.language{position:absolute;top:22px;right:238px;width:42px;}

.search .language a{
	display:block;
	width:16px;
	position:relative;
	float:left;
	margin:0 4px 0 0;
}
.search .language a img{opacity:0.5;}

.search .language a:hover img,
.search .language a:active img,
.search .language a:focus img{
	opacity:1;				
}

.search .language a.active img{opacity:1;}

.search .language a.active:hover img,
.search .language a.active:active img,
.search .language a.active:focus img{
	opacity:0.5;					
}

.menu{
	list-style:none;
	height:37px;
	width:620px;
	padding:8px 0 0 48px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.menu li{
	display:block;
	float:left;
}
.menu li a{
	color:#656565;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:block;
	float:left;
	height:31px;
	line-height:31px;
	padding:0 16px 0 0;
}
.menu li a b {
	cursor:pointer;
	display:block;
	float:left;
	height:31px;
	padding:0 0 0 16px;
}

.menu li a:hover,.menu li a:focus,.menu li a:active{
	color:#fff;
	text-shadow:#000 1px 1px 1px;
	height:27px;
	padding:0 16px 4px 0;
}

.menu li a.current{
	color:#fff;
	text-shadow:#000 1px 1px 1px;
	height:31px !important;
	line-height:26px !important;
	padding:0 16px 0 0 !important;
}

#bt_mobileappz{
	position:absolute;
	top:0px;
	left:110px;
	background:transparent url(../img/mobileappz.png) no-repeat top left;
	width:130px; 
	height:38px;
	cursor:pointer;
}
.slidemenu{
	position:absolute;
	z-index:2;
	top:-2px;
	right:7px;
	border:2px solid #FFF;
	border-top:none;
	background:#222 url(../img/bg_slidemenu.jpg) no-repeat top left;
	width:664px;
	height:219px;
	display:none;
}
.slidemenu a.bt_close{
	display:block;
	position:absolute;
	top:10px;right:10px;
	width:20px;
	height:20px;
	background:transparent url(../img/bt_slide_close.png) no-repeat top left;
}
.slidemenu a.bt_up{	
	display:block;
	position:absolute;
	bottom:0px;left:318px;
	width:29px;
	height:16px;
	background:transparent url(../img/bt_slide_arrowup.png) no-repeat top left;
}

.slidemenu ul{	
	margin:30px 20px 20px 62px;
	padding:0;
	list-style:none;
	float:left;
}
.slidemenu ul li{
	display:block;
	position:relative;
	margin-bottom:-1px;
	list-style:none;
}
.slidemenu ul li a{
	position:relative;
	z-index:5;
	display:block;
	width:215px;
	height:22px;
	font-size:10px;
	line-height:22px;
	color:#999;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	position:relative;
	margin-bottom:-1px;
	padding-left:15px;
	list-style:none;
	text-decoration:none;
}
.slidemenu ul li a:hover,.slidemenu ul li a:focus,.slidemenu ul li a:active{
	z-index:12;
	position:relative;
	color:#fff;
	background:transparent url(../img/bg_slidemenu_button.png) repeat-y top left;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}


.twitterbox{
	position:relative;
	width:258px;
	padding:58px 0 10px 0;
	margin:10px 0;
	color:#073A66;
	background:#E9EDFF url(../img/bg_twitterbox1.png) no-repeat top left;
}
.twitterbox .bt{
	width:258px;
	height:12px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#E9EDFF url(../img/bg_twitterbox2.png) no-repeat top left;
}
.twitterbox .tweety{
	width:62px;
	height:71px;
	position:absolute;
	top:-10px;left:-12px;
	background:transparent url(../img/twitter_tweety.png) no-repeat top left;
}
.twitterbox .entry{
	width:189px;
	margin:20px auto 10px auto;
	border-bottom:1px solid #c4d0eb;
	border-right:1px solid #c4d0eb;
	padding:10px 16px 8px 16px;
	background-color:#F0F4FF;
	position:relative;
	line-height:12px;
	font-size:11px;
}
.twitterbox .entry .speech{
	width:18px;
	height:10px;
	background:transparent url(../img/bg_news_speech.png) no-repeat top left;
	position:absolute;
	top:-10px;
	left:10px;
}


.newsbox{
	position:relative;
	width:258px;
	padding:40px 0 15px 0;
	margin:10px 0;
	color:#626262;
	background:#e1e1e1 url(../img/bg_graybox1.png) no-repeat top left;
}
.newsbox .bt{
	width:258px;
	height:12px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#e1e1e1 url(../img/bg_graybox2.png) no-repeat top left;
}

.bugbox{
	position:relative;
	width:258px;
	padding:5px 0 15px 0;
	margin:10px 0;
	color:#626262;
	background:#e1e1e1 url(../img/bg_graybox1.png) no-repeat top left;
}
.bugbox .bt{
	width:258px;
	height:12px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#e1e1e1 url(../img/bg_graybox2.png) no-repeat top left;
}
.bugbox h3{margin:2px 0 4px 10px;}
.bugbox .bt_report img{margin:14px 0 0 16px;}



.nav{margin:4px 0 0 0;}
.nav i{font-size:9px;padding-right:10px;color:#666;}
.nav a{
	color:#888;
	font-size:9px;
	font-style:italic;
	margin-right:18px;
}

a.comments{
	padding:0 0 0 14px;
	background:transparent url(../img/icn_comment.gif) no-repeat 0em 0.1em;
}

div.nav a:hover,div.nav a:focus,div.nav a:active{
	color:#000 !important;
	background-color:transparent !important;
}



.loginbox{
	position:relative;
	width:230px;
	padding:5px 14px 15px 14px;
	margin:10px 0;
	color:#042679;
	background:#64daf3 url(../img/bg_loginbox1.png) no-repeat top left;
}
.loginbox .bt{
	width:258px;
	height:12px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#64daf3 url(../img/bg_loginbox2.png) no-repeat top left;
}
.loginbox h3{margin:0;}
.loginbox h3 img{position:relative;left:-5px;}
.loginbox form{margin:15px 0 0 0;}
.loginbox label{font-weight:bold;margin:4px 0 2px 6px;}
.loginbox input{
	display:block;
	height:22px;
	width:220px;
	border:none;
	margin:1px 0 8px 0;
	padding:6px 0 0 9px;
	font-size:11px;
	background:transparent url(../img/bg_loginform.png) no-repeat top left;
}
.loginbox .bt_login{
	border:none !important;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	width:88px;
	height:40px;
	background:none;
	position:relative;
	left:-3px;
}
.loginbox .bt_register{	
	border:none !important;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	width:107px;
	height:40px;
	background:none;
	position:relative;
	right:-3px;
}

.loginbox .loginlogo{
	position:absolute;
	right:7px;
	top:5px;
	width:82px;
	height:53px;
	background:transparent url(../img/loginlogo.png) no-repeat top left;
}



.soccerbox{
	position:relative;
	width:258px;
	padding:40px 0 15px 0;
	margin:10px 0;
	color:#626262;
	background:#78ec22 url(../img/bg_soccerbox1.png) no-repeat top left;
}
.soccerbox .bt{
	width:258px;
	height:12px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#78ec22 url(../img/bg_soccerbox2.png) no-repeat top left;
}

.flubox{
	position:relative;
	width:258px;
	padding:58px 0 15px 0;
	margin:10px 0;
	color:#073A66;
	background:#7bd617 url(../img/bg_flubox1.png) no-repeat top left;
}
.flubox .bt{
	width:258px;
	height:12px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	background:#7bd617 url(../img/bg_flubox2.png) no-repeat top left;
}
.flubox .flu{
	width:64px;
	height:66px;
	position:absolute;
	top:-7px;left:-16px;
	background:transparent url(../img/fluradar_flu.png) no-repeat top left;
}

.newsbox .entry,
.bugbox .entry,
.soccerbox .entry,
.flubox .entry{
	margin:0px auto;
	padding:15px 16px;
	line-height:12px;
	font-size:11px;
}

.newsbox .entry:hover,.newsbox .entry:focus,.newsbox .entry:active{
	padding:13px 14px;
	background-color:#eee;
	border:2px solid #999;	
}
.soccerbox .entry:hover,.soccerbox .entry:focus,.soccerbox .entry:active{
	padding:13px 14px;
	background-color:#def5c6;
	border:2px solid #3AAC19;	
}
.flubox .entry:hover,.flubox .entry:focus,.flubox .entry:active{
	padding:13px 14px;
	background-color:#def5c6;
	border:2px solid #269310;
}


.newsbox .hlight,
.bugbox .hlight,
.soccerbox .hlight,
.flubox .hlight{
	background:transparent url(../img/bg_news.png) repeat top left;
}

.twitterbox .entry p,
.bugbox .entry p,
.newsbox .entry p,
.soccerbox .entry p,
.flubox .entry p{
	margin:0;
}

.entry a{
	position:relative;
	text-decoration:underline;
}

.entry a:hover,.entry a:focus,.entry a:active{
	text-decoration:none;
	background-color:transparent;
	color:#000;
}

.twitterbox a.follow,
.newsbox a.morenews,
.soccerbox a.morenews,
.flubox a.lastcases{
	position:absolute;
	top:10px;
	right:10px;
}


.twitterbox .entry b{color:#3abbdb;}
.bugbox .entry b{color:#2b2b2b;}
.newsbox .entry b{color:#2b2b2b;}
.soccerbox .entry b{color:#2b2b2b;}
.flubox .entry b{color:#f00;}

.shadowline1{height:40px;background:transparent url(../img/bg_hl_shadow2.png) no-repeat bottom center;}

.map{
	position:relative;
	margin:10px 0;
}
.map .mtl{
	background:transparent url(../img/map_tl.png) no-repeat top left;
	width:10px;height:10px;
	position:absolute;
	top:0px;left:0px;
	z-index:9999;
}
.map .mtr{
	background:transparent url(../img/map_tr.png) no-repeat top left;
	width:10px;height:10px;
	position:absolute;
	top:0px;right:0px;
	z-index:9999;
}
.map .mbl{
	background:transparent url(../img/map_bl.png) no-repeat top left;
	width:10px;height:10px;
	position:absolute;
	bottom:0px;left:0px;
	z-index:9999;
}
.map .mbr{
	background:transparent url(../img/map_br.png) no-repeat top left;
	width:10px;height:10px;
	position:absolute;
	bottom:0px;right:0px;
	z-index:9999;
}


div.totop{	
	border-bottom:1px solid #e8e8e8;
	height:26px;
}

div.totop a{
	color:#fff;
	text-decoration:none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:right;
	height:22px;
	line-height:22px;
	padding:0 16px 0 0;
	margin:4px 4px 0 auto;
	background:#888 url(../img/bg_tab_u.png) no-repeat top right;
}
div.totop a b{
	cursor:pointer;
	display:block;
	float:left;
	height:22px;
	padding:0 0 0 16px;
	background:#888 url(../img/bg_tab_u.png) no-repeat top left;
}
div.totop a:hover{margin:0 4px 0 auto;height:26px;}
div.totop a:hover b{height:26px;}

div.totop a b img{
	position:relative;top:0.9em;padding-right:6px;
}



div.bug{margin:15px 0;}

div.bug h4{margin:5px 0 -10px 0;}

div.bug h4 span{
	font-weight:normal;
	font-style:italic;
	margin-left:10px;
}

div.bug .meta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#909090;
}

div.bug .commentlist{
	display:none;
	margin:10px 0px 0 28px;
	font-size:10px;
}

div.bug .commentlist .comment{
	margin:0 0 10px 0;
	padding:10px;
	border-top:1px solid #E8E8E8;
	background-color:#F4F4F4;
}

div.bug .commentlist .comment p{margin:0;}
div.bug .commentlist .comment p.author{
	color:#909090;
	margin:0;
	padding-right:18px;
	text-align:right;
	font-size:9px;
}

div.bug .commentnavi{	
	border-top:1px solid #e8e8e8;
	height:26px;
}

div.bug .commentnavi a.showcomments{
	color:#fff;
	text-decoration:none;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:right;
	height:22px;
	line-height:19px;
	padding:0 20px 0 0;
	margin:0 4px 4px auto;
	background:#888 url(../img/bg_tab_d.png) no-repeat bottom right;
}
div.bug .commentnavi a.showcomments b{
	cursor:pointer;
	display:block;
	float:left;
	height:22px;
	padding:0 0 0 16px;
	background:#888 url(../img/bg_tab_d.png) no-repeat bottom left;
}

div.bug .commentnavi a.showcomments:hover{margin:0 4px 0 auto;height:26px;line-height:26px;}
div.bug .commentnavi a.showcomments:hover b{height:26px;}
div.bug .commentnavi a.showcomments:hover b img{top:1.0em;}

div.bug .commentnavi a.writecomment{
	position:relative;
	top:3px;left:15px;
	color:#909090;
	padding:0 0 0 14px;
	background:transparent url(../img/icn_comment.gif) no-repeat 0em 0.2em;
}

div.bug .commentnavi a.writecomment:hover,
div.bug .commentnavi a.writecomment:focus,
div.bug .commentnavi a.writecomment:active{
	color:#000;
	background-color:transparent;
}

span.arrow_up{
	padding-left:15px;
	background:transparent url(../img/icn_arrow_up.gif) no-repeat 0em 0.4em;
}
span.arrow_down{
	padding-left:15px;
	background:transparent url(../img/icn_arrow_down.gif) no-repeat 0em 0.4em;
}




/*  SOCIALBOOKMARKS  */
#bookmarks{
	font-size:10px;
	display:block;
	position:relative;
	overflow:hidden;
	width:550px;
	margin-bottom:10px;
}
#bookmarks div{float:right;}
#bookmarktext{
	color:#0066FF;
	font-weight:bold;
}

#bookmarks a{
	display:block;
	height:20px;
	width:20px;
	border:none;
	float:left;
	padding:0px;
	margin-right:2px;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../img/socialbooks.png);	
}

#bookmarks a.google{background-position:-175px top;}
#bookmarks a:hover.google,#bookmarks a:active.google,#bookmarks a:focus.google{background-position:-175px bottom;}
#bookmarks a.wong{background-position:2px top;}
#bookmarks a:hover.wong,#bookmarks a:active.wong,#bookmarks a:focus.wong{background-position:2px bottom;}
#bookmarks a.yigg{background-position:-110px top;}
#bookmarks a:hover.yigg,#bookmarks a:active.yigg,#bookmarks a:focus.yigg{background-position:-110px bottom;}
#bookmarks a.digg{background-position:-132px top;}
#bookmarks a:hover.digg,#bookmarks a:active.digg,#bookmarks a:focus.digg{background-position:-132px bottom;}
#bookmarks a.delicious{background-position:-65px top;}
#bookmarks a:hover.delicious,#bookmarks a:active.delicious,#bookmarks a:focus.delicious{background-position:-65px bottom;}
#bookmarks a.webnews{background-position:-20px top;}
#bookmarks a:hover.webnews,#bookmarks a:active.webnews,#bookmarks a:focus.webnews{background-position:-20px bottom;}
#bookmarks a.yahoo{background-position:-153px top;}
#bookmarks a:hover.yahoo,#bookmarks a:active.yahoo,#bookmarks a:focus.yahoo{background-position:-153px bottom;}
#bookmarks a.linkarena{background-position:-197px top;}
#bookmarks a:hover.linkarena,#bookmarks a:active.linkarena,#bookmarks a:focus.linkarena{background-position:-197px bottom;}
#bookmarks a.reddit{background-position:-87px top;}
#bookmarks a:hover.reddit,#bookmarks a:active.reddit,#bookmarks a:focus.reddit{background-position:-87px bottom;}
#bookmarks a.icio{background-position:-42px top;}
#bookmarks a:hover.icio,#bookmarks a:active.icio,#bookmarks a:focus.icio{background-position:-42px bottom;}
#bookmarks a.technorati{background-position:-219px top;}
#bookmarks a:hover.technorati,#bookmarks a:active.technorati,#bookmarks a:focus.technorati{background-position:-219px bottom;}

/*  /SOCIALBOOKMARKS  */



/*  FORMULARE  */

form br{clear:both;}

fieldset{border:none;}
fieldset legend{	
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#222;
	font-weight:bold;
}
fieldset input,
fieldset textarea,
fieldset select{
	background-color:#F4F4F4;
	border:none;
	padding:5px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}
fieldset input,
fieldset textarea{
	border-top:1px solid #E8E8E8;
}
fieldset label{	
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	padding:5px 4px;
}

form.report,form.login{
	background:transparent url(../img/bg_hl_shadow.png) no-repeat scroll center bottom;
	padding-bottom:20px;
	margin-bottom:15px
}
form.report input,form.report select,form.report textarea{
	width:300px;
	margin:4px 0;
}
form.login input,form.login select,form.login textarea{
	width:180px;
	margin:4px 0;
}
form.report label,
form.login label{
	width:8em;
	display:block;
	float:left;
	margin:4px 0;
}

form.login a.button,
form.login a.button{
	margin:4px 0;
}

/*  /FORMULARE  */


/* BUTTONS */
.button{
	cursor:pointer;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FFFFFF !important;
	height:34px;
	line-height:34px;
	margin:0px;
	padding:0px;
	border:none;
	overflow:hidden;
	text-align:center;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent !important;
	outline:none;
}
a.button{
	display:block;
	text-decoration:none;
	line-height:28px !important;
}
input.button{padding-bottom:8px;}

.bt_blue_s{
	background-image:url(../img/bt_blue_s.png);
	width:87px !important;
}
.bt_blue_m{
	background-image:url(../img/bt_blue_m.png);
	width:152px !important;
}
.bt_blue_l{
	background-image:url(../img/bt_blue_l.png);
	width:245px !important;
}

.bt_gray_s{
	background-image:url(../img/bt_gray_s.png);
	width:87px !important;
}

.bt_gray_m{
	background-image:url(../img/bt_gray_m.png);
	width:152px !important;
}

.bt_gray_l{
	background-image:url(../img/bt_gray_l.png);
	width:245px !important;
}
/*  /BUTTONS  */






.fl{float:left;}
.fr{float:right;}

.cll{clear:left;}
.clr{clear:right;}
.clear{clear:both;overflow:hidden;}

.show{display:block !important;}
.hide{display:none !important;}

.red{color:#FE622E;}
