/* CSS Kultfabrik */

/* ERAFFE Default */
IMG { padding:0; margin:0; border:0; display: inline; }

DIV {
   font-family:Verdana,sans-serif;
   color:#353535;
   font-size:9px;
   margin: 0;
   padding: 0;
   border: 0;
}

SPAN {
   font-family:Verdana,sans-serif;
   font-size:9px;
   margin: 0;
   padding: 0;
   border: 0;
}
P {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

UL, LI {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

A {
    color: #353535;
    text-decoration: underline;
    font-size: 9px;
    font-family: Verdana,sans-serif;
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

IMG.ivw {
 width: 0;
 position: absolute;
 bottom: 0;
 right: 0;
 height: 0;
}

H1, H2, H3 {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    font-weight: bold;
}

FORM, INPUT, TEXTAREA, LABEL {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana, sans-serif;
    color: #353535;
    font-size: 9px;
}

TEXTAREA {
    background-color: #FFFFFF;
    padding: 3px;
}

SELECT, OPTION {
    background-color: #FFFFFF;
    color: #353535;
    font-size: 9px;
    border: 1px solid #AAAAAA;
    font-family: Verdana, sans-serif;
    padding: 1px;
}

OPTION {
    border: 0;
}
DIV.form LABEL {
    padding-bottom: 0px;
    background-image: url(../app/img_eraffe/site/formlabel-arrow.gif);
    background-position: center right;
    background-repeat: no-repeat;
    width: 120px;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 24px;
    margin-right: 7px;
    height: 24px;
    float: left;
}
DIV.form INPUT {
    background-color: #FFFFFF;
    background-image: url(../app/img_eraffe/site/input_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #cdcdcd;
    float: left;
    font-size: 10px;
    padding: 4px;
    margin-top: 2px;
    margin-right: 4px;
}
OPTION {
 padding-right: 4px;
}
DIV.form INPUT:focus {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
}

DIV.form TEXTAREA {
    background-color: #FFFFFF;
    background-image: url(../app/img_eraffe/site/input_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #cdcdcd;
    float: left;
    font-size: 9px;
    padding: 4px;
    margin-top: 2px;
    margin-right: 4px;
    width: 582px;
}

DIV.form TEXTAREA:focus {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
}

DIV.form SELECT {
    border: 1px solid #cdcdcd;
    background-image: url(../app/img_eraffe/site/input_bg.gif);
    background-repeat: repeat-x;
    padding: 2px;
    font-size: 10px;
    height: 20px;
    margin-top: 2px;
    float: left;
    position: relative;
    margin-right: 4px;
}

DIV.form OPTION {
    height: 14px;
    margin: 1px;
    padding-top: 3px;
    margin-right: 15px;
}

DIV.submit {
    width: auto;
    height: 16px;
    overflow: hidden;
    float: right;
    border: 1px solid #8592aa;
    border-top: 0;
    padding: 1px;
}

DIV.submit INPUT {
    height: 18px;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url(../app/img_eraffe/site/box_more.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    *padding-bottom: 2px;
    border-top: 0;
}
DIV.submit INPUT.red {
    background-image: url(../app/img_eraffe/site/box_more_red.jpg);
    color: #FFFFFF;
    background-color: #9a0000;
    margin-top: -1px;
    padding-bottom: 2px;
    *padding-bottom: 1px;
    height: 17px;
}
/* MORE LINK */
DIV.box_more {
    width: 167px;
    height: 17px;
    border: 1px solid #8592aa;
    background-image: url(../app/img_eraffe/site/box_more.jpg);
    background-repeat: repeat-x;
    border-top: 0px;
    padding: 0px;
    float: right;
}

A.box_more {
    width: auto;
    height: 15px;
    line-height: 14px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    background-image: url(../app/img_eraffe/site/box_more.gif);
    background-repeat: no-repeat;
    padding-left: 22px;
}

A.box_more.locations:hover {
    color: #C61F02;
    background-image: url(../app/img_eraffe/site/myeraffe/box_more_hover.gif);
}

A.box_more.events:hover {
    color: #C61F02;
    background-image: url(../app/img_eraffe/site/myeraffe/box_more_hover.gif);
}

A.box_more.pictures:hover {
    color: #C61F02;
    background-image: url(../app/img_eraffe/site/myeraffe/box_more_hover.gif);
}

A.box_more.members:hover {
    color: #C61F02;
	background-image: url(../app/img_eraffe/site/myeraffe/box_more_hover.gif);
}

A.box_more.myeraffe:hover {
    color: #C61F02;
    background-image: url(../app/img_eraffe/site/myeraffe/box_more_hover.gif);
}
/* Error */
DIV.errorbox {
    background-color: #F2F2F2;
    padding: 5px;
    margin-top: 2px;
}
/* QUOTE */
DIV.quotebox {
    border: 1px solid #e2e2e2;
    background-color: #f4f4f4;
    display: block;
    padding: 8px;
    margin: 2px;
    padding-top: 4px;
}

DIV.quotebox SPAN.username {
    font-weight: bold;
}
.hidden {display:none;}
/*-- TEXT STYLES --*/
A.arrow { color: #353535; font-weight: bold; text-decoration: none; background-image: url(../app/img_eraffe/site/a_arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 13px; margin-left: 4px; }
A.arrow:hover { color: #464646; }
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.bold{font-weight:bold;}
.grey{color: #9A9A9A;}


/* MOSTLY USED ELEMENTS */
A.block {
    display: block;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    background-repeat: no-repeat;
}

#site_content A.block {
    background-color: #F2F2F2;
}

#site_content A.block SPAN {
    cursor: pointer;
    color: #353535;
    font-family: Verdana, sans-serif;
    font-size: 9px;
}

#site_content A.block:hover {
    background-color: #E2E2E2;
}
/* ICONS */
IMG.icon_gender {
 position: relative;
 margin-right: 3px;
 bottom: -1px;
 background-color: #FFFFFF;
}
IMG.icon_online_status {
 position: relative;
 margin-right: 4px;
 bottom: -1px;
}

IMG.icon_member_status {
 position: relative;
 margin-right: 4px;
 bottom: -1px;
}
/* Text */
.textsite_box {
font-size:10px;
line-height:15px;
text-align:left;
position:relative;
}
/* GENDERBAR */
DIV.genderbar {
 margin-top: 1px;
 height: 22px;
 width: 100%;
 background-image: url(../app/img_eraffe/site/events/headline_bg.jpg);
 line-height: 22px;
 margin-bottom: -1px;
 font-weight: bold;
}

DIV.genderbar span.gender_female {
    color: #9B3FB4 !important;
    float: left;
    width: 98px;
    padding-left: 6px;
}

DIV.genderbar span.gender_male {
    color: #4067AD !important;
    float: left;
}
/* USERBOX */
A.block.userbox {
    width: 184px;
    height: 67px;
    float: left;
    padding: 0px 5px 0px 59px;
    background-image: url(../app/img_eraffe/placeholder/user_male_small.gif);
    margin-top: 2px;
    overflow: hidden;
    margin-right: 2px;
}

A.userbox.female {
    background-image: url(../app/img_eraffe/placeholder/user_female_small.gif);
}

A.userbox SPAN {
    display: block;
    width: 155px;
    float: left;
}
A.userbox SPAN.icons {
    height: 60px;
    width: 13px;
    text-align: center;
    padding: 2px;
    padding-top: 5px;
    background-color: #dadada;
    margin-right: 5px;
    overflow: hidden;
    border: 1px solid #FFFFFF;
    border-top: 0;
    border-bottom: 0;
}

A.userbox IMG {
    margin-bottom:6px;
    *margin-bottom: 5px;
}

A.userbox IMG.gender {
    background-color: #FFFFFF;
}

A.userbox IMG.ostatus {
    margin-bottom: 5px;
}

A.userbox SPAN.name {
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

A.userbox SPAN.age {
    padding-bottom: 3px;
}

A.userbox SPAN.city {
    padding-top: 3px;
}
/* CONTENT AD - FLAT */
DIV.border_box.contentad.flat {
    height: 84px;
}

/* rating (0-5 stars) shown as span in a <a>-element */
SPAN.rating_stars {
    float: left;
    width: 70px;
    display: block;
    height:12px;
    background-image: url(../app/img_eraffe/site/star_bg.gif);
    background-repeat: repeat-x;
}

SPAN.rating_stars_fill {
    background-image: url(../app/img_eraffe/site/star.gif);
    display: block;
    height: 12px;
}

/* rating (0-5 stars) shown as span in a <a>-element */
SPAN.rating_bar {
    width: 85px;
    height: 5px;
    font-size: 0px;
    border: 1px solid #343434;
    padding: 1px;
    float: left;
    margin-top: 3px;
    display: block;
}

SPAN.rating_bar_fill {
    background-color: #343434;
    font-size: 0px;
    height: 5px;
    overflow: hidden;
    display: block;
}

/* search box */
DIV.search_box {
    width: 306px;
    float: left;
    padding-top: 20px;
}

DIV.search_box .border_box {
    width: 300px;
    padding: 2px;
    float: left;
    border: 1px solid #AAAAAA;
    overflow: hidden;
}

DIV.search_box DIV.header {
    width: 254px;
    height: 26px;
    overflow: hidden;
}

DIV.search_box DIV.inner_box {
    background-color: #F2F2F2;
    padding: 6px;
    background-image: url(../app/img_eraffe/site/search_form_bg.gif);
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 12px;
}
DIV.search_box LABEL {
 font-weight: bold;
 font-size: 11px;
 border-bottom: 2px solid #F2F2F2;
}
DIV.search_box INPUT {
    padding: 3px 2px 2px 3px;
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    height: 13px;
    width: 206px;
    font-size: 9px;
    color: #353535;
    overflow: hidden;
}


DIV.search_box INPUT.go {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-image: url(../app/img_eraffe/site/search_input_go.gif);
    background-repeat: no-repeat;
    width: 51px;
    height: 20px;
    line-height: 40px;
    vertical-align: top;
    cursor: pointer;
    font-size: 0px;
    color: #353535;
    *margin-top: 1px;
}

DIV.search_box .bold {
    padding-bottom: 4px;
    float: left;
}

DIV.search_box A.arrow { margin-top: -3px; }

/* BBCOLORS */
SPAN.bb_red { color: #B72929; }
SPAN.bb_green { color: #4D8E00; }
SPAN.bb_blue { color: #00438E; }
SPAN.bb_italic { font-style: italic; }

/* NOTICES */
DIV.green_notice {
 clear: both;
 padding: 2px;
 border: 1px solid #6bc04e;
 font-weight: normal;
 line-height: 15px;
 margin-bottom: 5px;
 width: auto;
}

DIV.green_notice DIV {
    padding: 5px;
    color: #2b6509;
    font-size: 10px;
    background-color: #dff8d7;
    line-height: 15px;
}

DIV.red_notice {
 clear: both;
 padding: 2px;
 border: 1px solid #cf6161;
 font-weight: normal;
 line-height: 15px;
 margin-bottom: 5px;
 width: auto;
}

DIV.red_notice DIV {
    padding: 5px;
    color: #650909;
    font-size: 10px;
    background-color: #f8d7d7;
    line-height: 15px;
}


DIV.border_box.confirmation {
 clear: both;
 padding: 2px;
 border: 1px solid #cf6161;
 font-weight: normal;
 line-height: 15px;
 width: auto;
}

DIV.confirmation .row.confirmation {
    padding: 5px;
    color: #650909 !important;
    font-size: 10px;
    background-color: #f8d7d7 !important;
    line-height: 15px;
}
/* GLOBAL STYLES - REQUIRED FOR SUBSITES! */

/* common style for left and right column */
DIV#leftcol {
    width: 436px;
    float: left;
    display: block;
    overflow: hidden;
    padding-right: 6px;
}

DIV#rightcol {
    width: 306px;
    display: block;
    float: right;
    overflow: hidden;
}

/* fakebox with mouseover */
A.abox {
    display: block;
    overflow: hidden;
    background-color: #F2F2F2;
    color: #353535;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 9px;
    background-repeat: no-repeat;
    background-position: top left;
}
A.abox:hover, A.abox:active {
 background-color: #E2E2E2;
}

/* surround box (includes headline) */
DIV.surround_box {
    padding-top: 20px;
    float: left;
    width: 100%;
}

/* first surround box (includes headline) without padding to the top */
DIV.surround_box_top {
    float: left;
    width: 100%;
}

/* box with border */
DIV.border_box {
    padding: 2px;
    clear: both;
    border: 1px solid #8592aa;
    overflow: hidden;
}

/* ajax box with menu */
DIV.ajax_headlinebar {
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 9px;
    font-weight: bold;
    margin-bottom: 0px;
}

SPAN.ajax_bar_left {
    float: left;
    width: 216px;
    padding-left: 10px;
}

SPAN.ajax_bar_right {
    float: left;
}

DIV.ajax_leftcol {
    width: 214px;
    height: auto;
    float: left;
}

DIV.ajax_rightcol {
    width: 214px;
    height: auto;
    float: left;
    margin-left: 2px;
}

A.ajax_row {
    width: 100%;
    height: 20px;
    background-color: #F2F2F2;
    color: #353535;
    text-decoration: none;
    display: block;
    line-height: 20px;
    margin-top: 2px;
    overflow: hidden;
    cursor: pointer;
}

A.ajax_row:hover { background-color: #E2E2E2; }

A.ajax_row_top {
    width: 100%;
    height:  20px;
    background-color: #EAEAE9;
    color: #DD4E00;
    text-decoration: none;
    font-weight: bold;
    display: block;
    line-height: 20px;
    margin-top: 2px;
    overflow: hidden;
    cursor: pointer;
}
A.ajax_row_top:hover { background-color: #E2E2E2; }

DIV.border_box SPAN.ajax_rating {
    float: right;
    margin-right: 4px;
    background-image: url(../app/img_eraffe/site/community/star.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: center left;
    width: 25px;
}
DIV.border_box SPAN.ajax_name {
    float: left;
    margin-left: 10px;
}
#site_content .content_top { font-size: 0px; width: 780px; height: 11px; overflow: hidden; background-image: url(../app/img_eraffe/site/content_top.gif); background-repeat: no-repeat; }

#site_content  .content_box {
    width: 754px;
    color: #353535;
    padding: 12px;
    min-height: 655px;
    padding-top: 10px;
    padding-bottom: 3px;
    background-color: #FFFFFF;
    border-left: 1px solid #202A3B;
    border-right: 1px solid #202A3B;
}

/* Content Default */
#Content .content_bottom { float: left; font-size: 0px; width: 780px; height: 11px; overflow: hidden; background-image: url(../app/img_eraffe/site/content_bottom.gif); background-repeat: no-repeat; }

#Content H2 {
    font-size: 15px;
    color: #313e57;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    text-align: left;
    margin-bottom: 2px;
}

#Content H2 A {
    font-size: 15px;
    color: #313e57;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    margin-bottom: 2px;
}


#Content H2.headline_border {
    border-bottom: 1px dotted #353535;
    width: 100%;
}


#Content SPAN.headline {
	color: #444 !important;
}

#Content SPAN.title {
	color: #4b5f82;
}

H3 {
 font-size: 12px;
 color: #313e57;
 font-family: Verdana, sans-serif;
 margin-bottom: 2px;
}

H3.headline_border {
    border-bottom: 1px dotted #353535;
    padding-bottom: 2px;
    width: 725px;

}


#Content DIV.row {
    background-color: #f2f2f2;
    color: #353535;
}

#indicator {
    width: 16px;
    height: 16px;
    background-image: url(../app/img_eraffe/site/indicators/portal.gif);
    background-repeat: no-repeat;
    float: right;
    position: relative;
    margin-top: -20px;
    bottom: -26px;
    padding-right: 7px !important;
    padding-right: 2px;
}

#indicator_input {
    width: 10px;
    height: 10px;
    background-image: url(../app/img_eraffe/site/indicators/input.gif);
    background-repeat: no-repeat;
    float: right;
    position: relative;
    margin-top: -12px;
    padding-right: 7px !important;
    padding-right: 2px;
}

#indicator_calendar {
    width: 16px;
    height: 16px;
    background-image: url(../app/img_eraffe/site/indicators/calendar.gif);
    background-repeat: no-repeat;
    float: right;
    position: relative;
    margin-top: -20px;
    bottom: -26px;
    padding-right: 7px !important;
    padding-right: 2px;
}


.clear {
    font-size: 0px;
    clear: both;
}

SPAN.clear {
    font-size: 9px;
}
/* PAGENAV */
DIV.pagenav {
    height: 17px;
    border: 1px solid #8592aa;
    border-top: 0px;
    background-image: url(../app/img_eraffe/site/box_more.jpg);
    background-repeat: repeat-x;
    float: right;
    color: #414141;
}

DIV.pagenav .inner_nav_box {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding-left: 12px;
    padding-right: 0px;
    height: 17px;
    float: left;
}

DIV.pagenav SPAN {
    display: block;
    float: left;
    height: 17px;
    line-height: 16px;
    font-size: 9px;
    padding-right: 14px;
}

DIV.pagenav SPAN.dots {
    padding-right: 7px;
    padding-left: 4px;
}

DIV.pagenav SPAN.active {
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    text-decoration: underline;
    color: #b91313;
    background-color: #FFFFFF;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    background-image: url(../app/img_eraffe/site/pagenav_active.gif);
}

DIV.pagenav SPAN.active_surround {
    background-color: #AAAAAA;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding-left: 1px;
    padding-right: 1px;
}

DIV.pagenav A {
 color: #353535;
 text-decoration: none;
 font-size: 9px;
 display: block;
 height: 17px;
 line-height: 16px;
 text-align: center;
 background-position: center;
 background-repeat: no-repeat;
 float: left;
 padding-left: 5px;
 padding-right: 5px;
}

DIV.pagenav A.first {
    width: 5px;
    background-color: #FFFFFF;
    background-image: url(../app/img_eraffe/site/pagenav_first.gif);
}

DIV.pagenav A.prev {
    width: 5px;
    margin-left: 1px;
    font-weight: bold;
    background-color: #FFFFFF;
    background-image: url(../app/img_eraffe/site/pagenav_prev.gif);
}

DIV.pagenav A.last {
    width: 4px;
    background-color: #FFFFFF;
    background-image: url(../app/img_eraffe/site/pagenav_last.gif);
    margin-left: 1px;
}

DIV.pagenav A.next {
    width: 5px;
    font-weight: bold;
    background-color: #FFFFFF;
    background-image: url(../app/img_eraffe/site/pagenav_next.gif);
}


DIV.pagenav A.page:hover {
    padding-left: 6px;
    font-weight: bold;
    padding-right: 5px;
    color: #b91313;
    text-decoration: underline;
}
/* Framework by Wolf */
body {
	margin:0px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color:#444;
	background:#000 url(../images/TopHeadRight.gif) repeat-x;
}
form, input, textarea, label {
border:0pt none;
color:#353535;
font-family:Verdana,sans-serif;
font-size:9px;
margin:0pt;
padding:0pt;
}
.ArrowDown {
	display:block;
	position:absolute;
	right:15px;
	top:7px;
	overflow:hidden;
	background:url(../images/Framework.gif) -873px -94px;
	width:7px;
	height:4px;}

#BoxPagePosition {
	width:1003px;
	position:relative;
}
/* Head */
#HeadBg {
	width:926px;
	height:75px;
	display:block;
	position:absolute;
	background:url(../images/Framework.gif) no-repeat;}
