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

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

body {
	background-image:url(../images/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/header_first.png) 0 0 no-repeat;
	width:784px;
	height:63px;
}

#header_bot {
	
}

/**
 * mail / abo links
 */
#header_bot div.mail {
	background:url(../images/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);
	background-repeat:no-repeat;
	width:144px;
	height:72px;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:1000;
}
#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/header_center.png) 0 0 no-repeat;
	width:474px;
	height:85px;
	float:left;
}
#header_bot div.login {
	background:url(../images/header_login.png) 0 0 no-repeat;
	width:154px;
	height:85px;
	float:left;
}


#header_bot div.loggedin {
	background:url(../images/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:47px;
	line-height:24px;
	background-color:white;
	opacity:.7;
	background-image:url(/images/here_end.gif);
	background-position:top right;
	background-image:url(/images/here_back.gif);
}

#headline .content {
	font-size:9pt;
	/*font-weight:bold;*/
	opacity:1;
	color:#252156;
/*	border:1px solid #252156;*/
	
	background-image:url(/images/here_end.gif);
	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:#252156;
	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: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/body_container_back.png) 0 0 repeat-y;
	width:803px;
	min-height:200px;
}

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


#menu_pop {
	background:url(../images/menu_pop_background.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_hot {
	background:url(../images/menu_hot_background.png) 0 0 no-repeat;
	margin:10px 0px 0px 14px;
	padding:0;
	width:144px;
	height:104px;
	list-style-type:none;
	padding-top:10px;
	padding-left:0px;
}
#menu_faith {
	background:url(../images/menu_faith_background.png) 0 0 no-repeat;
	margin:10px 0px 0px 14px;
	padding:0;
	width:144px;
	height:104px;
	list-style-type:none;
	padding-top:10px;
	padding-left:0px;
}
#menu_community {
	background:url(../images/menu_community_background_2.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;
}

.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/section_header_mainpage.png) 0 -1px 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;
}


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

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

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

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

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


#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: #252156;
	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: #252156;
	text-decoration:none;
}
#rightbar .boxbody .name a:hover {
	text-decoration:underline;
}
#rightbar .boxbody .werbung {
	text-align:center;
}



/** 
 * footer 
 */

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

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

/**
 * USER LIST STYLES
 */

#user_list {color: #252156; }

#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: #252156;
}


/**
 * you mag pop section
 * author: roman.weinberger@studio78.at
 */

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

/** box on the right **/
#rightbar .boxheader {
	background:url(/images/vio_box_head.png) 0 0 no-repeat; 
}

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

#rightbar .boxfooter {
	background:url(/images/vio_box_foot.png) 0 0 repeat-y; 
}

#rightbar .boxbody { color:#252156; }


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

#rightbar .boxbody .name a {
	font-weight:bold;
	color:#252156;
	text-decoration:none;
}

#rightbar .boxbody a, #archiv a { color:#252156; font-weight:bold; text-decoration:none; }
#rightbar .boxbody a:hover, #archiv a:hover { text-decoration:underline; }

/**
 * you mag css for content elements
 * @author roman.weinberger@studio78.at
 * default style -> orange 
 */

div.contentbox {
	background-image:url(/images/violett_agg_bar.jpg);
	background-repeat:repeat-x;
	margin-bottom:2px;
	width:455px;
}

div.contentbox_half {
	width:223px;
	overflow:hidden;
	float:left;
	margin-left:0px;
	margin-right:4px;
}

div.contentbox div.contentbox_head_start {
	width:3px;
	height:22px;
	float:left;
	background-image:url(/images/violett_agg_start.jpg);
	background-repeat:no-repeat;
}
div.contentbox div.contentbox_head_centerright {
	width:3px;
	height:22px;
	float:left;
	background-image:url(/images/violett_agg_centerright.jpg);
	background-repeat:no-repeat;
}

