html{
	height:				100%;
	margin:				0;
	padding:			0;
}
body{
	height:				100%;
	margin:				0;
	padding:			0;
	font-family: 		 	Verdana, Arial, Helvetica, sans-serif;
	line-height:			1;
	font-size: 			1em;
	text-indent:     		0;
	background-repeat:		no-repeat;
	background-color:		#FCFCFC;

}

#iframe100{
 	height:				100px;
}
img{
	border-width:			0;
}

a{
	text-decoration: 		none;
	color:				#0046A0;
}

a:hover{
	text-decoration:		none;
	color:				#FBA90F;
}


/**********************************************************************************************
 * 		Überschriften
 **********************************************************************************************/
h1{
	font-size: 			150%;
	font-weight: 			normal;
	color: 				#888888;
	text-decoration: 		none;
}
h1.smallmargin{
        margin-bottom:          	-0.9em;
}
h2{
	font-size: 			130%;
	font-weight: 			normal;
	color: 				#000000;
	text-decoration: 		none;
}
h3{
	font-weight: 			bold;
	color:				#888888;
	text-decoration: 		none;
	font-size: 			100%;
	margin:				1em 0 0.4em 0;
}
h4{
	font-weight: 			normal;
	color:				#888888;
	text-decoration: 		none;
	font-size: 			100%;
	margin:				1em 0 0.4em 0;
}

p{
	margin-top:			0;
	padding-top:			0;
}

table{
	border-collapse:		collapse;
	margin:				0 0 2em 0;
}

li, ul, ol{
	list-style-position:outside;
}

.betont{
	background-color:		#E6E6E6;
	padding:			0.1em 0.5em 0.1em 0.5em;
}
.rahmen{
	border:				#FBA90F solid 0.2em;
	padding:			0.5em;
}

/*eingefügt am 03.05. auf Wusch des Rektors - Autor Katrin Proschek*/
.rahmenmitte{
	border:				#E6E6E6 solid 0.2em;
	padding:			0.5em;
	margin-left:  			9em;
	margin-right:    		9em;
        text-align:             	center;

}

div.backlink a {
	display:block;
	width:11em;
	padding:0.2em 0.2em 0.2em 1.7em;
	border:#E6E6E6 1px solid;
	background:url(../img/arrow_back_grey.gif) center left no-repeat;
}

/******************************************************************
* ID-Definitionen
******************************************************************/
#main{
	width:				61.95em;
	height:				100%;
	position: 			absolute;
}

/**********************************************************************************************
 *    	#head1
 * 		Imagebild, Logo
 **********************************************************************************************/
#head1{
	font-size:			70%;
}

#head1 #logo{
	float:				left;
	margin-top:			27px;
}

#head1 #collage{
	float:left;
}

div#banner{
	float:				left;
	height:				95px;/**/
	width:				810px;
	margin:				0;
	padding:			0;
	background:   			url(../img/banner_soft.jpg) top left no-repeat;
	overflow:			hidden;
}

#printLogo{
	display:  none;
}

#head1 #rightbox {
	position:absolute;
	right:0px;
	width:				18.5em;	
}

/**********************************************************************************************
 * 		#head2 #row2 #search
 * 		Schnellsuche
 **********************************************************************************************/
#head1 #rightbox #search{
	float:				right;
	display:			inline;
	font-size:			90%;
	color:				#666666;
	text-align:			left;
	margin:	    		0.25em 0 0 0;
}
#head1 #rightbox #search .searchInput{
	width:				11.6em;
	height:				1.3em;
	border:				0.1em solid #666666;
	background-color:	#FCFCFC;
	margin:	    		0.1em 0.35em 0 0;
}
#head1 #rightbox #search .searchButton{
	border:				0.1em solid #666666;
	text-align:			center;
	background-color:		#FCFCFC;
	font-size:			90%;
	width:3em;
	height:2.5em;
	vertical-align:8%;

}

/**********************************************************************************************
 * 		#head2 #row2 #flags
 * 		Sprachauswahl
 **********************************************************************************************/

#head1 #rightbox #flags{
	float:				right;
	margin-bottom:			1em;
}

#head1 #rightbox #flags a,div.inactive {
	display:  			block;
	color:				#666666;
	width:				4.3em;
	float:				left;
	border-bottom:			0.1em solid #666666;
	color:				#666666;
	padding:			0.6em 2.0em 0.4em 2.0em;
	text-align:			center;
	background:			#FCFCFC url(../img/lang-bg.png) bottom left repeat-x;
	margin:     			0 0 0 0.5em;
}

#head1 #rightbox #flags a:hover{
	color:				#FBA90F;
}

#head1 #rightbox #flags div.inactive{
	color: 				#CCCCCC;
	border-bottom:			0.1em solid #CCCCCC;
}