#Logo {
	width:86px;
	height:71px;
	left:62px;
	top:75px;
	position:absolute;
	background:url(../images/Framework.gif) -910px -91px no-repeat;}
/* End Head */

/* Navigation */
#NavPosition {
	height:52px;
	position:absolute;
	left:204px;
	width:790px;
	right:0px;
	table-layout:auto;
	top:93px;}
#NavPosition ul, #NavPosition li {margin:0px; padding:0px;list-style:none;}
#NavPosition li {float:left;}
#NavPosition li a {
	display:block;
	float:left;
	height:29px;
	width:85px;
	font-size:0px;
	line-height:200px;
	overflow:hidden;
	background-image:url(../images/Framework.gif);
}
	/* Single Buttons */
	#Home a {width:84px !important; background-position:0 -75px;}
		#Home a:hover {width:84px !Important;background-position:0 -105px;}
		#HomeActive a {width:84px !Important; background-position:0 -105px;}
	#News a {width: 76px !important;background-position: -84px -75px;}
		#News a:hover, #NewsActive a{width: 76px !important;background-position:-84px -105px;}
	#Events a {width: 80px !important;background-position:-160px -75px;}
		#Events a:hover, #EventsActive a {width: 80px !important;background-position:-160px -105px;}
	#Live a {width: 68px !important;background-position:-240px -75px;}
		#Live a:hover, #LiveActive a {width: 68px !important;background-position:-240px -105px;}
	#BeiNacht a {width: 89px !important;background-position:-313px -75px;}
		#BeiNacht a:hover, #BeiNachtActive a {width: 89px !important;background-position:-313px -105px;}
	#BeiTag a {width: 80px !important;background-position:-403px -75px;}
		#BeiTag a:hover, #BeiTagActive a {width: 80px !important;background-position:-403px -105px;}
	#Pictures a {width: 87px !important;background-position:-483px -75px;}
		#Pictures a:hover, #PicturesActive a {width: 87px !important;background-position:-483px -105px;}
	#Magazin a {width: 97px !important;background-position:-570px -75px;}
		#Magazin a:hover, #MagazinActive a {width: 97px !important;background-position:-570px -105px;}
	#Information a {width:114px !important; background-position:-667px -75px;}
		#Information a:hover {width:114px !important;background-position:-667px -105px;}
		#InformationActive a {width:114px !important; background-position:-667px -105px;}

