/* #########################################################################

Stylesheet für Tri-Hub
File: screen.css
Date: 2010
Autor: Roger Burkhard
Copyright: all rights reserved

######################################################################### */


/*------------------------------------------------------
THE BIG FAT RESET
------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------
GENERAL TYPOGRAPHY
------------------------------------------------------*/

body {
	width:100%;
	overflow-x:hidden;
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #373c3e;
	background: #FFF;
}

h1 {
	margin: 0;
	padding: 0;
	color: #f2873e;
	font: normal 18px/24px Georgia, Times, serif;
}

h2 {

}

h3 {
	margin: 0 0 25px 0;
	padding: 0;
	color: #f2873e;
	font: normal 34px/24px Georgia, Times, serif;
}

h4 {
	margin: 0;
	padding: 0;
	color: #505050;
	font: normal 24px/12px Georgia, Times, serif;
	margin: 0 0 15px 0;
}

/*------------------------------------------------------
GENERAL LINKS
------------------------------------------------------*/

a {
	outline: none;
	color: #373c3e;
	text-decoration: underline;
}

a:hover {
	color: #575d60;
}

/* Firefox Hack to elmininate that ugly dotted line */
:focus {
	-moz-outline-style: none;
}

/*------------------------------------------------------
CLEAR
------------------------------------------------------*/

.clear {
	clear: both;
}

/*------------------------------------------------------
DIVIDER
------------------------------------------------------*/

.divider_top {
	clear: both;
	display: block;
	padding: 2px 0;
	margin: 0 0 20px 0;
	border-top: #b2b2b2 3px dotted;
}

.divider {
	clear: both;
	display: block;
	padding: 2px 0;
	margin: 40px 0 0 0;
	border-bottom: #b2b2b2 3px dotted;
}

#content_subpages .column_left .divider {
	margin: 10px 0;
}

#content_subpages .column_right .divider {
	margin: 10px 0;
}

.divider hr {
	display: none;
}

.news-latest-container hr.clearer, .news-list-container hr.clearer, .news-list2-container hr.clearer, .news-list3-container hr.clearer, .news-single-item hr.cl-left, .news-single-item hr.cl-right {
	display: none;
}

/*------------------------------------------------------
WRAPPER
------------------------------------------------------*/

#wrapper_top {
	width: 100%;
	background: #FFF;
	display: block;
	position: static;
}

#wrapper_top .inner_wrapper {

}

#wrapper_bottom {
	width: 100%;
	background: #758086;
	display: block;
}

.inner_wrapper {
	padding:0;
	position: relative;
	width: 735px;
	left: 50%;
	margin-left: -367px;
	text-align: left;
}

#wrapper_bottom .inner_wrapper {
	background-color: #758086;
}

/*------------------------------------------------------
HEADER
------------------------------------------------------*/

#header {
	width: 735px;
}

	#header .column_left {
		display: block;
		float: left;
		width: 410px;
		margin-top: 15px;
	}
	
		#header .column_left ul {
			list-style: none;
		}
		
			#header .column_left ul li a {
				color: #4b575f;
				text-decoration: none;
			}
			
			#header .column_left ul li a:hover {
				padding: 1px 5px;
				background: #515151;
				color: #FFF;
			}
			
			#header .column_left ul li.active a {
				color: #FFF;
				padding: 1px 5px 1px 19px;
				text-decoration: none;
				background: #515151 url(/fileadmin/templates/images/layout/navi_arrow.gif) no-repeat top left;
			}
			
			#header .column_left ul li.active a:hover {
				color: #FFF;
				text-decoration: none;
			}
			
	
	#header .column_right {
		display: block;
		float: left;
		width: 325px;
		text-align: right;
		margin-top: 15px;
	}

/*------------------------------------------------------  
BREADCRUMBS
------------------------------------------------------*/

#breadcrumbs {
	text-align: right;
	text-transform: lowercase;
	font: normal 10px/10px Verdana, Arial, sans-serif;
	margin-bottom: 5px;
}

	#breadcrumbs a {
		font: normal 10px/10px Verdana, Arial, sans-serif;
		text-decoration: underline;
	}
	
	#breadcrumbs .active a {
		font: normal 10px/10px Verdana, Arial, sans-serif;
		color: #4b575f;
		font-weight: bold;
		text-decoration: none;
	}

/*------------------------------------------------------  
CONTENT HOME
------------------------------------------------------*/