/**********************************************************************************************
 * 		#head2
 * 		Globale Navigationsleiste, Zielgruppennavigation, Bread Crumb
 **********************************************************************************************/


#head2{
	height:				auto;
	clear:				both;

}

#head2 .hsname {
	color:				#FCFCFC;
	font-size:			80%;
	background: 		#0046A0;
	padding:0.4em 0.7em 0.7em 0.7em;
}
#head2 .hsname div {
	margin:2em;
}
/**********************************************************************************************
 * 		#head2 #menu1
 * 		Globale Navigationsleiste
 **********************************************************************************************/
#head2 .row1{
	color:				#000;
	font-size:			70%;
	width:				100%;
	float:				left;
	border-bottom:		1px solid #888;
}



#head2 .row1 #globalNav{
	float:				left;
	width:				100%;
	font-size:			120%;
}

#head2 .row1 #globalNav a{
	display:			block;
	float:				left;
	text-decoration:	none;
	color: 				#000;
	padding:      		0.6em 1em;
	margin:				0;
	border-right: 		#E6E6E6 1px solid;
}
#head2 .row1 #globalNav a:hover{
	color:				#FBA90F;
}
#head2 .row1 #globalNav a.active{
	color:				#FBA90F;
	background:			url('..img/pl-bg.jpg') top right repeat-x;
}

/**********************************************************************************************
 * 		#head2 #row2
 * 		Zielgruppennavigation
 **********************************************************************************************/
#head2 #row2{
	float:left;
	background:			url('../img/pl-bg.jpg') top right repeat-x;
	height:				3.7em;
	width:				100%;
	font-size:			70%;
	padding:			0;
}



#head2 #row2 div{
	display: 			inline;
	color:				#666666;
	text-align:			center;
	float:				left;
	margin:	    		0 0 0 0.5em;
	width:				16.4em;
}

#head2 #row2 #button1,
#head2 #row2 #button2,
#head2 #row2 #button3 {
	background-color:	#D3D3D3;
}

#head2 #row2 #button1 {
	padding:			0.95em 0 0.95em 0;
	margin-left:		16.4em;
	
}
#head2 #row2 #button2 {
	padding:			0.95em 0 0.95em 0;
}
#head2 #row2 #button2.active{
	padding:			0.44em 0 0.45em 0;
}
#head2 #row2 #button3{
	padding:			0.44em 0 0.45em 0;
	margin-right:		2.8em;
}

#main #head2 #row2 div.active{
	background-color: 		#0046A0;
}
#head2 #row2 div a{
	color: 				#666666;
}
#head2 #row2 div.active a{
	color:				#FCFCFC;
	font-weight:   			bold;
}
#head2 #row2 div a:hover{
	color: 				#FBA90F;
}

#head2 #row2 #welcomeText {
	width:				90%;
	margin-top:			0.2em;
	font-size:			200%;
	line-height:		1.2;
	border:				0;
}


/**********************************************************************************************
 * 		#head2 #row3# #breadCrumb
 * 		Bread Crumb
 **********************************************************************************************/
#head2 #row3{
	float:left;
	width:				100%;
	height:				auto;
	font-size:			70%;
	color:				#666666;
}
#head2 #row3 #breadCrumb{
	height:				auto;
/*	width:				82.5em; */
	padding:			0.8em 5em 1.4em 1em;
	background-color:		#FCFCFC;
	border:				0 solid #666666;
/*	border-bottom-width:0.1em; */
}
#head2 #row3 #breadCrumb a{
	text-decoration:		none;
	color: 				#666666;
}
#head2 #row3 #breadCrumb a:hover{
	color:				#FBA90F;
}



/**********************************************************************************************
 * 		#mainColumns
 * 		Die drei Hauptspalten linke Menüspalte, Inhalt, rechte Spalte
 **********************************************************************************************/
#mainColumns{
	width:				100%;
	height:				100%;
}

/**********************************************************************************************
 * 		#leftColumn #menu3

 * 		Menueleiste links
 **********************************************************************************************/



#leftColumn {
	width: 				10.9em;
	float:				left;
}

#leftColumn #menu3{
	margin:	        	0 0 1em 0;

}
#leftColumn #menu3 .parentlink{
	background:			url('../img/pl-bg.jpg') top left repeat-x;
	padding:			0.7em 0.5em;
	text-align:			center;
	border-bottom:		1px solid #0046A0;
	font-size:			80%;
	color:				#666666;
}
#leftColumn #menu3 .parentlink a{
	border-bottom:		none;
	width:				auto;
	font-size:			100%;

}

#leftColumn #menu3 ul {
	margin:				0;
	padding:			0;
	list-style-type:	none;
}

#leftColumn #menu3 ul {
	margin:				0;
	padding:			0;
	list-style-type:	none;
	color:				#666666;
	
}