/* Second Lvl */
#NavPosition ul li ul { /* UL */
	position:absolute;
	background:url(../images/SubMenuBg.gif);
	color:#fff;
	margin:29px 29px 0px 4px;
	display:none;
	padding:0;
}
#NavPosition ul li ul li { /*Li */
		height:23px;
		position:relative;
		line-height:23px;
		background:url(../images/SubMenuLine.gif) right no-repeat;
		padding:0 10px 0 8px;
	}
#NavPosition ul li ul li a { /* A */
			background:none;
			width:auto;
			height:auto;
			display:inline;
			color:#fff;
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			line-height:14px;
			overflow:auto;
			text-decoration:none;
			margin-top:5px;}
		#NavPosition ul li ul li a:hover,#NavPosition ul li ul li a.Active {border-bottom:1px dotted #fff;}
	
/* First / Last */
#NavPosition ul li ul li.First-Child b, #NavPosition ul li ul li.Last-Child b {
	background:url(../images/Framework.gif) -898px -98px;
	width:12px; height:23px;
	display:bock;
	float:left;}
#NavPosition ul li ul li.First-Child {padding-left:0px;}
#NavPosition ul li ul li.Last-Child b {
	background-position:-891px -75px;
	width:10px;
	position:absolute;
	/*right:0px;*/
	}
