/* = online-Campus 12 */

@charset "UTF-8";
 
@import url(example.css);
@import url(reset-min.css);
 
/* =Reset CSS
--------------------------------------------------------------------------------------------------------*/
body{					height:100%; padding:0; margin:0; color:#CCC; font:11px/18px Arial, Helvetica, sans-serif;}
a{						color:#666; text-decoration:none; outline:none; }
a:hover{				color: #e36f06; text-decoration:underline; outline:none;  }
a:active{				text-decoration:underline; outline:none; }
a:focus{				text-decoration:underline; outline:none;  }
.clearfix:after{		clear:both; content: ' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix{				display:block;}
.floatLeft{				float:left !important;}
.floatRight{			float:right !important;}

/* =End Reset CSS
--------------------------------------------------------------------------------------------------------*/

/* =Index Page
--------------------------------------------------------------------------------------------------------*/

h1, h2, h3 {
    font-weight: 	bold;
    margin: 		0.5em 0 1em;}

h1 {
  	font-size:		115%; 
    color: 			#333; }

h2 {
  	font-size:		105%;   
    color: 			#333; }
  
h3 {
  	font-size:		100%;  
    color: 			#e36f06;	}
  
h4  {
  	font-size:		95%;
  	color: 			#333;  } 
  
h5 {
	font-size:				100%;
	color:					#666;		
	font-weight: 			bold;
	margin:					15px 3px 6px 3px;
	background-image: 		url(../images/bullet.png);
	background-position: 	0px 0px 0px 2px;
	background-repeat: 		no-repeat;
	display:				block; 
	height: 				20px; 
	line-height:			20px;	
	padding-left: 			25px;}	  
	
h6 {
	font-size:				100%;
	color:					#666;		
	font-weight: 			normal;
	margin:					15px 3px 25px 3px;
	background-image: 		url(../images/pdf.png);
	background-position: 	0px 0px 0px 2px;
	background-repeat: 		no-repeat;
	display:				block; 
	height: 				17px; 
	line-height:			17px;	
	padding-left: 			20px;}	
	
h6 a {
	text-decoration:   		underline;}		
	
#mainContent .csc-firstHeader {
	font-weight:		bold; }			

p {
    margin-bottom: 	1em;}
	
.divider	{
    color:				#CCC;}

.csc-textpic-intext-right {
    margin-bottom: 	1.5em;}

#mainContent #c26, #c118, #c325, #c327, #c330, #c392, #c399, #c409, #c421, #c680, #c689, #c875, #c876     {
	text-align:			justify;
	margin-left:		6px;
	width:				625px; }

#mainContent li {
    list-style-type:	circle;
    margin: 			3px 5px 6px 18px; }
	
/* Startseite */

#news  {
	width:				175px; } 
	 
	
#mainContent.h1 #c202 {
	font-weight:		bold; }	

#mainContent .csc-firstHeader h1 {
	font-weight:		bold; }	

#mainContent a.hover  {  }			
	
/* Tabellen */ 

#tableTermine  {
	font-size:			13px;
	padding: 			0px;
	text-align:			center;
	vertical-align:		middle !important; }
	
#tableTermine h3 {
	font-size:			14px;
	color:				#e37006 !important; }	

#tableTermine h4 {
	font-size:			14px;
	font-weight:		600;
	color:				#e37006 !important; }		

#tableTermine h5 {
	font-size:			12px;
	color:				#e37006 !important; }	
	

/* Klassen */ 

.csc-textpic-caption {
	font-size:			11px;
	padding: 			1px;
	text-align:			center; }	
	
#c311 .csc-textpic-caption {
	color:				#999;
	font-size:			10px;
	padding: 			1px;
	text-align:			center; }			
	
.contenttable	 {
	padding: 			6px; }		

blockquote {
    margin: 			6px 6px 9px 6px; }
	
.indent 	{
    margin: 			6px 1px 6px 30px; }
	
.divider	 { 
    height: 			1px; color: #FFF; } 
	
.csc-textpic-image	 {
 	clear:			both;
    padding: 		1px;
	border:			solid 0px #CCCCCC; } 	
	
.csc-textpic-last 	{
 	clear:			both;
	padding: 		1px;
	border:			solid 0px #CCCCCC; }
	

/******************/
/* FONT TREATMENT */
/******************/
body {
  font: 			70%/1.6em Arial, Geneva, sans-serif;
  color:			#515151;  }

div#mainContent {
  font-size:		125%;  }

#secondaryContent h1 {
  font-size:		105%; 
  text-align:		center;
  color:			#e36f06;  }
  
#secondaryContent a:hover {
  font-weight:		700;	
  color:			#e36f06;  }  

.csc-frame-frame1 { 
  color:			#082f61;
  }
p {
  margin-bottom:	1em;
  }

div#footer {
  color:			#333;
  }
div#navigationSecondLevel h2 {
  margin-left: 		12px;
  padding-top:		12px;  }

	

/* =Wrapper
--------------------------------------------------------------------------------------------------------*/
#wrapper{					width:100%; min-width:960px;}
#container, .container{		width:960px; margin:0 auto;}
.themeColorForeground {		color:#2f618e; }
.themeColorBackground { 	background-color:#60ADF7 !important; }

/* =Header
--------------------------------------------------------------------------------------------------------*/
#header{			width:100%; background-color: #EEEEEE; left top repeat-x; height:35px;}
#headerContent{ 	padding:10px 33px 0 45px; width:859px; margin:0 auto; }

/* =Main Navigation
--------------------------------------------------------------------------------------------------------*/
	
div#navigationFirstLevelMenu ul{		width:auto; float:left; margin:-7px 0 0 3px; margin-left: -75px; list-style-type: none;}
div#navigationFirstLevelMenu ul li{		float:left;font-weight:bold; font-family:Arial, Helvetica, sans-serif;list-style-type: none;}
div#navigationFirstLevelMenu ul li.selected a {
	color:					#EEE;
	background: 			#e36f06; }

div#navigationFirstLevelMenu ul li a{ float:left; padding: 0 6px; height: 30px;line-height: 30px; margin: 0px; }
div#navigationFirstLevelMenu ul li a:hover {
	background: 			#EEEEEE; 
	text-decoration:		none; }

div#navigationFirstLevelMenu ul li a {			color:#666; font-size:13px;}

div#navigationFirstLevelMenu ul li a:hover  {	background-color: #e36f06; color:#FFF; font-size:13px;}

/* =End Main Navigation

/* =Second Level Navigation
--------------------------------------------------------------------------------------------------------*/

div#navigationSecondLevelMenu ul {
    font-size:			14px;
	font-weight:		500; 
	float:				left;
    width:				150px;
    margin:				9px 15px 3px -47px;}
	
div#navigationSecondLevelMenu ul li {
	margin: 			1px 3px 6px 3px; border-bottom: #ccc solid 1px; padding: 5px; list-style-type: none;}
	
div#navigationSecondLevelMenu ul li.selected a {
	color:				#e36f06 !important;	
	text-decoration:	none;
	font-weight:		bold; }	
	
	
/* =Third Level Navigation
--------------------------------------------------------------------------------------------------------*/	 
	 
div#navigationSecondLevelMenu ul ul {
    font-size:			12px; 
	float:				left;
    width:				141px;
    margin:				9px 15px 3px 3px;}
	
