/**
	CSS für Seite JUMP Community Party
	Axel - Version 27.04.2010
	kon - 06.05.2010
**/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none;
}

img.list {
	margin-top: 0.1em;
	vertical-align: middle;
}

img.newline {
	padding-right:1.5em;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #900;
	text-decoration: underline;
}

a.more_link,
a.more_link:hover {
	color: #ffed00;
	padding-right: 1.5em;
	background: url(../../../static/pics/button/forward_arrow.gif) center right no-repeat;
}


body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url(../../../static/event/pics/jcp/jcp_background.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1em;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #4e4b4a;
	scrollbar-darkshadow-color: #4e4b4a;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #4e4b4a;
	scrollbar-track-color: #4e4b4a;
	border:0;
}


/* ---------------------------- C O N T E N T _ W R A P P E R ----------------------------------------------- */


#background {
	position: relative;
	top: 1.0em;
	left: 1.1em;
	width: 98.9em;
	height: 62.7em;
	z-index: 2;
	border-bottom: 0px solid #D3D2D7;
}



/* ---------------------------- C O N T A I N E R . C O N T E N T ---------------------------------------- */

.container {
	position: absolute;
	overflow: auto;
}

.container2 {
	position: absolute;
	overflow: auto;
}

.container .content {
	overflow: hidden;
	background-color:#c3e0d6;
	text-align:left;
	margin-left:1.2em;
	margin-right:5em;
	margin-bottom:2.9em;
	margin-top:2em;
	color:#000000;
	clear:both;
}

.container2 .content {
	overflow: hidden;
	background-color:#c3e0d6;
	text-align:left;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	margin-top:0;
	color:#000000;
	clear:both;
}

.container.suggest {
	overflow: hidden;
	background-color:#c3e0d6;
	text-align:left;
	color:#000000;
	clear:both;
	padding: 2em 0 0 1em;
	margin:0;
	max-width:31em;
	border:0;
}


/*
.container.suggest {
	position: absolute;
	background-color:#c3e0d6;
	border: 0;
	overflow: hidden;
	margin:0;
	max-width:31em;
	height:43em;
} */


.container .content .left {
	text-align:left;
	width:50%;
}

.container .content .right {
	text-align:right;
	width:48%;
}

.container .content.low {
	overflow: hidden;
	background-color:#c3e0d6;
	text-align:left;
	height:6em;
	margin-left:1.2em;
	margin-right:0em;
	margin-bottom:0em;
	margin-top:1em;
	color:#000000;
	clear:both;
}

.container .content.footer {
	overflow: hidden;
	background-color:#c3e0d6;
	text-align:left;
	height:6em;
	margin-left:1.2em;
	margin-right:0em;
	margin-bottom:0em;
	margin-top:1em;
	color:#000000;
	clear:both;
}

.suggest_box {
	background-color: #c3e0d6;
	background-image: none;
	border: 0 none;
	margin: 0;
	max-width: 30em;  
	overflow:hidden;
}

.container .content .video,.container_1 .content .video,.container2 .content .video,.container_3 .content .video,.container_4 .content .video,.container_5 .content .video,.container_6 .content .video,.container_transparent .content .video
{
	background-color: #4e4b4a;
}

.container .content.list,.container_1 .content.list,.container2 .content.list,.container_3 .content.list,.container_4 .content.list,.container_6 .content.list,.container_transparent .content.list
{
	margin: 0.5em 0.5em 0 0.5em;
}

.container .content .listing,.container_1 .content .listing,.container2 .content .listing,.container_3 .content .listing,.container_4 .content .listing,.container_6 .content .listing,.container_transparent .content .listing
{
	font-size: 1.0em;
	font-weight: 400;
	color: #ffffff;
	padding: 0 0 0 1.9em;
	margin: 0 0 0 0em;
	background: url(../../../static/pics/button/plus_button.gif) center left no-repeat;
}