#NavPosition ul li ul li.Last-Child {padding-right:10px; background:none;}
/* IE 6 HACK */
* html #NavPosition ul li ul li.Last-Child b {right:auto;float:right;
	}
* html #NavPosition ul li ul li.Last-Child {padding-right:0px;}

/* Single UL  width/left */
#HomeActive  ul {display:block !important; left:2px;}
	#HomeActive ul li {background:none !important; padding:0px !important;}
	#HomeActive ul li.Last-Child {margin-left:10px;}
#EventsActive ul {display:block !important; left:40px;}
#LiveActive ul {display:block !important; left:170px;}
#BeiNachtActive ul {display:block !important; left:200px;}
#BeiTagActive ul {display:block !important; left:260px;;}
 * html #BeiTagActive ul {width:400px;} /* IE 6*/
#PicturesActive ul {display:block !important; left:450px;}
#MagazinActive ul {display:block !important; left:540px;}
 * html #MagazinActive ul {width:207px;} /* IE6 */
#InformationActive ul {display:block !important; right:11px;}
 * html #InformationActive ul {width:320px;} /* IE6 */
	#InformationActive ul a {width:auto !Important;}

/* Content */
#ColContent {
	position:absolute;
	top:166px;
	left:206px;
	width:779px;
	display:block;
	min-height:718px;
	padding-bottom:10px;
	background:#fff;
	}
	* html #ColContent {height:718px;}
	#Content {margin:10px 10px 0 10px;}
	/* Rounded Corners */ 
	.ContentCorner {
		width:9px;
		height:9px;
		font-size:0px;
		position:absolute;
		display:block;
		background-image:url(../images/Framework.gif);}
		.LeftTop {background-position:-873px -75px;}
		.LeftBottom {bottom:0px; background-position:-873px -84px;}
		.RightTop {right:0px; background-position:-882px -75px;}
		.RightBottom {right:0px; bottom:0px; background-position:-882px -84px;}
		* html .RightTop {right:-1px;}
		* html .RightBottom {right:-1px;}
	/* End Corners */
	
	#BoxFooter {
		width:376px;
		height:24px;
		position:absolute;
		background:url(../images/Framework.gif) -534px -139px;
		bottom:-25px;
		right:25px;
		}
