/**
 * you mag css
 * @author roman.weinberger@studio78.at
 */

/** base settings **/
* { font-family:Verdana,Arial,Helvetica,Sans-Serif; }

body {
	background-image:url(../images/key2life/key2life_background.jpg);
	margin:0;
	padding:0;
}

/** layout container **/
#pagecontainer {
	width:803px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/** header **/

#header_top {
	background:url(../images/key2life/key2life_header_first.png) 0 0 no-repeat;
	width:784px;
	height:60px;
}

#header_bot {
	
}

/**
 * mail / abo links
 */
#header_bot div.mail {
	background:url(../images/key2life/key2life_header_mail_abo.png) 0 0 no-repeat;
	width:175px;
	height:85px;
	float:left;
	position:relative;
	overflow:visible;
}

#header_bot div.mail a.mail_link {
	top:46px;
	left:16px;
	position:absolute;
	display:block;
	width:71px;
	height:22px;
}

#header_bot div.mail a.you_current_mag {
  	display:block;
	overflow:visible;
  	position:absolute;
  	top:-26px; 
	left:15px;
	background-image:url(/images/you_cover.jpg);
	width:144px;
	height:72px;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:100;
}
#header_bot div.mail a.you_current_mag:hover {
	opacity:.85;
	filter:alpha(opacity=85);
}


#header_bot div.mail a.mail_link:hover {
	background-color:white;
	opacity:.2;
	filter:alpha(opacity=20);
}

#header_bot div.mail a.abo_link {
	top:46px;
	left:87px;
	position:absolute;
	display:block;
	width:71px;
	height:22px;
}
#header_bot div.mail a.abo_link:hover {
	background-color:white;
	opacity:.2;
	filter:alpha(opacity=20);
}

#header_bot div.center {
	background:url(../images/key2life/key2life_header_center.png) 0 0 no-repeat;
	width:474px;
	height:85px;
	float:left;
}
#header_bot div.login {
	background:url(../images/key2life/key2life_header_login.png) 0 0 no-repeat;
	width:154px;
	height:85px;
	float:left;
}


#header_bot div.loggedin {
	background:url(../images/key2life/key2life_header_login_empty.png) 0 0 no-repeat; 
	width:154px;
	height:85px;
	float:left;
    position:relative;
	text-align:center;
}

#header_bot div.loggedin p {
	font-size:9pt;
	margin-bottom:2px;
}
#logout a {
        position:absolute;
        display:block;
        font-size:9pt;
       color:red; 
       font-weight:bold;
       top:50px;
       left:14px;
	   
}

#login_register a {
	display:block;
	width:140px;
	height:14px;
	position:absolute;
	top:49px;
	left:8px;
}
#login_register a:hover {
	background-color:white;
	opacity:.2;
	filter:alpha(opacity=20);
}



/**
 * breadcrumbs / ticker
 */
#headline {
	margin-top:46px;
	line-height:24px;
	background-color:white;
	/*opacity:.7;*/
	background-image:url(/images/key2life/key2life_here_end.png);
	background-position:top right;
	background-image:url(/images/key2life/key2life_here_back.png);
}

#headline .content {
	font-size:9pt;
	/*font-weight:bold;*/
	opacity:1;
	color:#805230;
/*	border:1px solid #805230;*/
	
	background-image:url(/images/key2life/key2life_here_end.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:24px;
	line-height:24px;
}

#headline .content a {
	font-size:9pt;
	/*font-weight:bold;*/
	opacity:1;
	color:#000000;
	text-decoration:none;	
}

#headline .content a:hover { text-decoration:underline; }

#headline .content .title {
/*	padding:0px 4px;
	margin:1px 4px 1px 1px;*/
	line-height:20px;
	float:left;
	background-color:#9999cc;
	color:white;
	font-weight:bold;
}

/**
 * login box
 */

#header_bot div.login {
}

#header_bot div.login form {
	position:relative; 
	margin:0;padding:0;
}

/*
#login_username {
	position:absolute;
	top:22px !important;
	left:14px !important;
	top:19px;
	left:15px;
}
#login_password {
	position:absolute;
	top:22px !important;
	left:82px !important;
	top:19px;
	left:83px;
}

#login_username input, 
#login_password input {
	padding:0;
	margin:0;
	font-size:12px;
	height:14px;
	width:51px;
	border:1px solid black;
}

#login_submit {
	position:absolute;
	top:22px !important;
	left:127px !important;
	top:19px;
	left:128px;
}
*/
#login_username {
	position:absolute;
	top:22px !important;
	left:14px !important;
	top:19px;
	left:15px;
}
#login_password {
	position:absolute;
	top:22px!important;
	left:71px!important;
	top:19px;
	left:72px;
}

#login_username input, 
#login_password input {
	padding:0;
	margin:0;
	font-size:12px;
	height:14px;
	width:51px;
	border:1px solid black;
}

