/*
###################################################################
# General
###################################################################
*/
html { overflow-x: hidden;}

#wrapper {
 position:relative;	
}

#logo {text-align:left;}

#content_wrapper {
	width:950px;
	text-align:left;
	margin:auto;
	}

a:focus {
	outline: none;
}

a img {
	border:none
}


.sec_font {

	}

.georgia_headline {
	font-size:31px;
	line-height:1.2em;
}

.uppercase {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	font-family:Lucida Sand demibold;
	text-transform:uppercase;
	letter-spacing: -0.03em;
}
.folder_headline {
	font-size:24px
}
.standard_input {
	font-size:13px;
	font-weight:bold;
	border:none;
	background: #E9E9E9;
	margin-bottom:10px;
}
.form_label {
	font-style:italic;
	font-size:12px;
}
#search_box {border:none; background: #E9E9E9}
/*
###################################################################
# header
###################################################################
*/
#tools {
	
}

#tools td, #tools td a { font-size:11px; color: #999999; text-decoration:none}
.language a { color:#000000; text-decoration:none}
.language_active {color: #000000}


#header {
	height:140px;
	margin-top:0px;
}

body {
	font-family: Helvetiva, Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	line-height:1.6em;
	width:950px;
	text-align:center;
	margin:auto;
	background: url(images/bg.gif) repeat-x;
	color: #333333;
}


#article {
	margin-top:20px;
	width:650px;
	}
	
#second_column {position:absolute; width:260px; top:320px; right:0px; }

h1, h2, h3 { font-weight:normal}