/* End Content */

/* Left - Boxes */
#ColLeft {
	position:absolute;
	top:166px;
	left:17px;
	width:178px;}
.LeftBox {
	width:167px;
	min-height:45px;
	color:#fff;
	clear:both;
	position:relative;
	margin-bottom:12px;
	padding:29px 5px 28px 5px;
	}
	* html .LeftBox.MemberBlock { /* IE6 Hack - Min-height */
		height:45px; padding-bottom:0;}
	.LeftBoxFooter, .ShoutBoxSubmit, .status_box{ /* also ShoutBox Submit */
		width:178px;
		height:22px;
		color:#fff;
		clear:both;
		line-height:17px;
		text-indent:11px;
		position:absolute;
		left:0px;
		bottom:-1px;
		background:url(../images/Framework.gif) -1px -142px;}
	/* Headlines */
	.MemberBlock {
		height:68px;
		padding-bottom:5px;
		margin-bottom:0;
		background:url(../images/SafariLoggedHead.gif) no-repeat #C71F02;}
	.ShoutBoxHeader {
		background:url(../images/Framework.gif) -179px -142px no-repeat #C71F02;
		}
	
	
/* LoginBlock */
.LoginBlock {
	background:url(../images/SafariLoginHead.gif) no-repeat #C71F02; /* Safari Hack - Other Browsers at the END */
	display:block;
	padding-bottom:25px;}
	.LoginBlock div {background:#620302; display:block; padding:1px 2px 3px 2px; margin:0 -1px; top:0px;}
	.LoginBlock label {
		display:block;
		float:left;
		color:#fff;
		margin-top:5px;
		width:51px;}
	.LoginBlock  input {
		background:url(../images/LoginFramework.gif) 0 -25px;
		height:13px;
		text-indent:5px;
		padding-top:1px;
		line-height:12px;
		color:#ddd;
		width:111px;
		margin-top:5px;
		}
	.LoginBlock .active {background:url(../images/LoginFramework.gif) 0 -40px; color:#444;}
	.LoginBlock a {color:#C77; text-decoration:none; margin-top:4px; display:block; text-align:right;}
	.LoginBlock a:hover {text-decoration:underline;}
	.LoginSubmit {
		width:177px !important;
		height:25px !important;
		background:url(../images/LoginFramework.gif) -1px 0 !important;
		position:absolute;
		bottom:0px;
		left:0px;
		cursor:pointer;
		border:none;
		display:block;}
/* Registrieren Bild */
#RegImg {
	display:block;
	width:177px;
	height:258px;
	background:url(../images/LoginFramework.gif) 0 -55px;
	margin-bottom:10px;}
/* MemberBlock */

.MemberBlock .img {
 width: 59px;
 height: 67px;
 overflow: hidden;
 border: 1px solid #fff;
 background-color: #fff;
 float: left;
}
.MemberBlock .img.male {
     background-image: url(../app/img_eraffe/placeholder/user_male_small.gif);
}

.MemberBlock .img.female {
     background-image: url(../app/img_eraffe/placeholder/user_female_small.gif);
}

.userblock {
	font-weight: bold;
	color: #FFFFFF;
	display:block;
	float:right;
	width:100px;
	height:69px;
	position:relative;
}

.MemberBlock .date {
	font-weight: normal;
	color: #939FB4;
	margin-top:25px;
	display: block;
}
.MemberBlock .LinkToCommunity {
	width: 98px;
	height: 16px;
	line-height:200px;
	position:absolute;
	bottom:0px;
	overflow:hidden;
	right:0px;
	opacity:.8;
	background:url(../images/Framework.gif) -905px -75px;
	display:block;
}
.MemberBlock .LinkToCommunity:hover {opacity:1.0;}
#MemberBlockFooter {
	display:block;
	clear:both;
	width:177px;
	height:22px;
	vertical-align:bottom;
	margin-bottom:10px;
	background:#C71F02;
	overflow:hidden;
	position:relative;
	}
	#MemberBlockFooter a {
		margin:1px 5px 0 5px;
		background:#EC4629;
		display:block;
		padding:2px;
		text-decoration:none;
		width:164px;
		color:#ccc;
		}
	#MemberBlockFooter a b {color:#fff;}
	#MemberBlockFooter div {
		position:absolute;
		bottom:7px;}
	#MemberBlockFooter span {
		width:177px;
		position:absolute;
		background:url(../images/Framework.gif) -1px -135px;
		bottom:0px;
		display:block;
		height:7px;}
	#MemberBlockFooter div#EndImg {
		display:block;
		width:169px;
		color:#fff;
		height:18px;
		top:0px;
		background:url(../images/Framework.gif) -5px -143px;
		left:4px;
		line-height:18px;
		text-indent:7px;}