div#navigationSecondLevelMenu ul ul li {
	margin: 			1px 6px 6px 1px; border-bottom: #ccc solid 1px; padding: 3px; list-style-type: none;}
	
div#navigationSecondLevelMenu ul ul li.selected  {
	text-decoration:	none;
	font-weight:		bold; }		

/* =Search
--------------------------------------------------------------------------------------------------------*/
.searchContent{ float:right; width:189px;}
.searchContent .searchWrap{ background:url(../images/search-bg.jpg) left top no-repeat; width:152px; height:32px; float:left;}
.searchContent .searchWrap input {
background-color:transparent
color:#15293b;
font-style:italic;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
padding:6px 0 0 20px;
width:125px;
height:21px;
line-height:21px;
}

.safari .searchContent .searchWrap input{padding-top:12px;}
.searchContent .submitBtn{width:37px; height:36px; float:left; cursor:pointer; background:url(../images/search-button.jpg) left top no-repeat;}

/* =End Search
--------------------------------------------------------------------------------------------------------*/

/* =Banner
--------------------------------------------------------------------------------------------------------*/

#bg-banner {width:			100%; 
			height:			225px;
			background:		url(../images/bg-banner.png)	 }

#banner{	margin-top:		3px;
			width:			100%;
			height:			225px;
			background:		url(../images/banner.png) 50% 0 no-repeat;		 }
			
#banner .bannerLogoWrap{ 	border: solid 0px #CCCCCC; padding:0 7px; width:947px; margin:0 auto; }
.bannerWrap{ 				float:left; width:715px; height:195px; padding: 0 0 0 25px; }