#content {
	width: 735px;
	margin: 15px 0 10px 0;
}

	#content .column_left {
		display: block;
		float: left;
		width: 410px;
		margin-top: 20px;
	}
	
	#content .column_right {
		display: block;
		float: left;
		width: 325px;
		margin-top: 20px;
	}
	
	/* Content Elemente */
	
	#content #event_details {
		width: 325px;
		background: #758086;
		font: normal 12px/22px Verdana, Arial, sans-serif;
		color: #FFF;
		margin: 2px 0;
	}
	
		#content #event_details .column_left {
			display: block;
			float: left;
			width: 160px;
			margin: 0;
		}
		
		#content #event_details .column_right {
			display: block;
			float: left;
			width: 165px;
			margin: 0;
		}
		
	#content #partner {
		width: 735px;
		margin-top: 30px;
	}
	
		#content #partner .column1 {
			display: block;
			float: left;
			width: 185px;
			margin: 0 0 30px 0;
		}
		
		#content #partner .column2 {
			display: block;
			float: left;
			width: 209px;
			margin: 0 0 30px 0;
		}
		
		#content #partner .column3 {
			display: block;
			float: left;
			width: 217px;
			margin: 0 0 30px 0;
		}
		
		#content #partner .column4 {
			display: block;
			float: left;
			width: 124px;
			margin: 0 0 30px 0;
		}
		
		#content #partner h1 {
			font: normal 14px/14px Verdana, Arial, sans-serif;
			color: #FFF;
			background: #758086;
			padding: 7px 0;
			margin: 0;
			display: block;
		}
		
		#content #partner img {
			margin-top: 20px;
		}
		
		#content #partner #c26 h1 {
			padding-left: 13px;
		}
		
		#c182 .tx-damliteshow-pi1 {
			position: absolute;
			left: 100000px;
		}
	
	
/* Teasertext */

#c13 a {
	color: #f2873e;
	text-decoration: none;
}

#c13 a:hover {
	color: #373c3e;
}

#c14 {
	margin-left: 86px;
}

	#c14 .anmelden {
		margin-bottom: 83px;
	}

	#c14 .anmelden a {
		padding: 7px 10px;
		background: #758086;
		font: normal 20px/36px Georgia, Times, serif;
		font-weight: lighter;
		color: #FFF;
		text-decoration: none;
	}
	
	#c14 .anmelden a:hover {
		background: #f2873e;
	}
	
	#c14 .vergangene_veranstaltungen {
		color: #f2873e;
	}
	
		#c14 .vergangene_veranstaltungen a {
			color: #f2873e;
		}
		
		#c14 .vergangene_veranstaltungen a:hover {
			color: #373c3e;
		}
		
/* Referenten */

#c17 {
	margin-right: 42px;
}

#c17 h1 {
	font: normal 14px/14px Verdana, Arial, sans-serif;
	color: #FFF;
	background: #758086;
	padding: 7px 13px;
	margin: 0;
	display: block;
	margin-bottom: 25px;
}

#c16 .divider {
	margin: 20px 42px 20px 0;
}

#c16 .csc-textpic-text {
	margin-right: 42px;
	font: normal 10px/16px Verdana, Arial, sans-serif;
}

#c16 .csc-textpic-imagewrap {
	border: 1px solid #747474;
}
		
/* Event Details */
		
#c18 h1 {
	font: normal 14px/14px Verdana, Arial, sans-serif;
	color: #FFF;
	background: #758086;
	padding: 7px 13px;
	margin: 0;
	display: block;
}

#c20, #c21 {
	margin: 18px 0;
}

#c20 {
	padding-left: 13px;
}

#c23, #c24 {
	border-top: 2px solid #FFF;
}

#c24 {
	padding: 10px 0 0 13px;
}

/*------------------------------------------------------  
CONTENT SUBPAGES
------------------------------------------------------*/

	#sub_header {
		width: 735px;
	}
	
		#sub_header .subnavi {
			display: block;
			float: left;
			width: 475px;
		}
		
			#sub_header .subnavi ul {
				list-style: none;
			}
			
				#sub_header .subnavi ul li {
					display: block;
					float: left;
				}
				
				#sub_header .subnavi ul li a {
					color: #4b575f;
					text-decoration: underline;
				}
				
				#sub_header .subnavi ul li.active a {
					color: #4b575f;
					text-decoration: none;
					font-weight: bold;
				}

		#sub_header .share {
			display: block;
			float: left;
			width: 260px;
			text-align: right;
		}
		
	#content_subpages {
		width: 735px;
		margin: 15px 0 10px 0;
	}

	#content_subpages .column_left {
		display: block;
		float: left;
		width: 420px;
		margin: 10px 55px 80px 0;
	}
	
	#content_subpages .column_right {
		display: block;
		float: left;
		width: 260px;
		margin: 10px 0 80px 0;
	}
	
/* Content Elemente */

#info_box {
	width: 247px;
	border: #b2b2b2 3px dotted;
	padding: 7px 0 7px 7px;
	font: normal 10px/20px Verdana, Arial, sans-serif;
	margin-top: 3px;
}

	#info_box .info_box_title {
		display: block;
		font: bold 13px/17px Georgia, Times, serif;
		color: #758086;
		margin-bottom: 15px;
	}
	
	#info_box .info_box_left_column {
		display: block;
		float: left;
		width: 115px;
	}
	
	#info_box .info_box_right_column {
		display: block;
		float: left;
		width: 132px;
	}
	
		#info_box .info_box_right_column .anmelden {
			margin: 15px 0 12px 0;
		}
	
		#info_box .info_box_right_column .anmelden a {
			padding: 5px 10px;
			background: #f2873e;
			font: normal 12px/16px Georgia, Times, serif;
			font-weight: lighter;
			color: #FFF;
			text-decoration: none;
		}

		#info_box .info_box_right_column .anmelden a:hover {
			background: #758086;
		}