/* Shoutbox */
.user_male{
		background-image: url(../app/img_eraffe/site/icon_gender_male.gif);
		background-repeat: no-repeat;
		background-position: left center;
		color:#C71F02;
		foat:left;
		font-weight:bold;
		padding-left:12px;
		text-decoration: none;
}
.user_female{
		background-image: url(../app/img_eraffe/site/icon_gender_female.gif);
		background-repeat: no-repeat;
		background-position: left center;
		color:#C71F02;
		float:left;
		font-weight:bold;
		padding-left:12px;
		text-decoration: none;
}
.shoutbox {
    width:151px;
    padding: 8px;
    height: 356px;
	clear:both;
    overflow: auto;
	overflow-x:hidden;
	color:#444;
	background:#fff;
	-moz-border-radius:3px;
}
.ShoutBoxHeader a {color:#C71F02;}
	/* ShoutBox Content */
	.shoutbox IMG.icon_gender {
		float: left;
		position: relative;
		bottom: -2px;
		margin-right: 3px;
	}
	.shoutbox A.user {
		font-weight: bold;
		float: left;
		background-repeat: no-repeat;
		padding-left: 12px;
		background-position: left center;
		text-decoration: none;
		color:#C71F02;}
	}
	.shoutbox A.user:hover { color: #414141; }
	
	.shoutbox A.user.male {
		background-image: url(../app/img_eraffe/site/icon_gender_male.gif);
	}
	.shoutbox A.user.female {
		background-image: url(../app/img_eraffe/site/icon_gender_female.gif);
	}
	.shoutbox span.date {
		float: right;
		color: #ADADAD;
		font-size: 9px;
	}
	.shoutbox span.clear {
		float: left;
		clear: both;
		display: block;
		padding-top: 2px;
		width: 140px;
	}
	.shoutbox .spacer {
		width: 140px;
		height: 1px;
		font-size: 0px;
		background-image: url(../app/img_eraffe/site/dots_horizontal.gif);
		background-repeat: repeat-x;
		margin-bottom: 10px;
		margin-top: 10px;
		float: left;
	}
	/* End ShoutBox Content */

.ShoutBoxFooter {
    width: 159px;
    padding: 2px 4px 2px 4px;
    color:#444;
	clear:both;
	margin-top:3px;
	background:#fff;
	-moz-border-radius:3px;
	position:relative;
}
.ShoutBoxFooter a { text-decoration:none !Important;} 
.ShoutBoxFooter textarea {
    background-color: #FFFFFF;
    width: 157px !important;
    height: 40px;
	border:none;
    border-top: 1px solid #AAAAAA;
    color: #7B7B7B;
}
input.ShoutBoxSubmit {
	border:none;
	text-align:left;
	cursor:pointer;
	padding-bottom:5px;}

.border_box.error {
	width: 165px;
	line-height: 14px;
	padding: 4px;
	color: #414141;
}
/* End ShoutBox !! */



ul.ajax_menu {
background-image:url(../app/img_eraffe/site/lnews_bg.jpg);
background-repeat:repeat-x;
height:26px;
width:100%;
}
ul.ajax_menu li {
float:left;
height:23px;
}
ul.ajax_menu a {
background-image:none;
background-repeat:repeat-x;
color:#FFFFFF;
display:block;
float:left;
font-size:9px;
font-weight:bold;
height:23px;
line-height:22px;
padding-left:15px;
padding-right:15px;
text-align:center;
text-decoration:none;
}
ul.ajax_menu a:hover {
background-color:#F2F2F2;
background-image:url(../app/img_eraffe/site/lnews_bg_hover.jpg);
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#38393B;
height:26px;
padding-left:14px;
padding-right:14px;
}
ul.ajax_menu a.active {
background-color:#F2F2F2;
background-image:url(../app/img_eraffe/site/lnews_bg_hover.jpg);
color:#38393B;
height:26px;
}
ul.ajax_menu select {
background-color:#FFFFFF;
border:1px solid #9E9C9D;
color:#353535;
float:right;
font-family:Verdana;
font-size:9px;
margin:3px;
padding:1px;
}
ul.ajax_menu option {
background:transparent none repeat scroll 0%;
border:0pt none;
margin-right:5px;
}
/* Massage */
.Message {
	display:block;
	background:#eee url(../app/img_eraffe/site/myeraffe/box_more_hover.gif) 0px 4px no-repeat;
	border:1px solid #aaa;
	text-indent:20px;
	color:#444;
	text-decoration:none;
	padding:4px;
	margin:3px 0;
	line-height:14px;}
.Message:hover {
	color:#f00;}

/* LoginBlock */

/* Fix Safari Hack for other Browsers */
.LoginBlock {background:url(../images/LoginFramework.gif) no-repeat -1px -313px #C71F02;#} /* line 1156 */
.MemberBlock {background:url(../images/Framework.gif) -357px -142px no-repeat #C71F02;} /* line 1146 */

.banner {
	position:absolute; width:728px; height:90px; top:166px; left:230px;
}
.skyscraper {
	position:absolute; top:166px; left:995px;
}