@charset "UTF-8";
/* ***************************************************************************************** */

/* CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2009, Piccobello - Media & Corporate */

/* ***************************************************************************************** */

/* Style Reset */
@import url(reset.css);

@media all
{

body { 
	background: #dcdcdc url(../img_style/bg_body.jpg) repeat-x 0px 0px; 
	color: #5a5a5a; font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
	}
	
* html body { font-size: 0.8em;}


/* 	**********************************************************************
	LINKS
	**********************************************************************/

.text a, a.email, a.intern, a.extern, a.mehr, a.file, a.index, a.nextlink, a.prevlink { background: transparent url(../img_style/icon_link.gif) center left no-repeat; padding-left: 14px; line-height: 1.3em; }
a, a:link, a:visited { text-decoration: none; color: #d52832; }	
a:hover, a:active, a:focus { text-decoration:underline; color: #d52832; }

a.index { padding-left: 16px; background-image: url(../img_style/bg_icon_index.gif); }
a.nextlink { background-image: url(../img_style/bg_icon_next.gif);  background-position: center right; padding-left: 0px; padding-right: 14px;}
a.prevlink { background-image: url(../img_style/bg_icon_prev.gif); }


.iconset { display: block; width: 13px; height: 14px; overflow: hidden; background: transparent url(../img_style/iconset_backend.gif) no-repeat 0px 0px; float: left; margin: 0px 1px 1px 0px; }
.iconset span { display: none; }

/* schwarz */
.iconset.edit { background-position: 1px -15px; }
.iconset.delete { background-position: -14px -15px; }
.iconset.document { background-position: -28px -15px; }
.iconset.flag { background-position: -42px -15px; }
.iconset.preview { background-position: -56px -15px; }
.iconset.sortup { background-position: -70px -15px; }
.iconset.sortdown { background-position: -84px -15px; }
.iconset.save { background-position: -126px -15px; }
.iconset.remove { background-position: -140px -15px; }

/* grau */
.iconset.edit-low { background-position: 1px -30px; }
.iconset.delete-low { background-position: -14px -30px; }
.iconset.document-low { background-position: -28px -30px; }
.iconset.flag-low { background-position: -42px -30px; }
.iconset.preview-low { background-position: -56px -30px; }
.iconset.sortup-low { background-position: -70px -30px; }
.iconset.sortdown-low { background-position: -84px -30px; }
.iconset.save-low { background-position: -126px -30px; }
.iconset.remove-low { background-position: -140px -30px; }

/* rot */
a.iconset.edit { background-position: 1px -45px; }
a.iconset.delete { background-position: -14px -45px; }
a.iconset.document { background-position: -28px -45px; }
a.iconset.flag { background-position: -42px -45px; }
a.iconset.preview { background-position: -56px -45px; }
a.iconset.sortup { background-position: -70px -45px; }
a.iconset.sortdown { background-position: -84px -45px; }
a.iconset.save { background-position: -126px -45px; }
a.iconset.remove { background-position: -140px -45px; }


a.btn { display: block; width: 80px; color: #fff; font-weight: bold; margin-left: 10px; overflow: hidden; padding: 2px 4px 2px 24px; float: right; background: #d62832 4px center no-repeat; text-decoration: none; }
a.confirm { background-color: #75b71c; background-image: url(../img_style/bg_icon_status_ok.png); }
a.reject { background-color: #b9222b; background-image: url(../img_style/bg_icon_status_rejected.png); }
a.send-check {background-color: #f7ba00; padding-left: 28px; width: 76px; background-image: url(../img_style/bg_icon_status_check.png); }
a.save-edit { background-image: url(../img_style/bg_icon_status_edit.png); }
a.btn:hover { background-color: #dd535b; text-decoration: none; }
a.confirm:hover { background-color: #8fdb28; }




/* 	**********************************************************************
	HEADLINES
	**********************************************************************/

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #353535; line-height: 1.2em}
h1 { font-size: 24px; margin-bottom: 0.5em; }
h2 { font-size: 20px; margin-bottom: 0.5em; }
h3 { font-size: 16px; margin-bottom: 0.5em; }
h4 { font-size: 13px; margin-bottom: 0.5em; font-weight: bold; }
h1.hr { padding-bottom: 2px; border-bottom: 1px solid #c9c9c9; width: 100%; }
h4.sektion { border-top: 1px solid #eeeeee; border-bottom: 1px solid #9d9d9d; padding: 2px 0px 2px 0px; }

/* 	**********************************************************************
	TEXTFORMATIERUNG
	**********************************************************************/

sub, sup { font-size: 60%; line-height:100% }	
sub { vertical-align: bottom; }
sup { vertical-align: top; }
address { font-style: normal; }
strong, em { font-weight: bold; }
hr { display: none; }
p {  line-height: 1.3em; }


/* 	**********************************************************************
	LAYOUT
	**********************************************************************/
	
#wrapper { position: relative; z-index: 1; width: 887px; padding: 0px 0px 0px 0px; margin: 0 auto 0 auto; }

#bg-wrapper { position: absolute; z-index: 0; width: 100%; min-width: 887px ; height: 350px; top: 0; left: 0; padding: 0px 0px 0px 0px; margin: 0 auto 0 auto; background: transparent url(../img_style/bg_wrapper.jpg) top center no-repeat; }

#header { position: relative; width: 100%; padding:10px 0px 10px 0px; clear: both; }
#logo { position: relative; width: 240px; height: 94px; background: transparent; }
#logo-overlay { z-index: 10; }
#logo-inner { position: relative; width: 240px; height: 94px; background: transparent; z-index: 0; }
#logo a { display: block; width: 240px; height: 94px; background: transparent url(../img_style/soundscout_logo_web.gif) 0px 0px no-repeat;}
#logo img { visibility: hidden; }
#betaversion { position: absolute; z-index: 5; bottom: 15px; right: -23px; width: 32px; height: 13px; background: transparent url(../img_style/beta_version.gif) 0px 0px no-repeat; }
#facebook-soundscout { position: absolute; z-index: 5; top: 78px; right: -96px; display: block; width: 38px; height: 38px;  }

#panel-user-logged { position: absolute; width: 530px; height: 40px; top: 20px; right: 0px; background: transparent url(../img_style/bg_panel_logged.jpg) 0px 0px no-repeat; padding: 10px 0px 10px 0px; }
#panel-user-logged { background: transparent; }
#panel-user-logged dl { position: relative; z-index: 1; color: #353535; width: 225px; float: left; padding: 0px 20px 0px 20px; }
#bg-panel-user-logged { position: absolute; width: 100%; height: 75px; top: 0px; right: 0px; background: #fff; 0px 0px no-repeat; z-index: 0; }
dt, span.label { font-size: 11px; line-height: 15px; color: #353535; }
dd { font-size: 16px;}
#user-karriere { background: transparent url(../img_style/bg_trenner_y.gif) top right repeat-y; }
#user-logged { }
.user-name { color: #d52832; }
.user-rolle { font-size: 13px; color: #5a5a5a; }

#content { position: relative; width: 855px; padding: 20px 15px 20px 15px; border: 1px solid #d2d2d2; background: #fff url(../img_style/bg_content.jpg) top left repeat-y; }

#wrapper.popup { width: 570px; }
#content.popup { width: 540px; margin: 10px 0px 10px 0px; }

.aktionspunkte { position: relative; width: 85px; height: 65px; padding: 10px 0px 10px 0px; text-align: center; color: #414440; font-size: 11px; font-weight: bold; background: transparent url(../img_style/bg_aktionspunkte.png) top left no-repeat; }
.aktionspunkte strong { font-size: 30px; color: #b9222b; }
.aktionspunkte * {line-height: 1.0em !important;}

#panel-karriere { width: 264px; border: 1px solid #d2d2d2; background: #d6d6d6 url(../img_style/bg_panel_userinfo.jpg) top left repeat-x; padding: 17px 17px 17px 17px; }

#karriere-nipper { background: transparent url(../img_style/big_nipper_00.png) top left no-repeat; float: left; width: 120px; height: 120px; margin: 10px 0px 0px 10px; }
#karriere-foto { float: right; border: 1px solid #9d9d9d; width: 100px; height: 100px; padding: 9px; }
#user-foto { width: 100px; height: 100px; overflow: hidden; background: transparent no-repeat center center; }

.barometer { position: relative; width: 261px; height: 19px; background: #b5b5b5; border: 1px solid #9d9d9d; color: #fff; font-weight: bold; font-size: 13px; overflow: hidden; line-height: 1.0em; }
.barometer .skala { position: absolute; width: 251px; height: 13px; z-index:2; padding: 3px 5px 3px 5px; background: transparent url(../img_style/bg_barometerraster_10er.gif) top left no-repeat; }
.barometer .skala.eichung-10 { background-image: url(../img_style/bg_barometerraster_10er.gif); }
.barometer .skala.eichung-20 { background-image: url(../img_style/bg_barometerraster_20er.gif); }
.barometer .balken { position: absolute; width: 0px; height: 19px; z-index:1; background: transparent url(../img_style/bg_barometerverlauf.jpg) top left no-repeat; }
.barometer .balken.statusbar { background-image: url(../img_style/bg_barometerverlauf_status.jpg); }
.barometer .balken.karrierebar { background-image: url(../img_style/bg_barometerverlauf_karriere.jpg); }

#trophies { padding: 5px 0px 0px 0px; }
#trophies li { display: block; width: 64px; height: 88px; background: transparent url(../img_style/award_gold.png) top left no-repeat; float: left; margin-right: 10px;}
#trophies li.award-gold { background-image: url(../img_style/award_gold.png); }
#trophies li.award-platin { background-image: url(../img_style/award_platin.png); }
#trophies li.award-diamant { background-image: url(../img_style/award_diamant.png); }
#trophies li span { display: none; }

.panel-info { width: 298px; border: 1px solid #d2d2d2; background: #eeeeee; }
.panel-largeinfo { width: 538px; border: 1px solid #d2d2d2; background: #eeeeee; }
.panel-info * { line-height: 1.3em; }
.info-head { background: transparent url(../img_style/bg_panelheader.jpg) top left repeat-x; border-bottom: 1px solid #d2d2d2; height: 37px; overflow: hidden; }
.info-head h2 { font-size: 15px !important; margin: 0px; line-height: 1.2em; background: transparent url(../img_style/bg_panelheader_icon.gif) 10px 6px no-repeat; padding: 10px 10px 10px 46px; }
.info-body { padding: 10px; }
.info-body p { margin: 0px !important; }
.info-body ul.itemliste  { padding: 0px; width: 278px; ; border: none; background: transparent; }
.info-body ul.itemliste a { font-weight: bold;  }
.info-body .info-navi { background: #d3d3d3; padding: 8px; margin-top: 10px;  }

#intro-header { position: relative; width: 887px; padding: 0px 0px 0px 0px; }

#panel-introteaser { position: relative; float: left; width: 572px; height: 405px; overflow: hidden; background: transparent no-repeat top left;}
/*
#panel-introteaser { position: relative; width: 540px; height: 405px; overflow: hidden; background: transparent no-repeat top left;}
#panel-introteaser li { position: absolute; bottom: 0px; line-height: 1.3em; width: 176px; height: 68px; }
#panel-introteaser li a { display: block; width: 156px; height: 48px; overflow: hidden; text-align: center;  padding: 5px 10px 10px 10px; }
#panel-introteaser li a span { color: #5b5e5f;  font-size: 14px; }
#panel-introteaser li a strong { font-size: 16px; font-weight: bold; line-height: 1.5em;}
#panel-introteaser li a:hover, #panel-introteaser li a:hover *, #panel-introteaser li.active a, #panel-introteaser li.active a * { text-decoration: none; color: #fff; }
#panel-introteaser li#tab-exklusiv { left: 2px; }
#panel-introteaser li#tab-umfragen { left: 183px; }
#panel-introteaser li#tab-missions { right: 2px; }
#panel-introteaser #claim { position: absolute; top: 15px; left: 20px; width: 500px; color: #fff; font-size: 13px; font-weight: bold; }
#panel-introteaser #claim h2 { font-size: 22px; margin-bottom: 0.1em; }
#panel-introteaser #claim .claim-on { position: absolute; top: 0px; left: 0px; }
#panel-introteaser #claim .claim-off { position: absolute; top: -500px; left: 0px; }
*/
#panel-login { position: relative; width: 262px; height: 367px; overflow: hidden; padding: 19px; background: transparent url(../img_style/bg_panel_login.jpg) no-repeat top left; }

#anmeldestatus { position: relative; width: 250px; padding-left: 50px; padding-top: 38px; }
#anmeldestatus ol { list-style: decimal outside !important; }
#anmeldestatus li { padding: 0px 0px 0px 10px; margin-bottom: 1px; }
#anmeldestatus li span { height: 18px; padding: 3px 0px 0px 10px; display: block; width: 230px; background: #dcdcdc; color: #a4a4a4;  }
#anmeldestatus li.prev span { color: #5a5a5a; }
#anmeldestatus li.now { background: transparent url(../img_style/bg_anmeldestatus.gif) top left no-repeat; }
#anmeldestatus li.now span { color: #fff; background: transparent; }

.karrierewahl { width: 100%; height: 168px; background: transparent url(../img_style/img_karriere.jpg) center center no-repeat; }

#panel-infobanner { width: 520px; height: 124px; background: transparent url(../img_style/bg_infobanner.png) top left no-repeat; }
#panel-infobanner ul { list-style: none; margin: 0px; }
#panel-infobanner li { height: 104px; float: left;  }
#panel-infobanner span { width: 94px; height: 64px; background: #d52832; display: block; text-align: center; font-size: 15px; padding: 35px 5px 5px 5px; text-decoration: none; color: #fff; font-weight: bold; }
#panel-infobanner a { display: block; float: left; width: 104px; height: 104px; margin: 0px 8px 0px 0px; padding: 10px; }
#panel-infobanner a.lastChild { margin-right: 0px; }
#panel-infobanner a span { visibility: hidden; }
#panel-infobanner a:hover span { visibility: visible; }


/* 	**************************************************
	FOOTER
	**************************************************/
#footer { position: relative; width: 887px; padding: 0px 0px 0px 0px; clear: both; font-size: 11px; margin-top: 20px; margin-bottom: 20px;}
#footer-top { position: relative; width: 100%; border-bottom: 1px solid #b5b5b5; padding-bottom: 4px;}
#footer-top h3 { font-size: 11px; display: inline; float: left; padding-right: 4px; font-weight: bold; line-height: 11px; }
#footer-top ul { display: block; width: 65%; overflow: hidden;  }
#footer-top li { display: inline; }
#footer-top a { border-right: 1px solid #b5b5b5; padding-right: 4px; }
#footer-bottom { position: relative; width: 100%; clear: left; padding-top: 5px; }
#footer-bottom a.emiicon { color: #5a5a5a; background: transparent url(../img_style/icon_emi.gif) center left no-repeat; padding-left: 20px;}
#footer-bottom a#totop { position: absolute; right: 0px; text-align: right; background: transparent url(../img_style/icon_totop.gif) center right no-repeat; padding-right: 12px;}


/* 	**************************************************
	HAUPTMENU
	**************************************************/
#menu { position: relative; width: 885px; height: 40px; background: transparent url(../img_style/bg_mainmenu.jpg) top left no-repeat; margin-left: 1px; margin-bottom: 1px;  }
#menu li { display: block; float: left; }
#menu a, #menu a:link,#menu a:visited { background: transparent; display: block; padding: 12px 10px 12px 10px; color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; margin-right: 2px;}
#menu a:hover, #menu a:active, #menu a:focus { text-decoration: none; background: #dd535b; }
#menu-left { position: absolute; top: 0px; left: 0px; width: 70%; padding-left: 5px; }
#menu-right { position: absolute; top: 0px; right: 0px; text-align: right; padding-right: 3px; }
#menu #menu-right a { font-size: 12px; }
#menu a.activated { background: #b9222b; }
#menu.index-style { height: 16px; }

/* 	**************************************************
	SPALTENLAYOUT
	**************************************************/

.col-33, .col-50, .col-100, .col-datum, .col-aktion, .col-punkte, .col-news { position: relative; display: block; margin-right: 15px; float: left; }
.col-33 { width: 275px; }
.col-50 { width: 420px; }	
.col-100 { width: 855px; float: none; }	
.col-datum { width: 27px; }
.col-aktion { width: 378px; }	
.col-punkte { width: 85px; float: right; margin-right: 0px; }
.col-news { width: 478px; margin-right: 0px; }


.col-gross, .col-klein { position: relative; display: block; }
.col-klein { width: 300px; float: right; margin-left: 15px; }
.col-gross { width: 540px; float: left; }

.colend { margin-right: 0px; float: right; }


/* 	**************************************************
	FARB-, SCHRIFTGRÖSSEN- und ABSTANDFORMATIERUNG
	**************************************************/
	
.box { padding: 10px; background: #fcfcfc url(../img_style/bg_abstract.jpg) top left repeat-x; }
.box.high { background-image: url(../img_style/bg_abstract_high.jpg); background-color: #f0f7f9; }

.gap-none { margin-bottom: 0em !important;}
.gap-small { margin-bottom: 0.5em !important; }
.gap-normal { margin-bottom: 1.0em !important; }
.gap-modul { margin-bottom: 2.0em !important; }

.smallfont { font-size: 11px; }


/* 	**************************************************
	ICON BUTTONS
	**************************************************/
a.icon { display: block; }
a.icon.tooltip { background: transparent url(../img_style/icon_tooltip.gif) no-repeat center left; font-size: 14px; height: 14px; line-height: 0px; padding: 0px 0px 0px 14px; text-decoration: none; margin-right: 5px; float:left; margin-top: 1px; }
a.icon span { display: none; }

/* 	**************************************************
	SCHNELL NAVI
	**************************************************/
.fastnavi {background: #d3d3d3; padding: 5px 10px 5px 10px; }
.fastnavi span { width: 50%; text-align: right; float: right; }
.validate { background: transparent; }

/* 	**************************************************
	PAGINATOR
	**************************************************/

.paginator, .pages .pag-results { width: 100%; text-align: center; }
.pages { padding: 6px; margin: 0px 0px 1.0em 0px; border: 1px solid #D2D2D2; text-align: center; background: transparent; }
.pages .pag-results { color: #7F7F7F; }
.pages .pag-start { color: #C7C7C9; padding-right: 1.0em; }
.pages .pag-end { color: #C7C7C9; padding-left: 1.0em; }
.pages .pag-thispage { font-weight: bold; padding-right: 0.5em; padding-left: 0.5em; }
.pages a { padding-right: 0.2em; padding-left: 0.2em; }
.pages a.pag-next { padding-right: 0px; padding-left: 1.0em; }
.pages a.pag-prev { padding-right: 1.0em; padding-left: 0px; }



/* 	**********************************************************************
	FORMULARE
	**********************************************************************/

fieldset { position: relative; padding: 0px; display: block; }
fieldset.formularbox { background: #eeeeee; border: 1px solid #d2d2d2; padding: 20px; margin-bottom: 10px; }
fieldset.formularbox.pad-10 { padding: 10px; }
fieldset .trenner { background-image: url(../img_style/bg_trenner_li.gif); }
fieldset p { margin-bottom: 1.0em !important; }

legend { display: none; }

label { position: relative; font-weight: normal; line-height: 1.2em; display: block; margin-bottom: 0.1em; padding: 0px 1px; }
label.checkboxtext { font-weight: normal; display: inline; line-height: 1.4em; font-size: 12px;}
label.h3 { font-weight: normal; font-size: 18px; padding: 0px; margin: 0px; margin-bottom: 4px; line-height: 1.0em; color: #353535; float: left;  }

input, textarea, select { font: normal 100% Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; margin-bottom: 0.5em; }
input.text, textarea { background-color: #fff; border: 1px solid #d2d2d2; padding: 2px 5px; color: #6a6e76; }	
select {  background-color: #fff; border: 1px solid #d2d2d2; padding: 1px 5px; color: #6a6e76; }


input.checkbox, input.radio { margin: 2px 5px 0px 0px;  padding: 0px; float: left; }

a.imgbtn, input.submit, input.reset { float: left; overflow: hidden; background: transparent url(../img_style/bg_button.gif) top left no-repeat; border: none; cursor: pointer; color: #5a5a5a; font-weight: bold; padding: 0px; padding-bottom: 2px; margin-right: 10px; width: 135px; height: 24px; text-align: center; vertical-align: middle; line-height: 1.0em; }
a.imgbtn { display: block; padding-top: 5px; height: 16px; padding-bottom: 3px; float: none; }
a.imgbtn:hover, input.submit:hover, input.reset:hover { color: #d52832; text-decoration: none; }

* html a.imgbtn, * html input.submit, * html input.reset { padding: 0px; padding-bottom: 0px; }
* html a.imgbtn { padding-top: 4px; height: 16px; padding-bottom: 4px;}

a.btn-facebook { background-image: url(../img_style/bg_button_facebook.gif); width: 195px; text-align: center; padding-left: 0px; float: left; margin-bottom: 1.0em; }

input.text.kleincol { width: 248px; border: 1px solid #9d9d9d; }
input.text.halb { width: 224px; }
input.text.ganz { width: 482px; }
input.text.disabled { background-color: #eeeeee; color: #a5a5a5; }

textarea.ganz { width: 482px; height: 250px; }
textarea.full-content { width: 528px; height: 250px; }
textarea.ganz.klein { height: 150px; }
textarea.ganz.kleiner { height: 80px; }
textarea.embedcode { width: 482px; height: 52px; }

select.wBig { width: 236px; float: left;}
select.wXSmall { width: 66px; margin-left: 0px; margin-right: 9px; overflow: hidden; float: left; }
select.wSmall { width: 86px; overflow: hidden; float: left;}


.f_col0, .f_col1, .f_col2 { position: relative; width: 48%; padding-bottom: 8px; }
.f_col0 { position: relative; width: 98%; float: none; }
.f_col1 { float: left; }
.f_col2 { float: right; }

.f_checkbox { width: 4%; padding-top: 2px; }
.f_label { width: 96%;  }

.alert { padding: 10px; margin-bottom: 1.0em; background: #f29400; color: white; }
.alert h3 { font-size: 13px; }
.alert ul { list-style: circle inside; padding-left: 5px; margin-bottom: 0px !important; }
.alert li { font-size: 13px; }

.captcha { background-color: #FFF; border: 1px solid #dedede; border-top: 1px solid #cbcccd; border-right: 1px solid #cbcccd; cursor: pointer; }
.captcha:hover { cursor: pointer; }

.minifilter {}
.minifilter label { float: left; padding: 2px 1px; margin-right: 1.0em; }
.minifilter select { padding: 2px 5px; margin-right: 1.0em; margin-bottom: 0;}
.minifilter input.submit { margin-bottom: 0;}

/* 	**********************************************************************
	ARTIKEL / TEXTEDITOR
	**********************************************************************/

.artikel * { line-height: 1.4em; }

/*	# TEXTE / ABSÄTZE */ 
.txt.intro { font-weight: bold; }
.txt.intro b, .txt.intro strong { color: #000; }
.artikel p, .artikel ol, .artikel ul, .artikel .txt { margin-bottom: 1.9em; }
.artikel .txt p, .artikel .txt  ol, .artikel .txt ul { margin-bottom: 0px; }
.artikel h1 { font-size: 24px; }
.artikel h2 { font-size: 18px; }
.artikel h2.sifr { font-size: 20px; }

/*	# BILDER */ 
.bild { display: block; float: left; background: #e5e5e5; border: 1px solid #d2d2d2; padding: 1px; }
.bild span { /*  Bildunterschrift */ display: block; padding: 11px 10px 10px 10px; font-size: 12px; line-height: 1.0em; font-weight: normal;  }
.bild.umflussrechts { float: right; margin-left: 1.5em; }
.bild.umflusslinks { float: left; margin-right: 1.5em; }

/*	# LISTEN */ 
.artikel ol { list-style: decimal outside; margin-left: 1.5em; }
.artikel ul { list-style: disc outside; margin-left: 1.5em; }
.artikel .combi ol, .artikel .combi ul { list-style-position: inside; }

ul.itemliste  { list-style: none; margin-left: 0px; padding: 5px 10px 5px 10px; width: 518px; background: #eeeeee; border: 1px solid #d2d2d2; }
ul.itemliste li span.li-item { background: transparent url(../img_style/bg_panel_li_icon.gif) top left no-repeat; padding: 5px 0px 0px 36px; display: block; }
ul.itemliste li { background: transparent url(../img_style/bg_trenner_li.gif) top left repeat-x; padding: 5px 0px 5px 0px; }
ul#newsfeed.itemliste { padding: 0px; display: block; width: 298px; }
ul#newsfeed.itemliste li { padding: 10px; display: block; width: 278px; background: transparent url(../img_style/bg_trenner_li.gif) bottom left repeat-x; }
ul.itemliste li.first-li { background: transparent; }
ul.itemliste.linkliste li span.li-item { background-image: url(../img_style/bg_icon_link.gif); }
ul.itemliste.downloadliste li span.li-item { background-image: url(../img_style/bg_icon_download.gif); }
ul.itemliste.userliste li span.li-item { background-image: url(../img_style/bg_icon_email.gif); }
ul.itemliste.rssliste li span.li-item { background-image: url(../img_style/bg_icon_rss.gif); }

.newsticker { position: relative; height: 200px; width: 278px; display: block; overflow: hidden; padding: 10px; }
ul#newsfeed .bild img { display: none; }
ul#newsfeed .bild { background: #fff center center no-repeat; padding: 0px; border: 1px solid #fff; width: 84px; height: 84px; margin-right: 10px; }
ul#newsfeed .aktionslabel { float: left; margin-right: 10px; }
.teaser-shadow-top { position: absolute; top: 0px; left: 0px; z-index: 30; width: 298px; height: 12px; background: transparent url(../img_style/teaser_shadow_top.png) top left no-repeat; }
.teaser-shadow-bottom { position: absolute; bottom: 0px; left: 0px; z-index: 31; width: 298px; height: 12px; background: transparent url(../img_style/teaser_shadow_bottom.png) top left no-repeat; }

/*	# GALERIE */ 
.galerie { padding: 10px 0px 0px 10px; width: 528px; overflow: hidden; background: #e5e5e5; border: 1px solid #d2d2d2; }
.galerie .preview { width: 122px; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
.galerie a { display: block; width: 114px; height: 114px; text-align: center; background: #fff; padding: 3px; border: 1px solid #fff; float: none; }
.galerie a:hover { border-color: #d52832; }

/*	# TRENNER */ 
.trenner { padding-top: 2px; background: transparent url(../img_style/bg_trenner_x.gif) repeat-x top left; width: 100%; }
* html .trenner { height: 10px; }
.trenner.smallfont { padding-top: 14px; }
.trenner.soft { padding-top: 1px; background: transparent; border-bottom: 1px solid #c9c9c9; margin-bottom: 0.5em; }

/* ZITATE */
blockquote { color: #2d4b9b; background: transparent url(../img_style/bg_zitat_start.gif) no-repeat top left; padding: 15px 0px 0px 50px; }
blockquote p { font-weight: bold; font-size: 20px; margin-bottom: 0.5em !important; line-height: 1.0em; }

/* ABSTRACT */
.abstract { position: relative; width: 520px; padding: 10px; }
.abstract.nohr { background: transparent; padding-bottom: 0em; } 
.abstract p, .abstract ol, .abstract ul, .abstract .txt { margin-bottom: 0em; }
.abstract h1, .abstract h1 a { line-height: 1.2em; margin-bottom: 0em; }
.abstract h2, .abstract h2 a { line-height: 1.2em; font-size: 18px; }
.faqbox h2, .faqbox h2 a { line-height: 1.5em; font-size: 15px; }
.abstract .bild { background: #fff center center no-repeat; padding: 0px; border: 1px solid #fff; width: 94px; height: 94px; }
.abstract .bild img { display: none; }
/*.abstract .bild { background: #fff; padding: 5px; border: 1px solid #535353; }*/

/* DATUM */
.datum { width: 30px; background: #fff; border: 1px solid #d2d2d2; text-align: center; color: #000; font-size: 10px; padding: 0px 0px 2px 0px; margin-bottom: 5px; }
.nodatum { width: 30px; margin-bottom: 4px; height: 1px; }
.datum * { line-height: 1.0em !important; }
.datum-jahr { display: block; width: 30px; background: #d52832; ; text-align: center; color: #fff; padding: 1px 0px 1px 0px; margin-bottom: 1px; }
.datum-tag { font-size: 18px; font-weight: bold; }
.datum-monat { font-weight: bold; }

/* BEREICHS-LABEL */
.abstractlabel { width: 32px; height: 14px; background: red url(../img_style/icon_abstract_news.gif) top left no-repeat; margin-bottom: 5px; }
.abstractlabel span { display: none; }
.label-survey, .label-umfrage { background-image: url(../img_style/icon_abstract_survey.gif); }
.label-voting, .label-exklusiv { background-image: url(../img_style/icon_abstract_voting.gif); }
.label-mission { background-image: url(../img_style/icon_abstract_mission.gif); }
.label-news { background-image: url(../img_style/icon_abstract_news.gif); }
.label-faq { background-image: url(../img_style/icon_abstract_faq.gif); }

/* AKTIONS-LABEL */
.aktionslabel { width: 85px; height: 29px; background: transparent top left no-repeat; margin-bottom: 5px; }
.aktionslabel a { width: 85px; height: 29px; display: block; margin: 0px; }
.aktionslabel span { display: none; }
.aktionslabel-umfrage { background-image: url(../img_style/icon_abstract_umfrage.png); }
.aktionslabel-exklusiv { background-image: url(../img_style/icon_abstract_exklusiv.png); }
.aktionslabel-mission { background-image: url(../img_style/icon_abstract_mission.png); }

/* TEILNAHME-LABEL */
.teilnahmelabel { width: 32px; height: 32px; background: transparent url(../img_style/icon_abstract_teilnahme.png) top left no-repeat; margin-bottom: 5px; }
.teilnahmelabel span { display: none; }
.teilnahmelabel.teilgenommen { background-image: url(../img_style/icon_abstract_teilnahme_ja.png); }
.teilnahmelabel.nichtteilgenommen { background-image: url(../img_style/icon_abstract_teilnahme_nein.png); }
.teilnahmelabel.teilnahmecheck { background-image: url(../img_style/icon_abstract_teilnahme_check.png); }

/* AKTIONS STOERER */
div.ecklabel-beendet { margin: 0; position: absolute; display: block; width: 85px; height: 85px; z-index: 100; background: transparent url(../img_style/label_beendet.png) top left no-repeat; top: 0px; right: 0px;}
.hinweis-prominent { position: relative; background: #f29400; height: 65px; color: #fff; }

/* UMFRAGE-MODUL */
.panel-survey { width: 240px; height: 184px; padding: 30px 280px 30px 20px; background: transparent url(../img_style/bg_panel_umfragen.jpg) top left no-repeat; color: #fff; }

/* MISSION-MODUL */
.panel-mission { width: 240px; height: 184px; padding: 30px 280px 30px 20px; background: transparent url(../img_style/bg_panel_missionen.jpg) top left no-repeat; color: #fff; }
.panel-moderator { padding: 5px 10px 5px 10px; width: 518px; background: #d1e2e9; border: 1px solid #d2d2d2; }


/* 	**************************************************
	TABELLEN
	**************************************************/

table { background: transparent; }
th, td { padding: 3px 8px 2px 1px; line-height: 1.2em; }
table ul, table li { margin-bottom: 0px !important;  }

table.uebersicht { width: 100%; font-size: 12px; }
table.uebersicht td { border-bottom: 1px solid #bfbfbf; }
table.uebersicht td.t-label { width: 30%; }
table.uebersicht td.t-value { width: 60%; font-weight: bold;}
table.uebersicht td.t-edit { width: 5%; font-weight: bold;}
table.uebersicht td.t-value span { font-weight: normal;}


/* 	**********************************************************************
	TABMENU
	**********************************************************************/
	
.tabmenu { width: 100%; border-bottom: 1px solid #b9222b; }
.tabmenu ul { width: 100%; list-style: none; margin: 0px; padding: 0px; }
.tabmenu ul li { list-style: none !important; margin: 0px; padding: 0px; width: 132px; float: left; margin-right: 4px;}
.tabmenu ul a, .tabmenu ul a:link, .tabmenu ul a:visited { display: block; float: left; width: 122px; padding: 2px 5px 2px 5px; background: #c9c9c9; color: #d52832; text-align: center;  text-decoration: none; }
.tabmenu ul a:hover, .tabmenu ul a:active, .tabmenu ul a:focus { background: #d52832; color: #fff; text-decoration: none; }
.tabmenu ul a.activated { background: #b9222b; color: #fff; }
.tabmenu ul li.lastChild { margin-right: 0px !important; }

/* 	**********************************************************************
	SUBMENU
	**********************************************************************/

.submenu { width: 100%; }
.submenu ul { list-style: none; margin: 0px; padding: 5px; background: #d62832; overflow: auto;}
.submenu ul li { list-style: none !important; margin: 0px; padding: 0px; float: left; margin-right: 4px;}
.submenu ul a, .submenu ul a:link, .submenu ul a:visited { display: block; float: left; padding: 2px 5px 2px 5px; background: #d62832; color: #fff; text-align: left;  text-decoration: none; }
.submenu ul a:hover, .submenu ul a:active, .submenu ul a:focus { background: #dd535b; color: #fff; text-decoration: none; }
.submenu ul a.activated { background: #b9222b; color: #fff; }
.submenu ul li.lastChild { margin-right: 0px !important; }
.submenu ul li.txt_block { padding: 3px 3px 3px 10px; color: #fff;}

/* 	**********************************************************************
	FEEDBACK
	**********************************************************************/
.feedback_userbild, .feedback_karriere { float: left; background: #fff center center no-repeat; width: 41px; height: 41px; overflow: hidden; margin-right: 5px; }
.feedback_userbild img, .feedback_karriere img { display: none; }
.feedback_userbild { border: 1px solid #d2d2d2; }
.feedback_karriere { width: 43px; height: 43px; background-color: transparent; }
.feedback_autor { overflow: hidden; padding-top: 4px; font-size: 12px; margin-bottom: 15px; }	
.feedback_autor span { color: #000000; }

/* 	**********************************************************************
	STATISTIK
	**********************************************************************/
.statistik { position: relative; padding: 10px; background: #eaeaea; border: 1px solid #c8c8c8; color: #000; }
.statistik .bargraph { width: 100%; height: 50px; background: transparent url(../img_style/icon_loading.gif) center center no-repeat; }
.statistik h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.statistik h3 small { font-size: 13px; font-weight: normal; }
.statistik .mooBarLegend { }
.statistik dfn { font-size: 12px; margin-left: 5px; }
.statistik .mooBarBg { 
	background: transparent url(../img_style/bg_barGraph.png) top left repeat; 
	-moz-border-radius:2px 2px 2px 2px;
	-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}

/* 	**********************************************************************
	MISSION DETAIL
	**********************************************************************/
.mod_user { padding-left: 14px; background: transparent url(../img_style/icon_moderator.gif) center left no-repeat; }
.diashow { position: relative; padding: 10px; background: #eaeaea; border: 1px solid #c8c8c8; color: #000; height: 343px; overflow: hidden; }
.slideshow-container { position: relative; width: 300px; height: 300px; overflow: hidden; }
.slideshow-container a { width: 300px; height: 300px; overflow: hidden; cursor: pointer; position: absolute; z-index: 1; top: center; left:0; display: block; background: transparent url(../img_style/icon_loading.gif) center center no-repeat; }
.slideshow-container a img { visibility: hidden; }
.slideshow-subinfo { cursor: pointer; position: absolute; z-index: 10; top: auto; bottom: 0; left:0; display: block; width: 280px; height: 20px; padding: 10px 10px 10px 10px; color: #fff; background: transparent url(../img_style/bg_btn_galery_lupe.png) top right no-repeat; }
.slideshow-subinfo:hover { background-color: #5795a6; }
.panel-info .diashow { border: none; height: 320px; }
.panel-info .slideshow-container { width: 278px; height: 278px; }
.panel-info .slideshow-container a { width: 278px; height: 278px; }
.panel-info .slideshow-subinfo { width: 258px; }

/* 	**********************************************************************
	MISSION NACHWEISLISTE
	**********************************************************************/
ul.nachweisliste { display: block; width: 100%; position: relative; list-style: none; margin: 0px; padding: 0px; }
ul.nachweisliste li { display: block; width: 100%; margin-bottom: 3px; }
a.nachweis-detailbutton, .nachweis-detail { padding: 4px 0px 4px 0px; overflow: auto; display: block; width: 100%; text-decoration: none; color: #000; background: #e5e5e5 url(../img_style/bg_icon_detail.jpg) no-repeat right center; }
.nachweis-detail { background: #e5e5e5; }
a.nachweis-detailbutton:hover { background: #fadee6 url(../img_style/bg_icon_detail_high.jpg) no-repeat right center; }
.nachweis-default { position: relative; display: block; height: 44px; width: 44px; float: left; margin-right: 4px; overflow: hidden; }
.nachweis-status { width: 30px; background: #a6a6a6; }
.nachweis-akzeptiert { background: #75b71c url(../img_style/bg_icon_status_ok.png) no-repeat center center; }
.nachweis-abgelehnt { background: #b9222b url(../img_style/bg_icon_status_rejected.png) no-repeat center center; }
.nachweis-pruefung { background: #f7ba00 url(../img_style/bg_icon_status_check.png) no-repeat center center; }
.nachweis-edit { background: #a6a6a6 url(../img_style/bg_icon_status_edit.png) no-repeat center center; }
.nachweis-userbild { height: 42px; width: 42px; border: 1px solid #fff; background: #fff url(../img_style/user_klein.jpg) center center no-repeat; }
.nachweis-userkarriere { background: transparent url(../img_style/small_nipper_00.png) center center no-repeat; }
.nachweis-user { width: 154px; font-size: 12px; padding-top: 4px; height: 40px; }
.nachweis-preview { width: 210px; margin-right: 40px; text-align: right; float: right; }
.nachweis-text { margin: 0px 0px 0px 1px; float: right !important; width: 21px; background: transparent url(../img_style/icon_nachweis_text_leer.gif) center center no-repeat; }
.nachweis-text-voll { background-image: url(../img_style/icon_nachweis_text_voll.gif); }
.nachweis-bild { margin: 0px 0px 0px 4px; float: right !important; height: 42px; width: 42px; border: 1px solid #fff; background: #fff url(../img_style/bg_nachweis_leer.gif) center center no-repeat; }


/* 	**********************************************************************
	MOOTOOLS / TOOLTIP
	**********************************************************************/
.tip1 .tiptop {}
.tip1 .tip { position: absolute; color: #fff; width: 280px; z-index: 13000; border: 1px solid #cc041b; padding: 4px 0px 4px 0px; background: transparent url(../img_style/bg_tooltip.png) top left;}
.tip1 .tip .tip-title { 
	font-weight: bold; font-size: 12px; margin: 0; color: #fff;
	padding: 4px 8px 4px 8px; background: transparent; line-height: 1.3em; }
.tip1 .tip .tip-text { 
	font-size: 12px; padding: 4px 8px 4px 8px;
	background: transparent; line-height: 1.3em;}
.tip1 .tip-bottom {}

.accordion-element { }


/* 	**********************************************************************
	ALLGEMEINES
	**********************************************************************/
.transparent-90 { filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity: 0.90; opacity: 0.90; }
.transparent-80 { filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; }
.transparent-50 { filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.transparent-none { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
.standard-corner { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;  }
.box-shadow { -moz-box-shadow: 0px 0px 4px #868686; -webkit-box-shadow: 0px 0px 4px #868686; box-shadow: 0px 0px 4px #868686; }

.hide, .zu, .aus { display: none; }
.auf, .an {display: block; }
.stopfloat, .clearfloat { clear: both; }
div.stopfloat { width: 100%; height: 1px !important; overflow: hidden; }
.linksfluss { float: left; }
.rechtsfluss { float: right; }
.keinfluss { float: none; }

}