#leftColumn #menu3 ul * a {
	color:				#666666;
}

#leftColumn #menu3 ul * span.activePage {
	font-weight:		bold;
	color:				#0046A0;
}

#leftColumn #menu3 ul * a,
#leftColumn #menu3 ul * span.activePage
 {
	font-size:			70%;
	display:			block;
	margin:				0;
	width:				15em;
	padding:	    	0.4em 0 0.4em 0.5em;
	
}

#leftColumn #menu3 ul * a,
#leftColumn #menu3 ul * span.hasSubPages 
{
	border-bottom: 		1px dotted #AAA;
}


#leftColumn #menu3 ul li ul {
	border-top: 		1px dotted #0046A0;
	background:			url('../img/pl-bg.jpg') top left repeat-x;
}

#leftColumn #menu3 ul li ul li a {
	padding-left: 2em;
	width:13em;
	border-bottom:none;
}
#leftColumn #menu3 * li.current {
	border-bottom: 		1px dotted #0046A0;
}



#leftColumn #menu3 a:hover{
	color:				#FBA90F;
}


/**********************************************************************************************
 * 		#mainColumns #contentColumn
 * 		Inhalt
 **********************************************************************************************/

#contentColumn{
	width:				51em;
	height:				100%;
	font-size: 			70%;
	color: 				#000000;
	background-color: 	#FCFCFC;
	padding:			0 0 0 1.2em;
	line-height:		1.4;
	float:				left;
}

#contentColumn .text {
	/*margin-left:220px;*/
}

#contentColumn h1 {
	border-bottom: 1px dotted #0046A0;
}
#contentColumn h2 {
	border-bottom: 1px dotted #666666;
}



/**********************************************************************************************
 * 		#mainColumns #contentColumn .teaser2
 * 		Teaser im Inhaltsbereich
 **********************************************************************************************/
#contentColumn div.news-list-container{
	overflow:hidden;
	clear:both;
}

#contentColumn div.news-list-container .teaser2 {
	line-height:		1;
	margin:				0 0 1em 0;
	padding:			0;
	/*border:				0.1em solid #E6E6E6;*/
	clear:				both;
	float:				left;
	width:				99.5%;
}
#contentColumn .teaser2 div{
}
#contentColumn .teaser2 .head,
#contentColumn .teaser2 h1 {
	font-size:			1em;
	padding:			0.5em 0.3em 0.5em 172px;
	background-color:	#E6E6E6;
	font-weight:		bold;
	color:				#0046A0;
	margin:				0;
}
#contentColumn .teaser2 .right {

}

#contentColumn .teaser2 .right .body{
        line-height:1.5
	padding:			0;
	margin: 			1em 8em 0 0;
}


#contentColumn .teaser2 img{
	float: 				left;
	margin:		1em 2em 0 0;
}

#contentColumn .teaser2 .right .more{
	width:				5em;
	height:				1em;
	background-color:	#FCFCFC;
	padding:			0.5em;
	color:				#000000;
	font-weight:		bold;
	border:				0.1em solid #E6E6E6;
	text-align:			center;
	float:right;
        margin-top:-3.1em;
}
#contentColumn .teaser2 .more a{
	color:				#000000;
}
#contentColumn .teaser2 .more a:hover{
	color:				#FBA90F;
}

#contentColumn #logoBox{

}

#contentColumn iframe{
	width:		50em;
	height:		100%;
	border: 	0;

}
#contentColumn .back a{
       margin:        1em 0 0 0;
       font-weight:  bold;
}
#contentColumn .back a:hover{
       color:           #FBA90F;
}

#contentColumn ul, #contentColumn ol {
       height:auto;
}
#contentColumn ul {
       margin-left:0em;
	   padding-left:1.3em;
}
#contentColumn ul li {
	
}

dl.news-single-files {
       border:#e6e6e6 1px solid;
       float:right;
       padding:0.8em 0.5em 0.8em 4em;
       background: transparent url(../img/pdf.png) 0.2em 0.5em no-repeat;
}

dl.news-single-files dt {
       margin:0;
       padding:0;
}

dl.news-single-files dd {
       margin:0;
       padding:0;
}

dl.news-single-files dd a {
}

/**********************************************************************************************
 * 		#mainColumns #rightColumn
 * 		Rechte Spalte
 **********************************************************************************************/

#rightColumn {
	font-size: 			70%;
	width: 				18em;
	padding-top: 		40px;
	float:				right;
	background: top left url('../img/ohm-39-trans-lang-de.gif') no-repeat;
}

/**********************************************************************************************

 * 		#mainColumns #rightColumn .teaser1
 * 		Teaser in der rechten Spalte
 **********************************************************************************************/