div.contentbox div.contentbox_head_right {
	float:left;
	height:22px;
	background-image:url(/images/violett_agg_bar.jpg);
	
}
div.contentbox div.contentbox_head_end {
	width:2px;
	float:right;
	background-image:url(/images/violett_agg_end.jpg);
	background-repeat:no-repeat;
	height:22px;
}

div.contentbox div.contentbox_head_center {
	color:white;
	/*font-weight:bold;*/
	font-size:11px;
	line-height:22px;
	float:left;
	background-image:url(/images/violett_agg_center.jpg)
}

div.contentbox div.pagecontent {
	clear:both;
	width:453px;
	border:1px solid #252156;
	background-color:#f2f1ff;
	border-top:0;
}

div.contentbox_half div.pagecontent_half {
	width:221px;
	height:auto;
	overflow:none;
	clear:both;
}

div.contentbox_half div.pagecontent_half_com {
	width:221px;
	/*height:140px;
	overflow:none;*/
	clear:both;
}

div.contentbox_half a {
	color: #ff8a00;
}

div.contentbox a {
	color: #ff8a00;
}

/** orange mainpage **/

.pagecontent {
	border:1px solid #252156;
	background-color:#f2f1ff;
	width:457px;
	color:#252156;
	margin:0px;
}

.pagecontent_half {
	width:216px;
	float:left;
	height:130px;
	overflow:hidden;
}

.pagecontent_half_com {
	width:216px;
	float:left;
}

.pagecontent .first {
	width:65%;
	float:left;
	margin-top:5px;
	margin-left:5px;
	border-right:1px dashed #252156;
	/*min-height:150px;
	height:150px;
	height:auto !important;*/
}
.pagecontent .body .content_element {
	width:100%;
	border:0;
	clear:both;
}
.pagecontent_half .first {
	border:0;
	width:90%;
}

.pagecontent .first img {
	float:left;
	margin-right:4px;
	border:0;
}
.pagecontent .first h1 {
	font-size:9pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
.pagecontent .first h2 {
	font-size:8pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
.pagecontent .first p {
	font-size:8pt;
	color:black;
	margin:0;
	padding:0;
}
.pagecontent .first a {
	color: #252156;
	text-decoration:none;
	font-size:8pt;
}

.pagecontent .more {
	width:32%;
	float:right;
	margin:0px 0px;
}
.pagecontent_half a {
	color: #252156;
	text-decoration:none;
	font-size:8.4pt;
}

.pagecontent_half_com .first {
	border:0;
	width:90%;
}

.pagecontent_half_com a {
	color: #252156;
	text-decoration:none;
	font-size:8.4pt;
}


.pagecontent .more img {
	float:left;
	margin:4px;
	border:0;
}
.pagecontent .more h1 {
	line-height:8pt;
	font-size:7pt;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-left:4px;
}
.pagecontent .more h2, .pagecontent .more p {
	line-height:8pt;
	font-size:7pt;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-left:2px;
}
.pagecontent .more a {
	color: #252156;
	text-decoration:none;
	font-size:8pt;
}
.pagecontent .more p {
	font-size:7pt;
}

/**
 * level 2
 */

#column_1 {
	float:left;
	width:455px;
	overflow:hidden;
}

#column_1 .column_content_half {
	width:220px;
	float:left;
}

#column_1 .header {
	clear:both;
	width:455px;
	height:22px;
	background-image:url(/images/boxhead_reality.png);
}

#column_1 .body {
	width:453px;
	border:1px solid #252156;
	background-color:#f2f1ff;
	border-top:0;
	padding-top:4px;
}
#column_1 .column_content_half .header {
	clear:both;
	width:220px;
	height:22px;
	background-image:url(/images/boxhead_reality.png);
}

#column_1 .column_content_half .body, #colum_1 .pagecontent_half .body {
	width:218px;
	border:1px solid #252156;
	background-color:#f2f1ff;
	border-top:0;
	height:140px;
	padding-top:0;
	overflow:hidden;
	height:300px;
}