.container h1,
.container .content h1
{
	margin: 0 0 0 0;
	font-size: 2.2em;
	font-weight: 400;
	color: #000;
}

.container h2, .container .content h2, .suggest_box h2 {
	padding: 2em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}


.container p,.container .content p,.content p {
	font-weight: 400;
	color: #000000;
	font-size: 1.3em;
	line-height: 1.9em;
	/*clear:both;*/
	padding-bottom: 0.5em;
	vertical-align:text-top;
}

.container .content .right {
	float:right;
}

.container .content ul {
	list-style-image: url(/static/event/pics/jcp/jcp_liststyle_image.png);
	list-style-position: outside;
	color: #000;
	clear:left;  
	padding-bottom: 0.5em;
}

.container .content li {
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.6em;
	margin-left: 1.8em;
	margin-right: 2em;
}

.container .error, .container .content .error {
	color: #FF1100;
	font-weight: bold;
}


/*----- imbedded ; Text float around Image --------------------------------------------------------------------*/
.container .content.imbedded,.container_3 .content.imbedded,.container_4 .content.imbedded,
.container.rows_1.cols_3 .content.imbedded,.container_3.rows_1.cols_3 .content.imbedded,.container_4.rows_1.cols_3 .content.imbedded,
.container.rows_2.cols_3 .content.imbedded,.container_3.rows_2.cols_3 .content.imbedded,.container_4.rows_2.cols_3 .content.imbedded
{
	padding-left: 0;
}

.container .content.imbedded img,.container .content .full img,.container .content .half img,.container_3 .content.imbedded img,.container_4 .content.imbedded img,
.container.rows_1.cols_3 .content.imbedded img,.container_3.rows_1.cols_3 .content.imbedded img,.container_4.rows_1.cols_3 .content.imbedded img,
.container.rows_2.cols_3 .content.imbedded img,.container_3.rows_2.cols_3 .content.imbedded img,.container_4.rows_2.cols_3 .content.imbedded img
{
	/* give some extra marin-bottom for letting IE7's line break bahave like IE6's and FF's */
	margin: 0.0em 1.6em 0.5em 0;
	float: left;
	
}

.container .content .full,.container .content.full,.container .content.imbedded.full,.container .content .full .imbedded {
	text-align:left;
	float:left;
	margin-right:1.2em;
	width:52em;
	vertical-align:text-top;
}

.container .content .half,.container .content.half,.container .content.imbedded.half,.container .content .half .imbedded {
	text-align:left;
	float:left;
	margin-right:1.2em;
	width:26em;
	vertical-align:text-top;
}

/*----- player; resetting styles for flash-video-player content ---------------------------------------------*/
.container .content.player {
	padding: 0 0 0 0;
	margin: 0.5em 0.5em 0.5em 0.5em;
}

.container .content .flash_mini_embedded {
	float:left;
	width:3em;
	height:3.3em;
	margin-top:0.3em;
	margin-left:-0.4em;
	padding-right:0.5em;
	align:center;
}


/* ---------------------------------- F O R M U L A R --------------------------------------------------- */
.container form * {
	font-family: Tahoma, Geneva, sans-serif;
/*	font-weight: 400;  
	margin-left:0.6em;  */
	color:#000000;
	text-align:left;
	font-size: 1.1em;
}

.container form .numbers
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 34px;
}

.container form .numbers_small
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
}

.container form .content
{
	padding: 0px;
}

.container form input.input_breit {
	width: 13em;
	float:left;
	margin-top: 0.7em;
}

.container form select {
	/* float: left; */
	height: 1.55em;
	line-height: 1.7em;
	border: 1px solid #4e4b4a;
	float:left;
	margin-left:2em;
	margin-top:0.7em;
	margin-right:1.2em;
}

.container form .form_wrapper {
	display: block;
	padding-top: 0.8em;
	clear: left;
}

.container form .form_wrapper p {
	float: left;
	width: 30.0em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	font-weight: 400;
}