#rightColumn .teaser1{
	width:				17.5em;
	border-top:			0.1em solid #AAA;
	background-color:	#FCFCFC;
	margin:				0 0 1em 0;
	padding:			0 0 1.5em 0;
	height:				auto;
}
#rightColumn .teaser1 div{
	color:				#666666;
	width:				16.8em;
	height:				auto;
	background-color:	#FCFCFC;

}
#rightColumn .teaser1 .head{
	background:			url('../img/pl-bg.jpg') top left repeat-x;
	padding:			1em 0.3em;
	color:				#0046A0;
	font-weight:		bold;
	text-align:			center;
}
#rightColumn .teaser1 .body{
	padding:			1em 0 0 0;
	background-color:	#FCFCFC;
	color:				#000000;
	height:				auto;
}
#rightColumn .teaser1 .more {
	padding:			0.5em;
	text-align:			right;
	border-bottom:		0.1em solid #0046A0;
}
#rightColumn .teaser1 .more a{
}
#rightColumn .teaser1 .more a:hover{
	color:				#FBA90F;
}

/**********************************************************************************************
 * 		#mainColumns #rightColumn .socialweb
 *      Links zu socialBookmarks
 **********************************************************************************************/
#rightColumn .socialweb {
	padding:1em 0;
	text-align:right;
}
#rightColumn .socialweb a {
	margin-right:0.5em;
}


/**********************************************************************************************
 * 		#mainColumns #rightColumn #menu4
 *      Menü in der rechten Spalte
 **********************************************************************************************/
#rightColumn #menu4{
	width:				17.5em;
	margin:				0 0 1em 0;
	padding:			0 0 1.5em 0;
	height:				auto;
}

#rightColumn #menu4 a{
	display:			block;
	background-color:	#FAFAFA;
	border-bottom:		0.1em solid #E6E6E6;
	padding:			0.1em 0.1em 0.3em 0.3em;
	color:				#666666;
}

#rightColumn #menu4 .active{
	color:				#0046A0;
	font-weight:		bold;
}
#rightColumn #menu4 .active a{
	color:				#0046A0;
	font-weight:		bold;
}
#rightColumn #menu4 a{
	text-decoration:	none;
}
#rightColumn #menu4 a:hover{
	color:				#FBA90F;
}




/**********************************************************************************************
 * 		Organigramme
 **********************************************************************************************/
#contentColumn .orga{
	margin:	        	0 0 1em 0;

}
#contentColumn .orga div {
	margin:				0;
	width:				49.5em;
	padding:	    	0.3em 0 0.3em 0;
	border-bottom: 		1px dotted #666;

}

#contentColumn .orga div .pageInfo{
	font-weight:		normal;
	margin:				0 0.5em 0 15em;
	width:				25em;
	text-align:			left;
	display:			block;

}

#contentColumn .orga div.layer1 {
	border-color:		#AAA;
	color:				#666666;
	margin:				1.5em 0 0 0;
	font-weight:		bold;
	height:				auto;
	overflow:			visible;
}

#contentColumn .orga div.layer2{
	background-color:	#F5F5F5;
	border-color:		#DDDDDD;
	color:				#666666;
	width:				47.5em;
	padding:	    	0.1em 0 0.1em 2em;
}
#contentColumn .orga div.layer3{
	background-color:	#DDDDDD;
	border-color:		#CCCCCC;
	color:				#666666;
	width:				46em;
	padding:	    	0.1em 0 0.1em 3.5em;
}
#contentColumn .orga div.layer4{
	background-color:	#CCCCCC;
	border-color:		#BBBBBB;
	color:				#555555;
}
#contentColumn .orga div.layer5{
	background-color:	#BBBBBB;
	border-color:		#AAAAAA;
	color:				#111111;
}
#contentColumn .orga div a{
	color:				#666666;
}


#contentColumn .orga div a:hover{
	color:				#FBA90F;
}


/**********************************************************************************************
 * 		#studiengang
 **********************************************************************************************/
#studiengang{
	padding:			0 1em 0 0;
}

#studiengang img{
	float:				right;
	width:				200px;
	margin:				0 0 1em 2em;
}

/**********************************************************************************************
 * 		Mailformulas (csc-mailform) Styles
 **********************************************************************************************/
fieldset.csc-mailform {
	border:				none;
}
fieldset.csc-mailform .csc-mailform-field {
	clear:				both;
	margin:				0.5em 0;
}
fieldset.csc-mailform .csc-mailform-field label {
	display:			inline-block;
	float:				left;
	width:				8em;
	margin-right:		1em;
	
}

/**********************************************************************************************
 * 		#indizierte Suche Styles
 **********************************************************************************************/