#column_1 .column_content_half .body .content_element_description,
#column_1 .contentbox_half .body .content_element_description {
	font-size:8.4pt;
	color:black;
}
#column_1 .column_content_half .body .content_element_description a,
#column_1 .contentbox_half .body .content_element_description a {
	font-size:8.4pt;
}
#column_1 .column_content_half .body h1 {
	font-size:10pt;
}

#column_1 .body h1 {
	color:#252156;
	font-size:12pt;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:6px;

}



#column_1 .content_element_description {
	font-size:9pt;
}

#column_1 .content_element_description a {
	color:#252156;
	text-decoration:none;
}

#column_1 .body h2 {
	display:none;
	font-size:11pt;
	font-weight:normal;
	margin:0;
	padding:0;

}

#column_1 .body .content_element {
	/*padding-left:10px;*/
	padding:0px;
}

#column_1 .body .float_level_2 {
	float:left;
	margin:4px;
}
#column_1 .body .content_element_description {

}

#column_1 .footer {
	clear:both;
	margin-bottom:2px;	
}

/**
 * details
 */
#details_body h1 {
	margin-top:10pt;
	padding:0;
	/*font-weight:bold;*/
	font-size:11pt;
	color:#252156;
}

#details_body h2 {
	margin-top:10pt;
	padding:0;
	/*font-weight:bold;'/
	/*font-style:italic;*/
	font-size:9pt;
	color:#252156;
}

#details_body img { border:1px solid #aaa; }

#details_body .floating_content_image {
	float:left;
	margin-left:-10px;
	margin-top:-7px;
	margin-right:10px;
	margin-bottom:10px;
}

#details_body .details_date { color: #252156; font-size:9pt; font-weight:normal; margin-top:6px; }


#details_body .details_description { width:86%; margin-left:10%; font-size:9pt; /*font-style:italic;*/ }

#details_body .details_description_realitycheck { width:86%; margin-left:37px; /*margin-left:10%;*/ font-size:9pt; background-color:#f2f1ff; padding:5pt; }

#details_body .details_description_helpline { width:86%; margin-left:10%; font-size:9pt; /*font-style:italic;*/ font-weight:bold; color:#0033cc; padding:5pt; border-bottom: 1px solid #0033cc; }

#details_body .simple_image_floater { display:inline; float:left; margin:4px 10px 10px 0px; }


#details_body .details_content { margin-left:40px; font-size:9pt; line-height:14pt; margin-top:10px; }

#details_body li {margin-left:-20px; font-size:8pt;}

#details_body img {margin:10px;}

#details_body .details_content .helpline_answer { width:100%; color:#000000; padding: 5pt; margin-top:-5px; }

.content_element_ext_double_image_content .details_content { margin-left: 4px }
.content_element_ext_tripple_image_content .details_content { margin-left: 4px }
.content_element_ext_four_image_content .details_content { margin-left: 4px }
.leftimage_container { margin: 0px 0px 0px 0px }

#details_body .details_content h2 {  
margin-top:10px;	
margin:0;
padding:0;
font-weight:bold;
font-size:14pt;
color:#252156;
}

#details_body .details_content h3 {  
margin-top:10px;
margin:0;
padding:0;
font-weight:bold;
font-size:12pt;
color:#252156;
}

#details_body .details_content h5 {
	margin:0;padding:0;
	margin-bottom:10px;
	font-size:9pt;
	font-weight:normal;
	font-style:italic;
}

#details_body { margin-bottom:10px; }

#details_comments { border:2px solid #252156; font-size:9pt; padding:10px; background-color:#f2f1ff;}

#details_new_comment {
	
}

#details_new_comment fieldset, .details_new_comment fieldset {
	border:0;
	font-size:10pt;
	font-weight:bold;
	margin-top:10px;
}

#details_new_comment table, .details_new_comment table {
	font-weight:normal;
}
#details_new_comment .textfield input, .details_new_comment .textfield input {
	font-weight:bold;
	font-size:12pt;
	width:100%;
	border:1px solid black;
}
#details_new_comment textarea, .details_new_comment textarea {
	font-weight:normal;
	font-size:12pt;
	width:100%;
	height:100px;
	border:1px solid black;
}