/*
###################################################################
# Navigation
###################################################################
*/
#navigation {position:relative; text-align:left; margin-top:16px;}
.navigation_item {float:left; margin-right:40px;}
.navigation_item a { color: #FFFFFF; text-decoration:none; text-transform:uppercase; font-size:14px; letter-spacing:1px; font-family:Arial}
.navigation_item a:hover {}
 a.active {color: #333333}


/*
###################################################################
# search homepage
###################################################################
*/
#search {position:absolute; position; right:70px; top:110px; width:197px; height:25px; background: url(images/search_bg.gif)}
#search input {border:none; background: #FFFFFF; color: #000000; font-weight:bold; margin-left:5px; margin-top:5px;	}
#search input:focus {outline:none}
#search #submit {position:absolute; color: #FF00FF; font-weight:bold; text-decoration:none;right:5px; top:0px; text-transform:uppercase }

/*
###################################################################
# secondary column
###################################################################
*/
.sec_item { font-size:11px; margin-bottom:50px;}
.sec_item h1 {border-bottom: 1px dotted #CCCCCC;line-height:1.6em; color: #FF00FF; margin-bottom:10px;}

/* upcoming*/
.upcoming {margin-bottom:20px; border-bottom:1px dotted #CCCCCC}
.upcoming a {text-decoration:none; color: #FF00FF}
.upcoming a:hover {color: #333333}
.upcoming_date {}
.upcoming_title {font-size:14px; color:#000000}
.upcoming_subtitle {}

.feature {margin-bottom:20px; border-bottom:1px dotted #CCCCCC;}
.feature a {text-decoration:none; color: #FF00FF}
.feature a:hover {color: #333333}
.feature_title {font-size:14px}
.feature_subtitle {}
/*
###################################################################
# Folder overview
###################################################################
*/

#folder_description {
	height:140px;
	color: #666666;
	width:650px;
	font-size:14px;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:50px;
	
}
#folder_description h1 {
	color: #FFFFFF;
	margin-top:20px;
	margin-bottom:0px;
	font-size:14px;
}


.folder_overiew_head_line {width:100%; height:2px; border-top:solid 4px #000000}
.folder_overview_breadcrumb, .folder_overview_breadcrumb a {color: #000000; text-decoration:none}
.folder_overview_breadcrumb {margin-bottom:26px; font-size:26px; margin-top:10px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}

.folder_overview_container { margin-bottom:70px; position:relative; width:100%; float:left; border-bottom:1px dotted #CCCCCC}
.teaser_date {width:60px; height:60px; background: url(images/date_bg.gif); float:left; margin-right:10px; margin-bottom:10px; color: #FFFFFF; text-align:center;}
.teaser_date .month {font-size:16px; line-height:1em; margin-top:5px;}
.teaser_date .day {font-size:35px; margin-top:10px;}
.overview_headline {font-size:30px; margin-bottom:0px; line-height:1em;  }
.overview_headline a {text-decoration:none; color: #FF00FF}
.overview_subtitle {color: #FF00FF; font-weight:bold; width:400px; }
 .read_more  {text-decoration:none; color: #000000}
 .read_more:hover {text-decoration:none; color: #FF00FF}
.overview_teaser {font-size:13px; line-height:1.6em; width:645px; float:left; position:relative; margin-top:5px;margin-bottom:20px; margin-left:5px;} 
.thumbnail {width:250px; float:left; margin-right:15px; margin-bottom:15px;}

/*
###################################################################
# Homepage
###################################################################
*/
#main_features_container {
	position:relative;
}

.main_feature {
	width:440px; height:400px; float:left;

}
#main_feature1 { margin-right:20px}

.main_feature_line {
	height:1px;
	width:100%;
	border-top:4px solid #000000;
}
.main_feature_second_line {
	height:1px;
	width:100%;
	border-top:1px solid #000000;
	margin-top:5px;
	margin-bottom:8px
}

.main_feature_image {
	text-align:center;
}


.main_feature_content {
	margin-left:10px;
	margin-right:10px;
	height:390px;
	overflow:hidden
}

.main_feature_breadcrumb {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px
}

.main_feature_breadcrumb  a{
	text-decoration:none;
	color:#000000;
}

.main_feature .selected {
	text-decoration:underlin
}

#homepage_main_feature_separator {
	width:100%;
	height:2px;
	border-top:1px solid #000000;
	float:left;
	margin-top:30px;
	margin-bottom:20px
}

#feature_three_column_container {
	position:relative;
	background: url(images/separator_three_columns.gif);
	float:left
	}

.feature_columns {
	width:276px;
	float:left;
	}
.feature_column_content {
}



#feature_column1 { margin-right:30px;}
#feature_column2 {margin-right:30px;}
#feature_column3 {}

.feature_standard { margin-bottom:20px}
.feature_standard h2 { line-height:1.4em}
.feature_standard h2 a {color:#000000; text-decoration:none}
.feature_standard h2:hover { text-decoration:underline}
.feature_standard .breadcrumb a { text-decoration:none; color:#000000; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic}
.feature_line {width:100%; height:2px; border-top:4px solid #000000; margin-bottom:10px}
.feature_second_line {width:100%; height:2px; border-top:1px solid #000000; margin-top:20px}
.feature_teaser img {width:280px; margin-top:5px; margin-bottom:20px}


.experience {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	background: #000000;
	color:#FFFFFF;
	margin-top:5px;
	margin-bottom:40px;

}

.experience_content {
	margin-left:20px;
	margin-right:20px;
	font-style:italic;
	line-height:1.4em;
	cursor:pointer
}

.experience_line {

	width:100%;
	height:2px;
	border-top:4px solid #FFFFFF;
	margin-bottom:10px;
		
}
.experience_second_line {
	width:100%;
	height:2px;
	border-top:1px solid #FFFFFF;
	margin-top:10px;
	margin-bottom:10px
}
.experience_author {
	font-size:12px
}
.breadcrumb a {
	color:#000000;
	text-decoration:none;
	 text-decoration:none; color:#000000; font-size:11px; font-style:italic;

}

.how_to_title {padding-top:10px; font-size:16px}

.latest_article_content { margin-left:20px; margin-right:20px; width:240px; }
#latest_article_line { height:2px; width:100%; border-top:4px solid #FFFFFF}

/*
###################################################################
# Footer
###################################################################
*/


.article_breadcrumb {text-align:left; position:absolute; top:295px;}
.article_breadcrumb a {
	color:#000000;
	text-decoration:none;
	font-size:10px;
}

.article_column {border-top:4px solid #000000; width:438px; min-height:2px}
#article_column_left {margin-right:20px; }

.article_headline{
	font-size:30px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:20px;
	line-height:1em;
	text-align:left;
	font-style:normal;
	}

.article_teaser {}

.article_content { font-size:13px; line-height:1.6em;}
.article_content ul {margin-left:20px;}

.article_content h2 {  line-height:1.6em; margin-bottom:0px; margin-top:20px; color: #FF00FF}
.article_secondary_line {width:100%; height:2px ; border-top:1px solid #000000; margin-top:40px}
.article_section_headline {margin-top:5px; font-size:18px; margin-bottom:20px}

.article_read_further_container { margin-bottom:30px; line-height:1.6em; font-size:12px; font-style:italic; display:none}
.article_read_further_link { text-decoration:none;  color: #000000}
.article_read_further_link:hover { text-decoration:none; color: #000000}

.article_read_further_breadcrumb { font-size:11px;}
.article_read_further_breadcrumb a {text-decoration:none; color:#000000; }
.article_read_further_line {width:100%; height:2px; border-top:1px solid #000000; margin-top:5px; margin-bottom:3px}
.article_read_further_teaser { } 
.article_read_further_headline {font-weight:bold; }
/*
###################################################################
# Footer
###################################################################
*/
#footer_line {height:2px; width:100%; border-top:1px solid #; margin-top:30; float:left;}
a.selected { text-decoration:underline}
#footer {text-align:center; margin-bottom:50px;width:100%; float:left; color: #FF00FF}

/*
###################################################################
# Media Browser
###################################################################
*/
.mediabrowser_container { position:relative}
.mediabrowser_paging_bottom {text-align:right; width:100%}

/* Image*/

/*tag cloud*/
.tag_cloud_item {}
.tag_cloud_item a {color: #000000; text-decoration:none}
.media_headline {font-size:24px; margin-bottom:30px}
.mediabrowser_paging_bottom a {color:#000000; text-decoration:none}
.mediabrowser_paging_bottom {color: #CC0000}
.single_video_wrapper {margin-bottom:30px}
.video_headline {font-size:16px; font-weight:bold; font-style:italic; margin-top:10px; margin-bottom:10px}
.video_link {text-decoration:none; color: #000000}
	#media_tabs {margin-bottom:30px;}
	#media_border_top { width:100%; height:5px; border-top:4px solid #000000}
/*
###################################################################
# article
###################################################################
*/
#article_tools {margin-bottom:20px; margin-top:0px; font-size:11px; word-spacing:8px; text-align:right; text-transform:uppercase; margin-right:40px;}
#article_tools a { color: #000000; text-decoration:none;}
#article_tools a:hover {text-decoration:underline}
.article_read_further_container {background: #F4F4F4}
.article_read_further_line, .article_read_further_headline, .article_read_further_teaser, .article_read_further_breadcrumb {margin-left:10px; margin-right:10px; width:420}
.article_read_further_breadcrumb {}
article_read_further_teaser {}
.article_teaser_distance { height:5px; width:420px;}
.article_files_item a {color: #000000; }
.article_files_item img {display:none}
/*comments*/
#article_comment {
	margin-top:20px;
}

#article_comment_add {
	margin-bottom:40px;
}
#article_comment_add_trigger {
	font-size:20px;
	font-style:italic;
	color: #000000;
	text-decoration:none;
	display:block;
	margin-bottom:30px
}

#article_comment_add_trigger:hover {
	text-decoration:underline
}
.error_message {
	font-size:12px;
	font-style:italic;
	color: #CC0000;
}

.button {
	font-size:20px;
	font-style:italic;
}

.comment_wrapper {
	margin-bottom:20px;
	background: #F4F4F4;
	position:relative;
	width:100%;
	overflow:hidden;
}

.comment_date {
	margin-top:10px;
	right:10px;
	position:absolute;
	font-style:italic;
	font-size:0.8em;
}
.comment_username {
	margin:10px;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	
}
.comment_content {
	margin:10px;
	margin-bottom:30px;
	font-style:italic;
}
.comment_location {
	margin:10px;
	font-style:italic;
	font-size:0.8em;
	
}
.comment_subject {
	margin:10px;
	margin-top:20px;

}

.comment_input {width: 100%; border: 1px solid #CCCCCC; background: #E9E9E9; }
.comment_label {font-style:italic; font-size:11px;}
/*
###################################################################
# article overview
###################################################################
*/
.folder_overview_breadcrumb {}
.folder_subnavigation { position:relative; height:22px; margin-bottom:40px; background: #FF00FF; line-height:22px}
.folder_subnavigation a {display:block; float:left; margin-right:30px; margin-left:5px; text-decoration:none; color: #FFFFFF; font-size:14px; text-transform:uppercase}
.folder_subnavigation a:hover {text-decoration:none; color: #000000}
.folder_subnavigation img {margin-right:10px;}
#feature_container {height: 250px; overflow:auto; background: #5B6472; color: #FFFFFF; width:100%; margin-bottom:30px; margin-top:20px;}
#feature_container h1 {font-style:italic; margin-left:10px; font-size:24px; margin-top:10px; margin-bottom:10px;}
.feature_box_item {padding-top:10px;}
.feature_box_item:hover {background: #FFFFFF;}
.feature_box_item:hover a {color: #000000; border-top:1px solid #000000;}
.feature_box_item a {display:block; margin-left:10px; margin-right:10px; color: #CCCCCC; text-decoration:none; border-top:1px solid #CCCCCC; padding-top:5px; }
.feature_box_inner_container {position:relative; padding-top:3px; padding-bottom:10px; font-style:italic; font-weight:bold; font-size:0.8em;}

/*
###################################################################
# browse all articles
###################################################################
*/
#table_browse_all { width:100%;}
#table_browse_all td {width: 33.3%}

#container_browse_all {background: url(images/separator_three_columns.gif); margin-top:30px;}
#container_browse_all .feature_columns {height:400px; overflow:auto}
#table_browse_all td {}
.browse_all_folder {color: #000000; text-decoration:none; display:block;  margin-top:5px; height:25px}
.browse_all_selected {background: #E9E9E9}
.browse_all_selected a {}
.browse_all_folder img{margin-right:5px; margin-left:3px}
.browse_all_folder_wrapper {border-top:1px solid #000000; margin:0px}
.browse_all_article { border-top:1px solid #000000; margin-bottom:20px; font-size:13px; margin-right:8px}
.browse_all_article a {color: #000000; text-decoration:none; display:block; margin-top:5px;}
/*
###################################################################
# favorits
###################################################################
*/
#favorit_wrapper {margin:5px; padding-top:3px; margin-left:10px; margin-right:10px}
#favorit_wrapper h1 {margin-bottom:0px}
#bookmarks_wrapper {height:190px; width:100%; overflow:auto}
.bookmark_item {}
.bookmark_item a {text-decoration:none; color: #000000; font-weight:bold; font-style:italic}
.bookmark_item a:hover {text-decoration:underline}
.bookmark_item img {margin-right:5px;}
.bookmark_remove {cursor:pointer}

#myfavorites a {font-size:24px}

/*
###################################################################
# search
###################################################################
*/
#search_header {margin-bottom:50px;}
.article_teaser { margin-bottom:100px;}
.teaser_breadcrumb a {color: #000000; text-decoration:none; font-size:10px; text-transform:uppercase}
.teaser_breadcrumb img {margin-right:5px; }
.teaser_headline a{ color: #FF00FF; text-decoration:none; font-size:24px; line-height:1.6em; border-top: 1px dotted #CCCCCC; display:block;}
.teaser_headline a:hover {color:#000000}
.search_result_status {margin-top:10px; color:#FF00FF; font-size:10px}
.teaser_read_more {display:none}
.search_result_status {text-align:right}
.bar {float:right}
.red {color: #FF00FF}

/*
###################################################################
# sec article
###################################################################
*/
.article_content_sec_article {font-size:11px; font-style:normal; line-height:1.4em}
#sec_right_column {font-style:normal; font-family: Arial; padding-top:65px}
.article_headline_sec_article{
	font-size:31px;
	font-weight:bold;
	font-style:italic;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:5px
	}

.inline_feature_box {
		background: #E9E9E9;
		padding : 10px;
		 margin-bottom:10px;
		margin-top:20px;
		margin-right:20px;
		font-size:16px;
		line-height:1.6em;
		font-style:italic;
		width:50%;
		float:left;
	}
	
.active {color: #000000}