#contentColumn .tx-indexedsearch-secHead table{
	width:				48.5em;
}
#contentColumn .tx-indexedsearch-res table{
	clear:				both;
	width:				48.5em;
	border-spacing:		0;
	padding:			0;
	border:				0.1em solid #666666;
}
#contentColumn .tx-indexedsearch-res td{
	padding:			0 0.3em 0 0.3em;
}
#contentColumn .tx-indexedsearch-title .icon{
	width:				2em;
}
#contentColumn .tx-indexedsearch-title .title{
	width:				41.5em;
}
#contentColumn .tx-indexedsearch-title .percent{
	width:				5em;
}

#contentColumn .tx-indexedsearch .tx-indexedsearch-browsebox {
	margin:				0 0 5em 0;
	padding:			0;
}

#contentColumn .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox {
	list-style-type:	none;
	display:			block;
	margin:				0;
	padding:			0;
}

#contentColumn .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li {
	float:				left;
}

#contentColumn .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li a{
	display:			block;
	width:				1.5em;
	border:				0.1em solid #666666;
	padding:			0.2em;
	margin: 			0 0.2em 0 0;
	text-align:			center;
	background-color:	#E6E6E6;
	color:				#666666;
}

#contentColumn .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li.tx-indexedsearch-browselist-currentPage a{
	background-color:	#0046A0;
	color:				#FFFFFF;
	font-weight:		bold;
}


#contentColumn .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:8em; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:10em }
#contentColumn .tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; 

}
#contentColumn .tx-indexedsearch .tx-indexedsearch-whatis {  }
#contentColumn .tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#E6E6E6; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { 
font-weight:normal;
}
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { 
color:#FBA90F;
}
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#E6E6E6; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-bottom:1em; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0; margin-bottom:0; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
#contentColumn .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }


/**********************************************************************************************
 * 		Styles vom RTL
 **********************************************************************************************/
#contentColumn form{
	display:			block;
	float:				none;

}
#contentColumn p{
	display:			block;
	float:				none;

}
/**********************************************************************************************
 * 		Veranstaltungskalender und SW-Doppeldiagnosen
 **********************************************************************************************/
#contentColumn .user-events-pi1{
	float:				none;
	display:			block;
}
#contentColumn .user-events-pi1 div a, 
.tx-gsodoppeldiagnosen-pi1 div a {
	color:				#666666;
	font-weight:		bold;
}
#contentColumn .user-events-pi1 div a:hover{
	color:				#FBA90F;
}

#contentColumn .user-events-pi1 .user-events-pi1-modeSelector {
	height:				2em;
}

#contentColumn .user-events-pi1-modeSelector div{
	display:			block;
	float:				left;
	width:				4em;
	border:				0 solid #666666;
	padding:			0.2em;
	margin:				0 0.5em 3em 0;
	text-align:			center;
	background-color:	#E6E6E6;
}
#contentColumn .user-events-pi1  .user-events-pi1-modeSelector div.active{
	background-color:	#0046A0;
}

#contentColumn .user-events-pi1 .user-events-pi1-modeSelector .active a{
	color:				#FFFFFF;
	font-weight:		bold;
}

#contentColumn .user-events-pi1 .user-events-pi1-listrow .entry,
.tx_gsodoppeldiagnosen_pi1_listrow .entry {
	margin:				3em 0.5em 3em 0;
	list-style:			none;
	border:				0.1em solid #666666;
	padding:			0.5em;
	width:				47.5em;
}
#contentColumn .user-events-pi1 div.user-events-pi1-listrow .title, 
.tx_gsodoppeldiagnosen_pi1_listrow .title {
	background-color: 	#E6E6E6;
	padding:			0.2em 0.2em 0.2em 1em;
}

#contentColumn .user-events-pi1 div.user-events-pi1-listrow .date{
	padding:			0.2em 0.2em 0.2em 1em;
	font-weight:		bold;
	color:				#0046A0;

}
#contentColumn .user-events-pi1 div.user-events-pi1-listrow .type{
	padding:			0.2em 0.2em 0.2em 1em;

}
#contentColumn .user-events-pi1 div.user-events-pi1-listrow .category{
	padding:			0.2em 0.2em 0.2em 1em;
    text-align:         right;

}

#contentColumn .user-events-pi1 table td h2{
	margin:				0;
}

#contentColumn .user-events-pi1 table td{
	padding:			0.5em 0.5em 0.5em 1em;
	background-color:	#FCFCFC;
}
#contentColumn .user-events-pi1 table td.title{
	font-weight:		bold;
	text-align:			right;
}

/**********************************************************************************************
 * 	Bild und Bild mit Text mit PlugIn css_altImgText
 **********************************************************************************************/

/*
   Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
   (c) the TYPO3 content rendering group
*/

/* COMMON */
#mainColumns #contentColumn .csi-textpic {
	padding: 			0.5em;
}

#mainColumns #contentColumn .csi-textpic img {
	margin: 			0.4em;
}

