@charset "UTF-8";
* {
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
body {
    background-image: url(/img/template/body_bg_tile.jpg);
    /*background-image: url(/img/bg.jpg);*/
    background-repeat: repeat;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow-x: hidden;

}
input, select, textarea {
    border: 1px solid #ccc;
    padding: 2px;
}
a {
    color: #008000;
}

#login_msg {
    font-size: 10px;
}

#pwd_request_box {
    
    width: 400px;
    padding: 30px;
    margin: 0 auto;
}
#pwd_request_senden_button {
    background: url(/img/template/top_menu/top_menu_senden.png) 0 0 no-repeat ;
    height:21px;
    padding: 0;
    vertical-align:middle;
}
#r_form_pwd_request {
}

div#wrapper {
    margin: 0 auto;
    position:relative;
    /*left: 50%;*/
    /*margin-top: 50px;*/
    width: 982px;
    /*margin-left: 491px;*/
    z-index: 10; /* was -100 ?!?!for overlapping effect*/
}
.link {
    cursor: pointer; cursor: hand; /*for IE*/
}
.wochenaufgabe_link {
    display:block;
    font-weight:bold;
    color:red;
    background: url(/img/wochenaufgabe/punkt.jpg) no-repeat left center ;
    padding-left: 14px;
}

div#fridge_handle, div#fridge_handle2 {
    position:absolute;
    float: left;
    width: 45px;
    height: 315px;
    /*border:1px solid;*/
    background: url(/img/template/main/fridge_handle.png) no-repeat ;
    margin: 140px 0 0 24px;
}
div#fridge_handle2 {
    margin-top: 820px;
}


div#wrapper_main{
    margin: 0 auto;
    width: 940px;

}

#pull_up { /*alx cheap trick to pull up the text without the tiling bg... will need different old IE fix...*/
    margin-top: -180px;
}
#general_header {
    height:320px;
    margin-left: -20px;
    background:  url(/img/template/general_bg_top.png) top left no-repeat ;
}
#general_body {
    margin-left: -20px;
    background:  url(/img/template/general_bg_middle.png) top left repeat-y ;
    min-height:200px;
    width:100%;
    float:left; /*important*/
}
#general_footer{
    height:50px;
    margin-left: -20px;
    background:  url(/img/template/general_bg_footer.png) top left no-repeat ;
    width:100%;
    float:left;
    margin-bottom: 100px;
}

/*alx can probably go*/
/*div#wrapper_rechts {
    float: left;
    width: 20px;
    margin-top: 180px;
    background: transparent;
}
div#wrapper_rechts img { margin-bottom: 0px; }*/

div#wrapper_footer {
    width:100%;
    height: 342px;;
    float:left; /*important*/
    background: transparent url(/img/template/footer/boden_kachel.jpg) bottom repeat-x;
    position:relative;
    z-index:1; /*importnat for hrefs to work*/
}
#fridge_bottom {
    width:940px;
    height:320px;
    margin: 0 auto;
    background: transparent url(/img/template/footer/kuehlschrank_boden.png) no-repeat;
    position:relative;
}

#footer_text {
    padding: 160px 20px 20px 50px;
    /*float:right;*/
    margin-top:15px;
    width: 650px;
    position:absolute;
}
#left_speaker {
    width:320px;
    height:791px;
    float:left;
    position:relative;
    bottom: 0;
    z-index:-1;
    margin-top:-571px;
}
#right_speaker {
    width:351px;
    height:964px;
    float:right;
    position:relative;
    bottom: 0;
    vertical-align:baseline;
    z-index:-1;
    margin-top:-1064px;
}
#statistics_box {
    width: 250px;
    height:210px;
    float: right;
    margin-right: -260px;
    background: transparent url(/img/template/statistik_bg.png) no-repeat;
    clear: both;
}
#statistics {
    padding:40px;
    color:#234934;
    margin-top: 40px;
}

.invisible {
    display:none;
}