.container form .form_wrapper label {
	float: left;
	line-height: 1.7em;
}

.container form .form_wrapper label.error
{
	float: left;
	width: 30.0em;
	color: #FF1100;
	font-weight: bold;
	line-height: 1.7em;
}

.container form .form_wrapper label.breit {
	float: left;
	width: 30.0em;
	color: #ffffff;
	line-height: 1.7em;
}

.container form .form_wrapper input,
.container form .form_wrapper select {
	/* float: left; */
	height: 1.55em;
	line-height: 1.7em;
	border: 1px solid #4e4b4a;
}

.container form .form_wrapper textarea {
	width: 25.5em;
	height: 10em;
	border: 1px solid #4e4b4a;
}

.container form .form_wrapper .textarea_suggest {
	width: 24.6em;
	height: 8em;
	float: right;
	border: 1px solid #4e4b4a;
	line-height: 1.7em;
}

.container form .form_wrapper .checkbox,
.container form .form_wrapper input.checkbox
{
	width: 2.0em;
	border: none;
	margin-right:1.0em;
	float:left;
}


.container form .form_wrapper input.input_normal {
	width: 11em;
	float: left;
}

.container form .form_wrapper input.input_suggest {
	width: 15em;
	float: right;
}

.container form .form_wrapper input.input_breit {
	width: 20.6em;
}

.container form .form_wrapper input.input_sehrbreit {
	width: 31.0em;
}

.container form .form_buttons_wrapper {
	float: right;
	margin-right: 2.4em;
	margin-top: 1.8em;
	bottom: 1em;
	color: #43768B;
}

.container form .form_buttons_wrapper input {
	margin-bottom: -0.4em;
}

.container form .error,
.container form .form_wrapper .error,
.container form .form_wrapper .content .error,
.container form .content .error {
	color: #FF1100;
	font-weight: bold;
}

select {
	border: 1px solid #4e4b4a;
}

option {
	margin-right: 1em;
}



/*--- Button für Galerie Oben und Unten bzw. Links und Rechts ---*/
.container_transparent .button_oben_links,.container .button_oben_links
{
	position: absolute;
	left: 0.5em;
	top: 1em;
	color: #43768B;
}

.container_transparent .button_oben_rechts,.container .button_oben_rechts
{
	position: absolute;
	right: 0.5em;
	top: 1em;
	color: #43768B;
}

.container_transparent .button_unten_links,.container .button_unten_links
{
	position: absolute;
	left: 0.5em;
	bottom: 0.5em;
	color: #43768B;
}

.container_transparent .button_unten_rechts,.container .button_unten_rechts
{
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
	color: #43768B;
}

.container_3 .button_unten_mitte
{
	position: absolute;
	bottom: 0.5em;
	color: #7F7F7F;
	align: center;
	width: 96%;
}

/*----- table container -------------------------------------------------------------------------------------*/
.container .content.table,.container_transparent .content.table,.container_3 .content.table,.container_4 .content.table, .container_10 .content.table	{
	overflow: auto;
	margin-right: 0;
}

.container .content.table div {
	float: left;
}

/*----- kon: neue tabellenstruktur für blogs 2009 -----*/
.container .content.table_head,.container_3 .content.table_head,.container_4 .content.table_head {
	position: relative;
	margin: 0;
	height: 4.3em;
}

.container .content.table_body,.container_3 .content.table_body,.container_4 .content.table_body,.container_transparent .content.table_body {
	position: relative;
	margin-right: 0;
	overflow: auto;
	width: 38.9em;
}

.container .content.table_body_big,.container_3 .content.table_body_big,.container_4 .content.table_body_big,.container_transparent .content.table_body_big {
	position: relative;
	margin-right: 0;
	overflow: auto;
	width: 48.8em;
}

.container .table_row,
.container_3 .table_row,
.container_4 .table_row,
.container_transparent .table_row  {
	width: 36.9em;
	margin-top: 1.0em;
	margin-bottom: 2.0em;
	float: left;
}