#mainColumns #contentColumn .csi-textpic .csi-caption {
	text-align: 		center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
	font-style: 		italic;  /*XXX demo only*/
}

#mainColumns #contentColumn .csi-textpic .csi-imagewrap {
	text-align: 		center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the 

text) */
}

#mainColumns #contentColumn .csi-textpic .csi-text {
	text-align: 		left; /*will have to be an inline style - controlled by TS*/
}

#mainColumns #contentColumn .csi-text p {
	margin-top: 		0;
}

/* RIGHT */
#mainColumns #contentColumn .csi-right div.csi-image {
	float: 				right;
	clear: 				both;
}

#mainColumns #contentColumn .csi-right div.csi-text {
	clear: 				right;
}

/* LEFT */
#mainColumns #contentColumn .csi-left div.csi-image {
	float: 				left;
	clear: 				both;
}

#mainColumns #contentColumn .csi-left div.csi-text {
	clear: 				left;
}

/* INTEXT LEFT */
#mainColumns #contentColumn .csi-intext-left .csi-image {
	float: 				left;
	clear: 				both;
	margin-right: 		0.5em;
}


/* INTEXT RIGHT */
#mainColumns #contentColumn .csi-intext-right .csi-image {
	float: 				right;
	clear: 				both;
	margin-left: 		0.5em;
}


/* INTEXT RIGHT NOWRAP */
#mainColumns #contentColumn .csi-intext-right-nowrap .csi-text {
	margin-right: 		21.5em; /*will have to be an inline style - controlled by TS*/
}

#mainColumns #contentColumn .csi-intext-right-nowrap .csi-image {
	float: 				right;
	clear: 				both;
}

#mainColumns #contentColumn .csi-image p{
	display: 			inline;
}
/* INTEXT LEFT NOWRAP*/
#mainColumns #contentColumn .csi-intext-left-nowrap .csi-text {
	margin-left: 		21.5em; /*will have to be an inline style - controlled by TS*/
}

#mainColumns #contentColumn .csi-intext-left-nowrap .csi-image {
	float: 				left;
	clear: 				both;
}



/**********************************************************************************************
 * 	Tabellen
 **********************************************************************************************/
#mainColumns #contentColumn tr{
	vertical-align:		top;
}
#mainColumns #contentColumn tr p{
	margin:				0;
	padding:			0;
}

#mainColumns #contentColumn .contenttable-1{
	border:				0;
	width:				48.5em;
}
#mainColumns #contentColumn .contenttable-1 td{
	padding:			0.2em 0.5em 0.2em 0.5em;
}

#mainColumns #contentColumn .contenttable-2{
	width:				48.5em;
}
#mainColumns #contentColumn .contenttable-2 td{
	padding:			0.2em 0.5em 0.2em 1em;
	border:				0.1em solid #E6E6E6;;
	margin:				0;
}
#mainColumns #contentColumn .contenttable-2 .tr-even{
	background-color: 	#F3F3F3;
}
#mainColumns #contentColumn .contenttable-2 .tr-0{
	background-color: 	#E6E6E6;;
	font-weight:		bold;
	text-align:			left;
}

#mainColumns #contentColumn .contenttable-3{
	border:				0;
	width:				20em;
}
#mainColumns #contentColumn .contenttable-3 td{
	padding:			0.2em 0.5em 0.2em 0.5em;
}
#mainColumns #contentColumn .contenttable-3 .tr-0{
	background-color: 	#EEEEEE;
	font-weight:		bold;
	text-align:			center;
}


/**********************************************************************************************
 * 	Formulare
 **********************************************************************************************/

#mainColumns #contentColumn input{
	border:				0.1em solid #666666;
	background-color:	#FCFCFC;
	font-size:			1.15em;
	color:				#666666;
}
#mainColumns #contentColumn select{
	border:				0.1em solid #666666;
	background-color:	#FCFCFC;
	font-size:			1.15em;
	padding:			0.1em;
	color:				#666666;
}
#mainColumns #contentColumn textarea{
	border:				0.1em solid #666666;
	background-color:	#FCFCFC;
	font-size:			1.15em;
	padding:			0.1em;
	color:				#666666;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

/**********************************************************************************************
 * 	Bildergallery Gallery
 **********************************************************************************************/

#mainColumns #contentColumn #tx-lzgallery-pi1-title{
	background-color:	#E6E6E6;
	border:				0;
	margin:				0 0 1em 0;
	width:				50.5em;
	text-align:			center;
}
#mainColumns #contentColumn #tx-lzgallery-pi1-title h1{
	margin:				0.2em;
}
#mainColumns #contentColumn table#tx-lzgallery-pi1-fotos{
	border:				0;
}
#mainColumns #contentColumn table#tx-lzgallery-pi1-fotos td {
	border:				0;
	margin: 			0;
	padding:			0;
}