#details_comments_main_head {
	margin-top:2px;
	border-top:2px solid #252156;
	border-left:2px solid #252156;
	border-right:2px solid #252156;
	font-size:10pt;
	background-color:#f2f1ff;	
	color:#252156;
	height:20px;
	
}

#details_comments .details_comment_head {
	font-size:8pt;
	background-color:#f2f1ff;
	margin-top:30px;
}
#details_comments .details_comment_title {
	font-weight:bold;
}
.details_comment_user, .details_comment_date {
	display:inline;
}

.details_comment_body {
	font-size:8pt;
	padding:6px 0px;
}

#body .content_element_description {
color:#000000;
}


/**
haxxx 
**/
#column_1 .more {
margin-top:5px;
height:37px;
min-height:37px;
overflow:hidden;
}

#column_1 .pagecontent .content_element .first h1 {
font-size:12px;
padding-top:28px;
}
#column_1 .pagecontent .content_element .first p {
font-size:9px;
}

#column_1 .pagecontent .content_element .first strong {
font-size:9px;
}

#column_1 .content_element h1 {
	font-size:10pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
#column_1 .content_element h2 {
	font-size:9pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
#column_1 .content_element .more p {
	font-size:8px;
	color:black;
	margin:0;
	padding:0;
}

#column_1 .content_element .more h1 {
  font-size:9px;
}
#column_1 .content_element .more p {
  font-size:9px;
}




#column_1 .content_element .content_element_description {
	font-size:8pt;
}

div.special-header { color: #252156;}

a { color: #252156;
text-decoration:none;
}



div.contentbox div.pagecontent {

	border:1px solid #252156;
	border-top:0;
	background-color:#f2f1ff;

}

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

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

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

#blog_comment .message .content a {
	color:#252156;
	text-decoration:none;
}

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

#will .flickr_pagination {
  text-align: center;
  padding: .3em; 
	font-size:7pt;
	
	margin:8px 0px;
	
}
#will .flickr_pagination a, #will .flickr_pagination span {
    padding: .15em .4em; 
}

#will .flickr_pagination span.disabled {
    color: #AAA; 
}

#will .flickr_pagination span.current {
    font-weight: bold;
}


#will .flickr_pagination a {
    border: 1px solid rgb(133,137,192);
    color: rgb(133,137,192);
    text-decoration: none; 
	background-color:white;
}

#will .flickr_pagination a:hover, #will .flickr_pagination a:focus {
    border-color: #003366;
    background: rgb(133,137,192);
    color: white; 
}

#will .flickr_pagination .page_info {
    color: #aaa;
    padding-top: .8em; 
}
#will .flickr_pagination .prev_page, #will .flickr_pagination .next_page {
    border-width: 2px; 
}

#will .flickr_pagination .prev_page {
    margin-right: 1em; 
}

#will .flickr_pagination .next_page {
    margin-left: 1em; 
}




#will .small {
  text-align: center;
  padding: .1em; 
  font-size:7pt;
  margin:8px 0px;	
}
#will .small a, #will .small span {
    padding: .05em .1em; 
}

#will .small span.disabled {
    color: #AAA; 
}

#will .small span.current {
    font-weight: bold;
}


#will .small a {
    border: 1px solid rgb(133,137,192);
    color: rgb(133,137,192);
    text-decoration: none; 
	background-color:white;
}

#will .small a:hover, #will .small a:focus {
    border-color: #003366;
    background: rgb(133,137,192);
    color: white; 
}

#will .small .page_info {
    color: #aaa;
    padding-top: .2em; 
}
#will .small .prev_page, #will .small .next_page {
    border-width: 2px; 
}

#will .small .prev_page {
    margin-right: .5em; 
}

#will .small .next_page {
    margin-left: .5em; 
}