#login_submit {
	position:absolute;
	top:22px !important;
	left:127px !important;
	top:19px;
	left:128px;
}

/*********************
 * body
 *********************/

#body {
	clear:both;
	background:url(../images/key2life/key2life_body_container_back.png) 0 0 repeat-y;
	width:803px;
	min-height:200px;
}

/**
 * leftmenu
 */
#leftbar {
	float:left;
	width:175px;
}



.leftmenu li {
	margin:0;
	padding:0;
	line-height:15px;
	font-size:12px;
}

.leftmenu li a {
	display:block;
	width:100%;
	height:15px;
	text-decoration:none;
}
.leftmenu li a:hover {
	background-color:white;
	opacity:.4;
	filter:alpha(opacity=40);
}

/**
 * content
 */

/** content section heading **/

#section {
	background:url(../images/key2life/section_header_key2life.png) 0 0 no-repeat;
	width:625px;
	height:50px;
	float:left;
}

#content {
	width:454px;
	margin-left:12px;
	float:left;
}

/** special mainpage **/
#reality 	{ margin-bottom:15px; clear:both; }
#kino 		{ margin-bottom:15px; clear:both; }
#musik 		{ margin-bottom:15px; clear:both; }
#events 	{ margin-bottom:15px; clear:both; }
#guestbook 	{ margin-bottom:15px; clear:both; }

#realityheader {
	background:url(../images/boxhead_reality.png) 0 0 no-repeat;
	height:21px;
		overflow:hidden;
}
#musikheader {
	background:url(../images/boxhead_musik.png) 0 0 no-repeat;
	height:21px;
	overflow:hidden;
	padding:0;
	margin:0;
}
#kinoheader {
	background:url(../images/boxhead_kino.png) 0 0 no-repeat;
	height:21px;
		overflow:hidden;
}
#eventsheader {
	background:url(../images/boxhead_events.png) 0 0 no-repeat;
	height:20px;
		overflow:hidden;
}
#guestbookheader {
	background:url(../images/boxhead_guest.png) 0 0 no-repeat;
	height:20px;
		overflow:hidden;
}
#new_guestbookheader {
	background:url(../images/boxhead_guest.png) 0 0 no-repeat;
	height:20px;
		overflow:hidden;
}

/** orange mainpage **/

.mainpagecontent_orange {
	border:1px solid #ffea72;
	background-color:#fffad4;
	width:454px;
	min-height:105px;
	height:105px;
	height:auto !important;
	color:#ff8a00;
	margin:0px;
}
.mainpagecontent_orange .first {
	width:64%;
	float:left;
	margin-top:5px;
	margin-left:5px;
	min-height:80px;
	height:80px;
	height:auto !important;
	border-right:1px dashed #ff8a00;
}
.mainpagecontent_orange .first img {
	float:left;
	margin-right:4px;
	border:0;
}
.mainpagecontent_orange .first h1 {
	font-size:11pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
.mainpagecontent_orange .first h2 {
	font-size:10pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
.mainpagecontent_orange .first p {
	font-size:8.5pt;
	color:black;
	margin:0;
	padding:0;
}
.mainpagecontent_orange .first a {
	color: #ff8a00;
	text-decoration:none;
	font-size:9pt;
}
.mainpagecontent_orange .more {
	width:31%;
	float:right;
	margin:0px 0px;
}

.mainpagecontent_orange .more img {
	float:left;
	margin:2px;
	border:0;
}
.mainpagecontent_orange .more h1 {
	line-height:8pt;
	font-size:8pt;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-left:4px;
}
.mainpagecontent_orange .more h2, .mainpagecontent_orange .more p {
	line-height:8pt;
	font-size:8pt;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-left:4px;
}
.mainpagecontent_orange .more a {
	color: #ff8a00;
	text-decoration:none;
	font-size:8pt;
}
/** violett **/
.mainpagecontent_violett {
	border:1px solid #D1D1E9;
	background-color:#F2F1FF;
	width:454px;
	min-height:105px;
	height:105px;
	height:auto !important;
	color:#805230;
}
.mainpagecontent_violett  .first {
	width:64%;
	float:left;
	margin-top:5px;
	margin-left:5px;
	min-height:80px;
	height:80px;
	height:auto !important;
	border-right:1px dashed #805230;
}
.mainpagecontent_violett  .first img {
	float:left;
	margin-right:4px;
	border:0;
}
.mainpagecontent_violett  .first h1 {
	font-size:11pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
.mainpagecontent_violett .first h2 {
	font-size:10pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
.mainpagecontent_lett  .first p {
	font-size:8.5pt;
	color:black;
	margin:0;
	padding:0;
}
.mainpagecontent_violett  .first a {
	color: #805230;
	text-decoration:none;
	font-size:9pt;
}
.mainpagecontent_violett  .more {
	width:31%;
	float:right;
	margin:0px 0px;
}

.mainpagecontent_violett  .more img {
	float:left;
	margin:2px;
	border:0;
}
.mainpagecontent_violett  .more h1 {
	line-height:8pt;
	font-size:8pt;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-left:4px;
}
.mainpagecontent_violett  .more h2, .mainpagecontent_violett .more p {
	line-height:8pt;
	font-size:8pt;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-left:4px;
}

.mainpagecontent_violett  .more a {
	color: #805230;
	text-decoration:none;
	font-size:8pt;
}

/** guestbook **/
#guestbookcontent {  }

#guestbookcontent .message {
	clear:both;
	margin-bottom:10px;
	padding:10px;
}

#guestbookcontent_index .message {
	clear:both;
	margin-bottom:10px;
	padding:10px;
}

#guestbookcontent .user {
	width:33%;
	float:left;
}

#guestbookcontent_index .user {
	width:100%;
	float:top;
	font-size:8pt;
	/*font-weight:bold;*/
	margin:0;
	padding:0;
}