#mainColumns #contentColumn table#tx-lzgallery-pi1-fotos td div.thumbs{
	border:				0.1em solid #DDDDDD;
	padding:        	0.4em;
	margin:        		0.2em;
	width:				11em;
	height:				8.3em;
}


#mainColumns #contentColumn div#tx-lzgallery-pi1-fotonav {
	border:				0.2em solid #DDDDDD;
	background-color:	#FCFCFC;
	padding:			0.5em 0 0.5em 0 ;
	width:				50em;
	overflow:			hidden;
}
#mainColumns #contentColumn div#tx-lzgallery-pi1-fotonav div{
	float:				left;
	width:				12.3em;
	text-align:			center;
	overflow:			visible;
}
#mainColumns #contentColumn div#tx-lzgallery-pi1-fotonav a{
	color:				#666666;
    font-weight:        bold;
}
#mainColumns #contentColumn div#tx-lzgallery-pi1-fotonav a:hover{
	color:				#FBA90F;
}

#mainColumns #contentColumn .tx-lzgallery-pi1 table#tx-lzgallery-pi1-fotos td{
	width:				49.7em;
	text-align:			center;
}
#mainColumns #contentColumn .tx-lzgallery-pi1 div#tx-lzgallery-pi1-listing {
	border: 0;
	height:auto;
}

#mainColumns #contentColumn .tx-lzgallery-pi1 div#tx-lzgallery-pi1-listing .line1 {
	background-color:	#E6E6E6;
	height:				3em;
	padding:			0.1em 0.1em 0.1em 1em;
	border: 			0;
}

#mainColumns #contentColumn .tx-lzgallery-pi1 div#tx-lzgallery-pi1-listing .line1 h1{
	width:				29em;	
	float:				left;
	margin:				0;
	
}
#mainColumns #contentColumn .tx-lzgallery-pi1 div#tx-lzgallery-pi1-listing .line1 .count{
	padding:			1em;
	overflow:			visible;
        float:          right;
}
#mainColumns #contentColumn .tx-lzgallery-pi1 div#tx-lzgallery-pi1-listing .line2 {
	float:			    left;
	height:				10em;
	width:				47.5em;
	background-color:   #FCFCFC;
}
#mainColumns #contentColumn .tx-lzgallery-pi1 div#tx-lzgallery-pi1-listing .line2 .preview{
	float:			    left;
	width:				10em;
}
#mainColumns #contentColumn .tx-lzgallery-pi1 div#tx-lzgallery-pi1-listing .line2 .descr_short{
	padding:			2em 0 0 0;
	width:				20em;
	float:			    left;
}

/******************************************************************
* Einstellungen für das International Office
******************************************************************/

#contentColumn div.news-list-container div.io h1 {
    padding-left:		0.5em;
}

#contentColumn #news-single div.imageline {
	float:				left;
	width:				100%;
	margin-bottom:		0.8em;
}
#contentColumn #news-single div.imageline img {
	float:				left;
	margin:				0 0.4em 0.8em 0.4em;
}

/**********************************************************************************************
 * 		contactIng
 **********************************************************************************************/
#contentColumn .tx-gsocontactING-pi1{
	float:				none;
	display:			block;
}
#contentColumn .tx-gsocontactING-pi1 div a{
	color:				#666666;
	font-weight:		bold;
}
#contentColumn .tx-gsocontactING-pi1 div a:hover{
	color:				#FBA90F;
}

#contentColumn .tx-gsocontactING-pi1 .tx-gsocontactING-pi1-modeSelector {
	height:				2em;

}

#contentColumn .tx-gsocontactING-pi1-modeSelector div{
	display:			block;
	float:				left;
	width:				4em;
	border:				0 solid #666666;
	padding:			0.2em;
	margin:				0 0.5em 3em 0;
	text-align:			center;
	background-color:	#E6E6E6;
}
#contentColumn .tx-gsocontactING-pi1  .tx-gsocontactING-pi1-modeSelector div.active{
	background-color:	#0046A0;
}

#contentColumn .tx-gsocontactING-pi1 .tx-gsocontactING-pi1-modeSelector .active a{
	color:				#FFFFFF;
	font-weight:		bold;
}

#contentColumn .tx-gsocontactING-pi1 .tx-gsocontactING-pi1-listrow .entry{
	margin:				3em 0.5em 3em 0;
	list-style:			none;
	border:				0.1em solid #666666;
	padding:			0.5em;
	width:				47.5em;
    height:             auto;
	min-height:         7em;
    overflow:           hidden;

}

#contentColumn .tx-gsocontactING-pi1 div.tx-gsocontactING-pi1-listrow .title{
	background-color: 	#E6E6E6;
	padding:			0.2em 0.2em 0.2em 1em;

	margin:				0 0 0.3em 0;
}