div#logo {
    /*    position: absolute;
        margin-top: -40px;
        margin-left: 630px;*/
    float:right;
    margin: -55px 15px -54px 0;
    position: relative;

}
/*div#header_border {
    height: 20px;
    border-bottom: 2px solid #e6e3da;
}*/
div#wrapper_content {
        float: left;
    width:900px;
    padding: 20px;
    min-height: 1000px;
    padding-top: 10px;
    /*width: 982px;*/
    padding-bottom: 135px;
    height: auto;
    margin-top: -40px;
    /*background: transparent url(/img/content.png) top left repeat-y;*/
    background: transparent url(/img/template/main/fridge_tile.png) top left repeat-y;
}

/* main_body */
div#main_body, div.rechts { float: left; }
div#main_body {
    /*width: 535px;*/
    /*padding-right: 20px;border-right: 2px solid #e6e3da;*/
    width: 820px;
    padding: 40px 50px 20px 80px;
}

div.box_text {
    width:90%;
    padding-left:20px;
}

div#links_shop {
    width: 830px;
}
div.rechts {
    width: 262px;
    background: transparent;
    padding-left: 20px;
}

fieldset h1 span {
    background: #51a026;
    padding: 5px;
    padding-bottom: 1px;
    margin: 0px;
}
fieldset h1 div.step_progress {
    position: absolute;
    margin-left: 200px;
    margin-top: -13px;
}
div.box_text h2 {
    width: 100%;
}
div.gewinner {
    background: #ccc url(/img/bg_gewinnerseite.jpg) top left;
}
div.gewinner h1 {
    font-size: 16pt;
}
div.gewinner_menu {
    float: left;
    margin-top: 10px;
}
div.gewinner_menu img {
    margin: 5px;
    cursor: pointer;
}
div.gbewohner {

}
div.gbewohner img {
    float: left;
    background: #fff url(/img/gewinner/gbild_navi_bg.gif) top left repeat-x;
    padding: 10px;
    border: 1px solid #ccc;
    height: 75px;
    width: 75px;
    margin-bottom: 10px;
}
div.gbewohner span {
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 5px;
}
div.gbewohner div {
    float: left;
    width: 380px;
    background: #fff url(/img/gewinner/gbild_navi_bg.gif) top left repeat-x;
    padding: 0px;
    padding: 10px;
    border: 1px solid #ccc;
    height: auto;
    min-height: 75px;
    margin: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
}
div.gprofil {
    float: left;
    background: #fff url(/img/gewinner/gbild_navi_bg.gif) top left repeat-x;
    padding: 0px;
    padding: 10px;
    border: 1px solid #ccc;
    height: auto;
    min-height: 75px;
    margin: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
}
div.gprofil img {
    margin-bottom: 10px;
}
div.gbewohner p {
    padding: 0px;
    margin: 0px;
}
div.gbild_preview, div.gbild_navi {
    background: #fff url(/img/gewinner/gbild_navi_bg.gif) top left repeat-x;
    padding: 10px;
    border: 1px solid #ccc;
}
div.gbild_navi {
    margin-top: 10px;
}
div.gbild_navi img {
    border: 2px solid #fff;
    margin-right: 1px;
}
div.gbild_navi img.cur {
    border: 2px solid #51A026;
}
div.gbild_navi * {
    cursor: pointer;
}
div.step_progress div {
    float: left;
    background: transparent;
    padding: 7px;
    margin-right: 30px;
    font-size: 7pt;
    cursor: pointer;
}
div#gfrage h3 {
    padding: 4px;
    background: #51A222;
    color: #fff;
}
.next_step {
    cursor: pointer;
}
span.next_step {
    color: green;
    text-decoration: underline;
    cursor: pointer;
}
div.step_progress div.next_step1 { background: transparent url(/img/anmelden/step_progress_1_0.gif) center center no-repeat; }
div.step_progress div.next_step1_cur { background: transparent url(/img/anmelden/step_progress_1_1.gif) center center no-repeat; }
div.step_progress div.next_step2 { background: transparent url(/img/anmelden/step_progress_2_0.gif) center center no-repeat; }
div.step_progress div.next_step2_cur { background: transparent url(/img/anmelden/step_progress_2_1.gif) center center no-repeat; }
div.step_progress div.next_step3 { background: transparent url(/img/anmelden/step_progress_3_0.gif) center center no-repeat; }
div.step_progress div.next_step3_cur { background: transparent url(/img/anmelden/step_progress_3_1.gif) center center no-repeat; }
div.step_progress div.next_step4 { background: transparent url(/img/anmelden/step_progress_4_0.gif) center center no-repeat; }
div.step_progress div.next_step4_cur { background: transparent url(/img/anmelden/step_progress_4_1.gif) center center no-repeat; }
div.step_progress div.next_step5 { background: transparent url(/img/anmelden/step_progress_5_0.gif) center center no-repeat; }
div.step_progress div.next_step5_cur { background: transparent url(/img/anmelden/step_progress_5_1.gif) center center no-repeat; }
div.check div.info {
    position: absolute;
    padding-left: 10px;
}
div.bg {
    padding: 5px;
    background: #fff;
    min-width: 150px;
    max-width: 188px;
    border: 1px solid #ccc;
    margin-top: 0px;
    margin-left: -1px;
}
div.ok div.bg { border: 1px solid green; }
div.check div.ok { background: transparent url(/img/tip_ok.png) top left no-repeat; }
div.fehler div.bg { border: 1px solid red; }
div.check div.fehler { background: transparent url(/img/tip_fehler.png) top left no-repeat; }
div.info div.schliessen {
    float: right;
    margin-top: -3px;
    cursor:pointer;
    font-size: 7pt;
}
div.check h4 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
}
div.check ul {
    margin-top: 5px;
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
}
div.box_text input, div.box_text label, div.box_text select {
    float: left;
    width: 180px;
}
div.box_text label {
    margin-top: 20px;
    margin-right: 40px;
}
div.box_text label.full {
    margin-right: 0px;
    width: 490px;
}
div.box_text label.trenner {
    height: 1px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px dotted #ccc;
}
div.box_text input, div.box_text select { width: 174px; }
div.box_text select { width: 180px; }
div.box_text textarea {
    float: left;
    width: 358px;
    border: 1px solid #ccc;
}
div.box_text div.check {
    float: left;
    width: 30px;
    height: 21px;
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    background: transparent;
}
div.box_text div.check img { padding: 3px; }
div.box_text a {
    color: green;
    text-decoration: underline;
}
div.box, div.box_half, div.box_half_teaser {
    display:block;
    width: auto;
    height: auto;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    background: #f6f5f2;
    overflow:visible;
}
div.box a {
    color: green;
    font-size: 8pt;
    text-decoration: none;
}
div.box a:hover { text-decoration: underline; }
div.box h2, div.box_half h2 {
    display: block;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    color: #fff;
    font-size: 8pt;
}
div.box div, div.box_half div {
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    overflow: show;
}
div.box img {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}
div.box h3, div.box_half h3 {
    margin: 0px;
    margin-bottom: 10px;
    font-size: 9pt;
}
div.box p, div.half_box p {
    display: block;
    margin: 0px;
    padding: 0px;
}
/*div#links div.box { width: 530px; }*/
div#main_body div.box div {
    width: 510px;
    height: 200px;
}
div#main_body div.box h2 {
    width: 524px;
    background: transparent url(/img/bg_links_box_title.jpg) top left repeat-y;
}
div#main_body div.box ul {
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
    list-style: outside;
    list-style-type: circle;
}
div.box li { }
div.rechts div.box { width: 260px; }
div.rechts div.box div { width: 240px; }
div.rechts div.box h2 {
    width: 240px;
    background: transparent url(/img/bg_rechts_box_title.jpg) top left repeat-y;
}
div.rechts div.box img {
    float:none;
    padding-right: 0px;
    border: none;
}
div#main_body div.box_half {
    float: left;
    width: 260px;
    margin-right: 10px;
}
div#main_body div.box_half div {
    width: 240px;
    min-height: 200px;
}
div#main_body div.box_half h2 { background: transparent url(/img/bg_links_box_half_title.jpg) top left repeat-y; }
div#main_body div.box_half h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
div#main_body div.box_half_teaser {
    float: left;
    width: 260px;
    background: none;
}
div#main_body div.box_half_teaser img {
    float: none;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* ANMELDEN & UPLOAD */