#guestbookcontent_index .user_member {
	width:100%;
	float:top;
	background-color:#fffad4;
	font-size:8pt;
	/*font-weight:bold;*/
	margin:0;
	padding:0;
}

#guestbookcontent_index .user_admin {
	width:100%;
	float:top;
	background-color:#F3BEEA;
	font-size:8pt;
	/*font-weight:bold;*/
	margin:0;
	padding:0;
}

#guestbookcontent .user h1 {
	font-size:10pt;
	font-weight:bold;
	margin:0;
	padding:0;
}

#guestbookcontent_index .user h1 {
	font-size:8pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
#guestbookcontent_index .user_member h1 {
	font-size:8pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
#guestbookcontent p {
	margin:0;
	padding:0;
	color:black;
	font-size:9pt;
}

#guestbookcontent_index p {
	margin:0;
	padding:0;
	color:black;
	font-size:8pt;
}

#guestbookcontent .message .content {
	width:64%;
	float:right;
	border:1px solid #8a86c6;
	background-color:white;
	padding:4px;
}

#guestbookcontent .message .preview_content {
	width:98%;
	float:right;
	border:1px solid #8a86c6;
	background-color:white;
	padding:4px;
}

#guestbookcontent_index .message .content {
	width:98%;
	float:right;
	border:1px solid #8a86c6;
	background-color:white;
	padding:4px;
}
#guestbookcontent .message .content a {
	color:#805230;
	text-decoration:none;
}
#guestbookcontent_index .message .content a {
	color:#805230;
	text-decoration:none;
}
#guestbookcontent a {
	color: #805230;
	text-decoration:none;
	font-size:8pt;
}
#guestbookcontent_index a {
	color: #805230;
	text-decoration:none;
	font-size:8pt;
}

#guestbookform { border:0; }

#guestbookform form {
	width:90%;
	margin-left:5%;
}

#guestbookform p {
	/*margin:0pt;*/
	/*margin-left:10pt;*/
	padding:0;
	color:black;
	font-size:9pt;
}

#guestbookform img {
	border:0pt;
}

#guestbookform input {
	border:1px solid #8a86c6;
	width:100%;
}

#guestbookform textarea {
	border:1px solid #8a86c6;
	width:100%;
}


/**
 * boxes on the right 
 */
#rightbar {
	margin-top:3px;
	float:right;
	margin-right:2px!important;
	margin-right:1px;
	width:148px;
}

#rightbar .boxheader {
	background:url(/images/key2life/key2life_box_head.png) 0 0 no-repeat; 
	height:6px;
	overflow:hidden; /* ie fix */
}

#rightbar .boxbody {
	background:url(/images/key2life/key2life_box_body.png) 0 0 repeat-y;
}

#rightbar .boxfooter {
	background:url(/images/key2life/key2life_box_foot.png) 0 0 repeat-y; height:7px;
	overflow:hidden; /* ie fix */
}

#rightbar .boxbody {
	margin:0;
	padding:6px;
	font-size:8pt;
	color:#000000;
}


#rightbar .boxbody .newest {
	padding-left:2px;
	margin:0;
	font-weight:bold;
	font-size:9pt;
}
#rightbar .boxbody .newest a {
	padding-left:2px;
	margin:0;
	font-weight:bold;
	font-size:9pt;
	color: #805230;
	text-decoration:none;
}

#rightbar .boxbody ul {
	list-style-type:square;
	margin:0;
	padding:0;
	margin-left:8px;
	padding-left:12px;
}
#rightbar .boxbody li {
	/*margin-bottom:10px;*/
}
#rightbar .boxbody .name {
	font-weight:bold;
}
#rightbar .boxbody .name a {
	font-weight:bold;
	color: #000000;
	text-decoration:none;
}
#rightbar .boxbody .name a:hover {
	text-decoration:underline;
}
#rightbar .boxbody .werbung {
	text-align:center;
}