#contentColumn .tx-gsocontactING-pi1 div.tx-gsocontactING-pi1-listrow .date{
	padding:			0.2em 0.2em 0.2em 1em;
	font-weight:		bold;
	color:				#0046A0;

}
#contentColumn .tx-gsocontactING-pi1 div.tx-gsocontactING-pi1-listrow .type{
	padding:			0.5em 0.2em 0.2em 1em;

}
#contentColumn .tx-gsocontactING-pi1 div.tx-gsocontactING-pi1-listrow img{
	float:     			right;
        margin: 		0;

}
#contentColumn .tx-gsocontactING-pi1 div.tx-gsocontactING-pi1-listrow table{  
    width:              100px;
    height:             10px;
}


#contentColumn .tx-gsocontactING-pi1 table td h2{
	margin:				0;
}

#contentColumn .tx-gsocontactING-pi1 table td{
	padding:			0.5em 0.5em 0.5em 1em;
	background-color:	#FCFCFC;
}
#contentColumn .tx-gsocontactING-pi1 table td.title{
	font-weight:		bold;
	text-align:			right;
    width:          	10em;
}

#contentColumn .tx-gsocontactING-pi1 .contenttable-2 .tr-0{
	text-align:         center;
    background-color:	#FCFCFC;
    padding:            2em;
    border:             0;
}
#contentColumn .tx-gsocontactING-pi1 .contenttable-2 {
	table-layout:       fixed;
}

/***************************************************************
           Studiengänge - Kurzinfos - Tabellenlayout
****************************************************************/
table#studieninfos
{
	width:				48.5em;
}
table#studieninfos th
{
	font-size: 			100%;
	vertical-align:		top;
	text-align:			left;
	padding: 			0.5em;
    border: 			0.3em solid #E6E6E6;
       	
}
table#studieninfos td
{
	font-size: 			100%;
	vertical-align:		top;
	padding: 			0.5em;
	
	
}
table#studieninfos td.si_title
{
	background-color: 	#E6E6E6;
        width:                        10em;
        font-weight:                bold;
        border-top: 0.3em solid #FCFCFC;
        border-left: 0.3em solid #E6E6E6;
}
table#studieninfos td.si_content
{
	background-color: 	#FCFCFC;
        border-top: 0.3em solid #E6E6E6;
        border-right: 0.3em solid #E6E6E6;
}

/***************************************************************
           Skyscraper - vertikales Werbebanner
****************************************************************/
#skyscraper {
	position:absolute;
	top:1em;
	left:63em;
	width:120px;
	height:600px;
}


/***************************************************************
           Flash Banner das Ohm macht
****************************************************************/
#rightColumn .tx-rbflashobject-pi1-swf_altcontent {
	margin-bottom:1em;
}



/***************************************************************
    Umfragen (pbsurvey) formatieren
****************************************************************/

div.tx-pbsurvey-pi1 div {margin-bottom: 10px;}
div.tx-pbsurvey-pi1 .pagenumbering {font-size: 60%; position: relative; height: 15px;}
div.tx-pbsurvey-pi1 .barcontainer {background-color: #FFFFFF; border: 1px solid #000000; width: 100px; height: 15px; position: absolute; z-index: 6; right: 0px;}
div.tx-pbsurvey-pi1 .bar {background-color: #E6E6E6; height: 15px; z-index: 4; position: absolute; left: 0px;}
div.tx-pbsurvey-pi1 .bartext {z-index: 5; text-align: center; position: absolute; left: 0px; width: 100px; height: 15px;}
div.tx-pbsurvey-pi1 .pageHeader {font-size: 150%; font-weight: bold; color: #003399;}
div.tx-pbsurvey-pi1 .pageIntroduction {}
div.tx-pbsurvey-pi1 .survey_item {margin:1.5em 0; padding:1em 2em;}
div.tx-pbsurvey-pi1 fieldset.survey_item {margin-right: 2em; margin-left:2em;}
div.tx-pbsurvey-pi1 .itemform {}
div.tx-pbsurvey-pi1 .question {font-size: 120%; font-weight: bold;}
div.tx-pbsurvey-pi1 .questionNumber {}
div.tx-pbsurvey-pi1 .questionSubtext {font-size:100%;}
div.tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align:text-top;}
div.tx-pbsurvey-pi1 .survey_error {color: #FF0000;}
div.tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;}
div.tx-pbsurvey-pi1 .matrix {width: 100%;}
div.tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #E6E6E6;}
div.tx-pbsurvey-pi1 .matrix .columnFirst {font-weight: bold; text-align: left;}
div.tx-pbsurvey-pi1 .matrix .columnNext {text-align: center;}
div.formbuttons {margin-left:2em;}