/*div#uploadbild0, div#uploadbild1, div#uploadbild2, div#uploadbild3, div#uploadbild4, div#uploadbild5, div#uploadbild6, div#uploadbild7, div#uploadbild8, div#uploadbild9, div#uploadvideo0, div#profil_daten div.button, div#profil_wg div.button {*/
.wg_profil_pic_link, div#uploadvideo0, div#profil_daten div.button, div#profil_wg div.button {
    float: left;
    display:inline-block;
    margin-right: 10px;
    width: 100px;
    text-align: center;
    padding: 3px;
    background: #fff;
    border: 3px solid #ccc;
    cursor: pointer;
    margin-bottom:0;
}
.wg_profil_pic {
    float: left;
}
.wg_profil_pic_box {
    height: 140px;
    width: 120px;
    float_left;
    display:inline-block;
    text-align:center;
}
div.box_text div.anmelden_uploadbild0,
div.box_text div.anmelden_uploadbild1,
div.box_text div.anmelden_uploadbild2,
div.box_text div.anmelden_uploadbild3,
div.box_text div.anmelden_uploadbild4,
div.box_text div.anmelden_uploadbild5,
div.box_text div.anmelden_uploadbild6,
div.box_text div.anmelden_uploadbild7,
div.box_text div.anmelden_uploadbild8,
div.box_text div.anmelden_uploadbild9 {
    width: 134px;
    margin-right: 40px;
    margin-bottom: 5px;
}
div.profil_wg_info_bew {
	float: left;
	width: auto;
}
#uploadbild0
, #uploadbild1
, #uploadbild2
, #uploadbild3
, #uploadbild4
{
    border: 1px solid #000;
    background-color: #ccc;
    clear:both;
    float:right;
    }