.container .table_row_small,
.container_3 .table_row_small,
.container_4 .table_row_small,
.container_transparent .table_row_small {
	width: 27.2em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	float: left;
}

.container .table_row_big,
.container_3 .table_row_big,
.container_4 .table_row_big,
.container_transparent .table_row_big {
	width: 46.6em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	float: left;
}

.container .content.table_head h2,.container_3 .content.table_head h2,.container_4 .content.table_head h2 {
	position: absolute;
	top: 1.1em;
	bottom: 1.5em;
	font-size: 1.1em;
	color: #FF1100;
}

.container .content.table_body h2,.container_3 .content.table_body h2,.container_4 .content.table_body h2 {
	margin-top: 0.0em;
}

.container .content.table_body p,.container_3 .content.table_body p,.container_4 .content.table_body p {
	margin-top: 0.2em;
}

.container .content.table_head .blog_meta,.container_3 .content.table_head .blog_meta,.container_4 .content.table_head .blog_meta {
	left: 5px;
}

.container .content.table_head .blog_content,.container_3 .content.table_head .blog_content,.container_4 .content.table_head .blog_content {
	left: 104px;
}

.container .content.table_body .blog_meta,.container_3 .content.table_body .blog_meta,.container_4 .content.table_body .blog_meta {
	position: absolute;
	left: 0px;
	width: 88px;
}

.container .content.table_body .blog_content,.container_3 .content.table_body .blog_content,.container_4 .content.table_body .blog_content {
	position: relative;
	left: 99px;
	width: 270px;
	margin-top: 0.2em;
}

/*----- kon: neue tabellenstruktur für events 2009 -----*/
.container_3 .content.table_head .event_date,.container_4 .content.table_head .event_date,.container .content.table_head .event_date {
	left: 5px;
}

.container_3 .content.table_head .event_content,.container_4 .content.table_head .event_content,.container .content.table_head .event_content {
	left: 104px;
}

.container_3 .content.table_head .event_location,.container_4 .content.table_head .event_location,.container .content.table_head .event_location {
	left: 287px;
}


.container_3 .content.table_body .event_date,.container_4 .content.table_body .event_date,.container .content.table_body .event_date {
	position: absolute;
	left: 0px;
	width: 88px;
}

.container_3 .content.table_body .event_content,.container_4 .content.table_body .event_content,.container .content.table_body .event_content {
	position: absolute;
	left: 99px;
	width: 170px;
}

.container_3 .content.table_body .event_location,.container_4 .content.table_body .event_location,.container .content.table_body .event_location {
	position: relative;
	left: 282px;
	width: 88px;
}

/*----- kon: neue tabellenstruktur für voting 2010 -----*/
.container_3 .content.table_head .voting_player,.container_4 .content.table_head .voting_player,.container .content.table_head .voting_player {
	left: 0.5em;
}

.container_3 .content.table_head .voting_text,.container_4 .content.table_head .voting_text,.container .content.table_head .voting_text {
	left: 4.9em;
}

.container_3 .content.table_head .voting_button,.container_4 .content.table_head .voting_button,.container .content.table_head .voting_button {
	left: 32.6em;
}

.container_3 .content.table_body .voting_player,.container_4 .content.table_body .voting_player,.container .content.table_body .voting_player {
	position: absolute;
	left: 0em;
	width: 4.4em;
}

.container_3 .content.table_body .voting_text,.container_4 .content.table_body .voting_text,.container .content.table_body .voting_text {
	position: absolute;
	left: 4.9em;
	width: 27.7em;
	vertical-align:middle;
}

.container_3 .content.table_body .voting_button,.container_4 .content.table_body .voting_button,.container .content.table_body .voting_button {
	position: absolute;
	left: 32.6em;
	width: 4.4em;
}

/*----- page_footer -----*/