.bannerWrap h1, .bannerWrap h2, .bannerWrap h3, .bannerWrap h4 {
  	font-weight: 			bold;
    color: 					#333;
    font-size: 				32px;
    text-shadow: 			2px 2px 5px #333333;
    margin: 				35px 0 25px 0;    			} 
    			
.bannerWrap p {
	font-size: 				15px;
	color:					#082f61;
	margin:					9px 0px 0px 0px;
	width:					960px;
	line-height: 			140%;
	font-weight: 			bold;}



/*End banner
----------------------------------------------------------------------------------------------------*/

#breadcrumb {			width: 947px; height:20px; color: #e36f06; opacity: 0.85; padding: 9px 3px 0 9px ; margin:-20px 1px 1px -55px; border-bottom:1px dotted #DDD; font:bold 11px Arial, Helvetica, sans-serif;}

#breadcrumb a {
	color:				#666; text-decoration:none; outline:none; }
	
#breadcrumb a:hover {
	color:				#e36f06; text-decoration:none; outline:none; }
	
#breadcrumb a:focus {
	color:				#e36f06; text-decoration:none; outline:none; }
			
/* =Middle
--------------------------------------------------------------------------------------------------------*/

.middleBg{									width:100%; height:auto;  overflow:hidden; background: #FFF;  }
#middle{									width:854px; min-height: 400px;clear:both; margin:0 auto; padding:20px 50px 35px 54px; background:#FFF; border: solid 1px #DDD;}
#middle .left{								width:460px; float:left; margin: -3px 15px 0 5px;}
#middle .left #mainContent{					width:725px; text-align:left;  margin: 18px 10px 1px 1px;}
/* #middle .left #mainContent p{				clear:both;}  */
#middle .left #mainContent a.button{		float:left; color:#fff; padding:8px; margin-top:30px; font:normal 14px Arial, Helvetica, sans-serif;}
#middle .left #mainContent a.button:hover{	color:#fff; text-decoration:none;}
#middle .left #midContent{					width:642px; float:left; margin-top:54px; padding-top:40px; border-top:1px solid #e6e6e6;}
#middle .left #midContent .col1{			width:291px; float:left; padding-left:2px;}
#midContent .col1 .img{						position:relative;}
#middle .left #midContent .col2{			width:300px; float:right; padding-right:2px;}
#midContent .col1 img, #midContent .col2 img{clear:both; border:1px solid #ececec;}
#midContent .col1 img.zoomBtn{				position:absolute; left:-9px; bottom:-10px; border:none !important;}
#midContent .col1 h2, #midContent .col2 h2{	padding-bottom:20px;}
#midContent .col1 h3, #midContent .col2 h3{	padding-bottom:9px;}
#midContent .col1 h3, #midContent .col2 h3{	padding-top:22px;}
#midContent .col1 a.button, #midContent .col2 a.button{width:83px; height:31px; float:left; color:#fff; padding:0 7px; margin-top:35px; background:url(../images/button.gif) left top no-repeat; font:bold 14px/30px Arial, Helvetica, sans-serif;}
#midContent .col1 a.button:hover, #midContent .col2 a.button:hover{	color:#fff; text-decoration:none;}

#secondaryContent {			width:185px; float:right;  padding: 6px 6px 3px 6px; margin: 18px -35px 1px 1px; -webkit-border-radius: 10px; font-size: 105%;
	-moz-border-radius: 	10px;
	border-radius: 			10px;
	box-shadow:				0px 0px 7px #B0B0B0;
	-webkit-box-shadow:		0px 0px 7px #B0B0B0;
	-moz-box-shadow:		0px 0px 7px #B0B0B0;
	background: 			#f7f7f7; /* Old browsers */
	background: 			-moz-linear-gradient(top, #EEE 0%, #FFF 25%); /* FF3.6+ */	
	background: 			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(25%,#FFF)); /* Chrome,Safari4+ */
	background: 			-webkit-linear-gradient(top, #EEE 0%,#FFF 25%); /* Chrome10+,Safari5.1+ */
	background: 			-o-linear-gradient(top, #EEE 0%,#FFF 25%); /* Opera 11.10+ */
	background: 			-ms-linear-gradient(top, #EEEEEE 0%,#FFFFFF 25%); /* IE10+ */
	background: 			linear-gradient(top, #EEEEEE 0%,#FFFFFF 25%); /* W3C */
	filter: 				progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */ }
	
.secondaryContentSection  { 
	font-size:				12px;}	


#secondaryContent .widget {width:195px; min-height:454px; float:left; border:1px solid #ececec; background:#f7f7f7;}

#c284 .csc-textpic-imagecolumn   { 
	padding-right:		1px;	}
	
.csc-textpic-imagewrap	 { 
	padding-right:		1px;	}
	
	

/* =End Middle
	--------------------------------------------------------------------------------------------------------*/


/* =Footer
	--------------------------------------------------------------------------------------------------------*/
	#footer{		width:100%; height:auto; color:#EEE; clear:both; overflow:hidden; padding-bottom:50px;  		  

			background: 	#f7f7f7; /* Old browsers */ 
			background: 	-moz-linear-gradient(top, #FFFFFF 0%, #f5cca6 50%, #e36f06 100%); /* FF3.6+ */	
			background: 	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#f5cca6), color-stop(100%,#e36f06)); /* Chrome,Safari4+ */
			background: 	-webkit-linear-gradient(top, #FFFFFF 0%, #f5cca6 50%, #e36f06 100%); /* Chrome10+,Safari5.1+ */
			background: 	-o-linear-gradient(top, #FFFFFF 0%, #f5cca6 50% ,#e36f06 100%); /* Opera 11.10+ */
			background: 	-ms-linear-gradient(top, #FFFFFF 0%,#f5cca6 50%, #e36f06 100%); /* IE10+ */
			background: 	linear-gradient(top, #FFFFFF 0%,#f5cca6 50%, #e36f06 100%); /* W3C */
			background: 	linear-gradient(top, #FFFFFF 0%,#f5cca6 53%,#e36f06 100%); /* W3C */ }

	#footerContent{				width:960px; margin:0 auto;}
	#footer a	{				font-weight:normal; color:#333;}
	#footer a:hover{			color:#152061 !important;}	
	#footer .top{
	width:						960px; 
	height:						23px; 
	margin:						0 auto; 
	background:					#CCC; opacity: 0.25;
	border-radius:				0 0 15px 15px; 
	-moz-border-radius:			0 0 15px 15px; 
	-webkit-border-radius:		0 0 15px 15px; 
	-khtml-border-radius:		0 0 15px 15px; 
	position:					relative; behavior:url(PIE.htc);
	}
	#footer p{					clear:both; font-size:12px; font-style:normal; font-weight:normal; color:#333333;}
	#footer .footerBorder{		width:939px; height:0px; float:left; margin:3px 0 0 20px; background:url(../images/footer-border.gif) left top repeat-x;}
	#footer #footerMenu{		clear:both; overflow:hidden; padding:15px 0 0 5px;}
	#footer #footerMenu .footerLinks{width:184px; float:left;}
	#footer #footerMenu .footerLinks img{float:left; margin:-3px 18px 0 0;}
	#footer #footerMenu .footerLinks h3{float:left; clear:none; font:bold 14px Arial, Helvetica, sans-serif; color:#EEE;}
	#footer #footerMenu .footerLinks ul{padding:34px 0 0 24px;}
	#footer #footerMenu .footerLinks li{clear:both; display:block; line-height:34px; color:#999999; font-size:12px; font-weight:normal; font-style:normal;}
    div#footer .footerFrame,div#footer .footerFrame-last { 	float:left; width: 275px; margin: 0 0 0 25px; }
    div#footer .footerFrame-last { 							width: 300px; text-align: right;}
    div#footer h4 { 										font-weight: 700; margin: 0 0 1em 0; color:#333; }
    div#footer #licensebadge { 								margin-top: 3px;	opacity: 0.3; }
	
/* =End Footer
	--------------------------------------------------------------------------------------------------------*/

/* End Wrapper
--------------------------------------------------------------------------------------------------------*/

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

#tx_felogin_loginform {
	padding:		27px;	}

.tx-felogin-pi1 {
	padding:		9px;	}

#user {
	margin-left:	25px;	}

#pass {
	margin-left:	58px;}
	
#submit	 {
	margin-left:	58px;}	
	


/*************/
/* POWERMAIL */
/*************/

.powermail_fieldset {
	text-align:		right;	}

.powermail_legend {
					}
 

.powermail_label {
	color: 			#e36f06;	}


.powermail_captcha_outer {
							}



/*************/
/* SEARCHBOX */
/*************/
div#searchBox input.inputText {
	width:100px;
	}
div#searchBox {
	left:10px;
	top:189px;
	position:relative;
	width: 168px;
	height: 21px;
	background: url(../images/bg_searchInput.gif) no-repeat;
	margin-left:8px;
	}
div#searchBox input#inputText {
	float: left;
	padding: 1px 0 2px 4px;
	margin: 2px 0 0 20px;
	border: 0;
	width: 110px;
	background: none;
	color:#515151;
	}
div#searchBox input.inputButton {
	float: right;
	margin: 3px 4px 0 0;
	cursor: pointer;
	}
div#searchBox legend {
	display:none;
	}

/********************************/
/* INDEXED_SEARCH - BASIC STYLING */
/********************************/
.tx-indexedsearch .tx-indexedsearch-browsebox li {
	display:inline;
	margin-right:5px;
	}
.tx-indexedsearch-redMarkup {
	font-weight: bold;
	}
.tx-indexedsearch .tx-indexedsearch-title {
	background: #e5e5e5;
	padding: 1px 5px;
	}
div.tx-indexedsearch-res dt, div.tx-indexedsearch-res dt {
	float:left;
	}
dl.tx-indexedsearch-info {
	font-size:80%;
	color: #999;
	text-transform:uppercase;
	line-height:1.4em;
	}
dt.item-crdate, dt.item-mtime, dt.item-path {
	font-weight:bold;
	}
div.tx-indexedsearch-res {
	margin-bottom:2em;
	}
.tx-indexedsearch td {
	padding:2px;
	}
.tx-indexedsearch .tx-indexedsearch-searchbox {
	}
input#tx-indexedsearch-searchbox-sword {
	width:250px;
	}
.tx-indexedsearch select {
	width:156px;
	}
.tx-indexedsearch label {
	display:block;
	margin-top:1em;
	text-transform:uppercase;
	font-size:90%;
	}
.tx-indexedsearch legend {
	display:none;
	}
.tx-indexedsearch-search-submit {
	padding:1em 0;
	}
	
.csc-form-6 csc-form-element csc-form-element-submit {
	margin-left:	250px; 
	font-size:		90%;	}	

.showResultsWrap {
	font-size:		1%;	}	

.browseLinksWrap   {
	text-align:		center;	}

/***************************/
/* TT_NEWS - BASIC STYLING */
/***************************/

.news-latest-item h3, .news-latest-item p {
	font-size:		12px;
 	margin:			3px 3px 6px 3px;	}
	
.news-list-subheader p {
	display:		inline;	}
	
.news-list-item {
	padding: 		.4em 0 3em;
	clear:			both;
	margin-bottom:	75px;
	border-bottom:	dotted 0px #CCCCCC; 	}
	
.news-latest-item {
	margin: 		24px 3px 12px 0;	
	border-bottom:	dotted 1px #CCCCCC; 	}	
	
.news-single-item 	{
	margin-left:		6px;
	width:				625px; }	
	
.news-single-item h2	{	}
	
.news-list-container {
	margin: 		-6px 3px 3px 0;	}

.news-list-container img {
	float:			right;
	padding:		1px;
	border:			solid #CCCCCC 0px;
	margin: 		0 3px 3px 9px;	}
	
.news-single-img {
	float:			right;
	padding:		1px;
	margin: 		0 3px 3px 12px;	}
	
.news-list-category {
	text-align:		right;
	font-size: 		90%;	
	color:			#FFF;
	margin: 		12px 3px 3px 3px;	}
	
.news-list-date {
	color:			#999;
	font-size:		10px;
	font-weight:	100;
	float:			right;	}	
	
.news-single-timedata	{
/*	visibility:		hidden; */
	color:			#999;
	font-size:		12px;
	font-weight:	100;
	float:			right;	}	
	
.news-list-morelink {		
	visibility:		hidden;
	float:			right;
	font-weight:	700;
	margin:			25px 3px 12px 12px;	}

/* =End Index Page
--------------------------------------------------------------------------------------------------------*/

/*MailForm*/

.csc-mailform {		
	font-weight:	500;
	margin-left:	-45px;
	padding:        12px;	}

/*LAYOUTS*/


/* Einspaltiges Layout*/
body.hideRightAndLeftColumn #secondaryContent, body.hideRightAndLeftColumn #middle #navigationSecondLevelMenu {display: none;}
body.hideRightAndLeftColumn #middle #mainContent {width: 780px;}

/* Zweispaltiges Layout - Columns left & main */
body.hideRightColumn #secondaryContent {display: none;}
body.hideRightAndLeftColumn #middle #mainContent {width: 650px;}

/* Zweispaltiges Layout - Columns main & right */
body.hideRightAndLeftColumn #middle #navigationSecondLevelMenu {display: none;}
body.hideRightAndLeftColumn #middle #mainContent {width: 600px;}