/* popup */
div#popup {
    background: #ffffff;
    border: 1px solid green;
    padding: 10px;
    font-weight: normal;
    margin-top: 0px;
    z-index: 999;
}
.jqiwarning .jqi { background-color: transparent; }
.jqifade { background-color: #000000; }
div.jqi {
    position: absolute;
    background-color: transparent;
    padding: 1px;
    width: auto; /*520px;*/
    max-width: 750px;
    margin-top: 30px;
}
div.jqi .jqiclose {
    float: right;
    cursor: pointer;
    margin-top: -15px;
    color: #ffffff;
}
div.jqi .jqicontainer {
    background-color: transparent;
    font-weight: bold;
}
div.jqi .jqimessage { background-color: transparent; }
div.jqi .jqibuttons {
    text-align: center;
    padding: 10px 0 0 0;
    background: transparent;
}
div.jqi button {
    padding: 3px 10px 3px 10px;
    margin: 0 10px;
    background: transparent;
}
/* Buddies */
div#popup input, div#popup select {
    width: 180px;
    border: 1px solid #ccc;
}
div#popup input, div#popup select { width: 174px; }
div#popup select { width: 180px; }
div#popup textarea {
    width: 358px;
    border: 1px solid #ccc;
}
div#popup td {
    vertical-align: top;
}
.empty {
    color: #999;
}
.totop, #toTop {
    cursor: pointer;
    color: #999;
}
#toTop {
    float: right;
    background: url('/img/arrow_up.gif') left center no-repeat;
    padding-left: 16px;
}
.tv {
    cursor: pointer;
}
div#startseite_button {
    position: absolute;
    width: 150px;
    height: 150px;
    background: transparent;
    margin-left: 240px;
}
#b_form {

}
#b_form select {
    width: 67px;
    height: 68px;
    padding: 0px;
    margin: 0px;
    background: transparent url(/img/profil/buddy/buddy0.jpg) center center no-repeat;
}
option.buddy0, option.buddy1, option.buddy2, option.buddy3, option.buddy4, option.buddy5, option.buddy6 {
    height: 68px;
    padding: 0px;
    margin: 0px;
    padding: 1px;
    padding-bottom: 0px;
}
option.buddy0 { background: transparent url(/img/profil/buddy/buddy0.jpg) center center no-repeat;}
option.buddy1 { background: transparent url(/img/profil/buddy/buddy1.jpg) center center no-repeat;}
option.buddy2 { background: transparent url(/img/profil/buddy/buddy2.jpg) center center no-repeat;}
option.buddy3 { background: transparent url(/img/profil/buddy/buddy3.jpg) center center no-repeat;}
option.buddy4 { background: transparent url(/img/profil/buddy/buddy4.jpg) center center no-repeat;}
option.buddy5 { background: transparent url(/img/profil/buddy/buddy5.jpg) center center no-repeat;}
option.buddy6 { background: url(/img/profil/buddy/buddy6.jpg);}
.buddy_form_submit {
    cursor: pointer;
}
div#vote img {
    cursor: pointer;
}
div#foot_bier {
    position: absolute;
    margin-left: 650px;
    margin-top: -160px;
}
img#rd_suggest {
    cursor: pointer;
}