#page_footer {
	position: relative;
	top: 0;
	overflow: hidden;
	left: 1.1em;
	height: 3.2em;
	margin-top: 3.2em;
	padding: 0px 0px 0px 4em;
	width: 94.7em;
	border-bottom: 1px solid #4E4B4A;
	border-left: 1px solid #4E4B4A;
	border-right: 1px solid #4E4B4A;
	background: url(../../../static/pics/background/page_header.gif) top left repeat-x;
}

#page_footer .divider {
	width: 1px;
	border-right: 1px solid #DFDEDD;
	float: left;
	height: 3.2em;
	padding: 0;
	margin: 0px 0px 0px 1em;
}

#page_footer img {
	vertical-align: middle;
	margin-bottom: 0.1em;
}

#page_footer .content {
	float: left;
	display: inline;
	height: 3.2em;
	padding: 0.7em 0 0 0;
	margin: 0em 0em 0em 1em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	color: #a4a4a4;
}

#page_footer .content a {
	color: #a4a4a4;
}

#page_footer #footer_flyout .content {
	color: #a4a4a4;
	height: 3.2em;
	padding-top: 0.5em;
	line-height: 1.2em;
}

#page_footer #footer_flyout .content a {
	color: #a4a4a4;
}


#infobox {
	position: absolute;
	z-index: 3;
}

.stream_player,
.stream_player_popup {
	margin-top: 0;
	top: 1.0em;
	height: 7.6em;
	width: 29.8em;
	overflow: hidden;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	z-index: 5;
	background-color: #4E4B4A;
}

.stream_player {
	position: absolute;
	left: 70.2em;
}

/* ----- newsticker ----- */
#newsticker {
	background: transparent;
	position: relative;
}

#newsticker ul {
	list-style: none;
	min-height: 1.8em;
	text-align: left;
}

#newsticker li {
	line-height:1.4em;
}

#newsticker a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 1.1em;
	background: url(../../../static/pics/button/jcp_button_forward.png) center right no-repeat;
}

#newsticker a:hover {
	color: #c3e0d6;
	text-decoration: none;
	padding-right: 1.1em;
	background: url(../../../static/pics/button/jcp_button_forward.png) center right no-repeat;
}

* html #newsticker ul {
	height: 1.8em;
	overflow: visible;
}

#newsticker li.error {
	color: #FF1100;
	visibility:hidden;
}

#newsticker #togglenewsticker {
	background: transparent url(../../../static/pics/common/blank.gif) no-repeat 0 0;
	position: absolute;
	right: 1em;
	top: 1.2em;
	width: 1.4em;
	height: 1.4em;
	text-indent: 1em;
	outline: none;
	overflow:hidden;
	visibility:hidden;
}


* html #newsticker #togglenewsticker {
	right: 30px;
}

#vertical_slide, #horizontal_slide {
	color: #8A7575;
	padding: 0;
	border: 0;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 0;
}

/* tagbox */

#tagbox {
	position: relative;
	text-align: left;
	margin: 1em 3em 0.5em 1.2em;
}

#metaDesc {
	font-size:	1.1em;
	font-weight:400;
	padding-bottom: 0.9em;
	color:		#000000;
	text-align: left;
}
#metaSocial {
	position: relative;
	width: 40%;
	float: left;
	text-align: left;
}
#metaFile {
	position: relative;
	text-align: right;
	float: right;
	width: auto;
}
#metaPrint {
	margin: 0em;
	float: left;
	width: 7.1em;
	height: 1.6em;
	background-image: url(../../../static/pics/button/jcp_drucken.png);   
}
#metaSend {
	margin:0em;
	float: left;
	width: 7.1em;
	height: 1.6em;
	background-image: url(../../../static/pics/button/jcp_senden.png);   
}
#metaBookmark {
	margin:0em;
	float: left;
	width: 7.1em;
	height: 1.6em;
	background-image: url(../../../static/pics/button/jcp_merken.png);   
}

/* ----- ende ----- */