/* Referenten */

#c54 .csc-textpic-imagewrap {
	border: 1px solid #747474;
}

.xing {
	overflow: hidden;
}

#content_subpages .xing {
	margin: 10px 0 0 300px;
}

#content_subpages .column_right .xing {
	margin: 10px 0 0 150px;
}

#content .xing, #content .xing  {
	margin-left:250px;
}
	.xing a {
		text-indent: 10000px;
		display: block;
		width: 48px;
		height: 20px;
		background: #FFF url(/fileadmin/templates/images/content/referenten/xing.jpg) no-repeat top left;
	}
	
	.linkedin {
		overflow: hidden;
	}
	
	.linkedin2 {
		overflow: hidden;
	}

	#content_subpages .linkedin {
		margin: -10px 0 0 300px;
	}
	
	#content_subpages .linkedin2 {
		margin: -10px 0 0 365px;
	}

	#content_subpages .column_right .linkedin, #content_subpages .column_right .linkedin2 {
		margin: 10px 0 0 150px;
	}

	#content .linkedin, #content .linkedin2, #content .linkedin  {
		margin-left:250px;
	}
		.linkedin a, .linkedin2 a  {
			text-indent: 10000px;
			display: block;
			width: 48px;
			height: 20px;
			background: #FFF url(/fileadmin/templates/images/content/referenten/linkedin.jpg) no-repeat top left;
		}
		
		.gfm {
			overflow: hidden;
		}

		#content_subpages .gfm {
			margin: -10px 0 0 300px;
		}

		#content_subpages .column_right .gfm {
			margin: 10px 0 0 150px;
		}

		#content .gfm, #content .gfm  {
			margin-left:250px;
		}
			.gfm a {
				text-indent: 10000px;
				display: block;
				width: 48px;
				height: 20px;
				background: #FFF url(/fileadmin/templates/images/content/referenten/gfm.jpg) no-repeat top left;
			}
	
.alle_referenten {
	display: block;
	margin-left: 250px;
	margin-top: -7px;
}

#content_subpages .column_right .alle_referenten {
	margin: 10px 0 0 143px;
}

	.alle_referenten a {
		background: #FFF url(/fileadmin/templates/images/layout/arrow_right.jpg) no-repeat top right;
		padding: 0 25px 5px 0;
		color: #758086;
		text-decoration: none;
	}
	
	.alle_referenten a:hover {
		background: #FFF url(/fileadmin/templates/images/layout/arrow_right_rollover.jpg) no-repeat top right;
		text-decoration: underline;
	}
	
	
/* Referenten Rechte Spalte */

#c107 h1 {
	font: normal 14px/14px Verdana, Arial, sans-serif;
	color: #FFF;
	background: #758086;
	padding: 7px 13px;
	margin: 0;
	display: block;
	margin: 20px 0 15px 0;
}

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/

.footer {
	font: normal 12px/20px Verdana, Arial, sans-serif;
	color: #FFF;
	height: 180px;
}

	.footer a {
		color: #f2873e;
		text-decoration: none;
	}
	
	.footer a:hover {
		color: #373c3e;
	}
	

/*------------------------------------------------------
GALLERY
------------------------------------------------------*/
	
.tx-damliteshow-pi1 {
	margin: 15px 0;
}

#c53 {
	background: #758086;
}

.tx-damliteshow-previewitem {
	border: 1px solid #c4c4c4;
}

#c172 {
	padding-top: 10px;
}

#c172 h1 {
	padding: 0 8px;
	background: #758086;
	font: normal 12px/36px Verdana, Arial, sans-serif;
	color: #FFF;
}

.tx-damliteshow-pi1 {
	margin: 0;
}

.tx-damliteshow-previewtitle {
	font: normal 12px/36px Verdana, Arial, sans-serif;
	color #FFF;
}

/*------------------------------------------------------
FORM
------------------------------------------------------*/

form label {
	display: block;
	width: 115px;
	float: left;
}

form input {
	margin-bottom:10px;
	width:250px;
	border: 1px solid #CCCCCC;
}

form input.checkbox {
	margin-bottom:5px;
	width:20px;
	border: 1px solid #CCCCCC;
}

form select {
	display: block;
	margin-bottom: -12px;
	width:253px;
}

form input.button {
	background:#F2873E none repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Georgia,Times,serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:lighter;
	line-height:16px;
	padding:5px 10px;
	margin-top: 15px;
	text-decoration:none;
	border: none 0;
	width: 102px;
}

/*------------------------------------------------------
FLV Player
------------------------------------------------------*/

.tx-flvplayer-pi1 {
margin-left:-27px;
padding-bottom:30px;
position:relative;
text-align:center;
}