/*alx 20091229*/
#wgs_form_anmelden {
    width: 535px;
}

.lieber_doch_nicht {
   height:18px;
   width: 213px;
   float:right;
   /*cursor: pointer; cursor: hand; for IE*/
   background-image:url('/img/lieber_doch_nicht.jpg');
}
.lieber_doch_nicht:hover {
   background-position: 0 -18px;
}
.na_klar_los {
   height:18px;
   width: 128px;
   float:left;
   /*cursor: pointer; cursor: hand; for IE*/
   background-image:url('/img/na_klar_los.jpg');
}
.na_klar_los:hover {
   background-position: 0 -18px;
}

.abschicken_button {
    background: url(/img/button_abschicken.png) 0px 0px no-repeat ;
    height:18px;
    cursor: pointer; cursor: hand; /*for IE*/
    width: 89px;
}
#buttons_box {
    float:right;
}
.abbrechen_button {
    background: url(/img/ecard/button_abbrechen.png) 0px 0px no-repeat ;
    height:14px;
    cursor: pointer; cursor: hand; /*for IE*/
    width: 118px;
    float:left;
    margin: 10px;
}
.einwerfen_button {
    background: url(/img/ecard/button_einwerfen.png) 0px 0px no-repeat ;
    height:14px;
    cursor: pointer; cursor: hand; /*for IE*/
    width: 111px;
    float:left;
    margin: 10px;
}
.abbrechen_button:hover, .einwerfen_button:hover {
   background-position: 0 -14px;
}



.abschicken_button:hover {
    background-position: 0px -18px;
    
}
/* static */
div.box_textubild {
	margin-top: -300px;
	margin-left: 30px;
	width: 540px;
}
div.box_bilder {
	margin-top: 0px;
	margin-right: 20px;
	float: right;
	width: 200px;
	overflow: hidden;
}
div.box_textubild h1, div.box_textubild.h2 {
	color: #00472e;
}
div.box_textubild h1 {
	margin-bottom: 70px;
	color: #00472e;
	font-size: 13pt;
	max-width: 500px;
}
div.box_textubild h2 {
	font-size: 9pt;
	max-width: 500px;
}

.legal_note {
    margin-top: 150px;
    color: #999;
    font-size: 11px;
}
.ecard_banner {
    margin-left: 60px;
    margin-top: -120px;
    display:inline-block;
}
.form_text {
    margin-left: 80px;
    margin-right: 80px;
}
.form_text input {
    width: 200px;
}
.form_text .wide_box {
    width: 524px;
}

.ecard_full, .ecard_msg {
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
.ecard_msg {
    background-color: white;
    padding: 20px;
    font-weight:bold;
}
.mainHeadline {
    color: #005c2d;
    font-weight:bold;
    font-size:18px;
}
.subHeadline {
    color: #4daa28;
    font-weight:bold;
    font-size: 14px;
}
.box_text_indented {
    width:70%;
    padding-left:100px;
}
#finale_header {
    margin-bottom: 30px;
    margin-top: -130px;
    margin-left: -70px;
}