/** 
 * footer 
 */

#footer {
	clear:both;
	background:url(../images/key2life/key2life_footer_background.png) 0 0 no-repeat;
	height:100px;
}

input {font-size:9pt;}
textarea {font-size:9pt}
td.labels { font-size: 9pt; }

/**
 * WEBSHOP STYLES
 */

#web_shop {
	color: #805230;
	margin-top:-10px;
	margin-left:8px;
}

#web_shop .product {
	
}

#web_shop .product h1 {
	font-size:12pt;
}
#web_shop .product h2 {
	font-size:10pt;
}

#web_shop .product a {
	/*font-size:10pt;*/
	text-decoration:none;
	color:#805230;
}

#web_shop .product img {
	border:none;
}
#web_shop .product p {
	font-size:8pt;
}
#web_shop .floating_content_image {
	float:left;
	margin-left:-10px;
	margin-top:-7px;
	margin-right:10px;
	margin-bottom:10px;
	width:150px;
	text-align:left;
}

#web_shop .product_audio {
	margin-top:-40px;
	margin-left:-10px;
	width:100px;
}

#web_shop .floating_content_image a {
	font-size:8pt;
	/*color:#000000;*/
}

#web_shop .floating_content_image li {
	margin-left:-40px;
	margin-bottom:-5px;
	font-size:7pt;
}

#web_shop .product_audio a {
	font-size:10pt;
	text-decoration:none;
	color:#805230;
}

#web_shop .product th {
	font-size:10pt;
	font-weight:none;
	text-align:left;
}

#web_shop .product td {
	font-size:10pt;
	font-weight:none;
	padding:2px;
	background-color:#FFC9C9;
	/*border:1px solid #805230;*/
}

#web_shop .web_shop_check_out h2 {
	font-size:12pt;
}

#web_shop .web_shop_check_out a {
	font-size:10pt;
	text-decoration:none;
	color:#805230;
}

#web_shop .web_shop_check_out p {
	font-size:10pt;
}

#web_shop .web_shop_check_out th {
	font-size:10pt;
	font-weight:none;
	text-align:left;
}

#web_shop .web_shop_check_out td {
	font-size:10pt;
	font-weight:none;
	/*border-right:1px solid #805230;*/
}

#web_shop .order_link a {
	font-size:11pt;
	text-decoration:none;
	color:#805230;
	font-weight:bold;
}

#web_shop .order_preview {
	

}

#web_shop .order_preview h2 {
	font-size:12pt;
}

#web_shop .order_preview a {
	font-size:10pt;
	text-decoration:none;
	color:#805230;
}

#web_shop .order_preview p {
	font-size:10pt;
}

#web_shop .order_preview th {
	font-size:9pt;
	font-weight:none;
	text-align:left;
}

#web_shop .order_preview td {
	font-size:9pt;
	font-weight:none;
	border:1px solid #805230;
}

#web_shop .order_preview .overall {
	font-size:10pt;
	border:1px solid #805230;
}

#web_shop .order_preview .confirmation_button {
	text-align:center;
	margin-top:10px;
	font-weight:bold;
}

#web_shop .more_products img{
	border:none;
}


/**
 * USER LIST STYLES
 */

#user_list {color: #805230; }

#user_list li {
	font-size:9pt;
	/*color:#000000;*/
	list-style-type:none;
	list-style-image:url(/images/bread_arrow.gif)
}

#user_list a {
	text-decoration:none;
	color: #805230;
}

#key2life_menu_events {
	background:url(/images/key2life/menu_key2life_events_bg.png) 0 0 no-repeat;
	margin:10px 0px 0px 14px;
	padding:0;
	width:144px;
	height:88px;
	list-style-type:none;
	padding-top:10px;
	padding-left:0px;
}
#key2life_menu_galerie {
	background:url(/images/key2life/menu_key2life_galerie_bg.png) 0 0 no-repeat;
	margin:10px 0px 0px 14px;
	padding:0;
	width:144px;
	height:88px;
	list-style-type:none;
	padding-top:10px;
	padding-left:0px;
}
#key2life_menu_background {
	background:url(/images/key2life/menu_key2life_background_bg.png) 0 0 no-repeat;
	margin:10px 0px 0px 14px;
	padding:0;
	width:144px;
	height:88px;
	list-style-type:none;
	padding-top:10px;
	padding-left:0px;
}

#menu_community {
	background:url(../images/key2life/menu_key2life_community_bg.png) 0 0 no-repeat;
	margin:-4px 0px 0px 14px;
	padding:0;
	width:144px;
	height:120px;
	list-style-type:none;
	padding-top:10px;
	padding-left:0px;
}