/*
###########################################
## Basis Layout
###########################################
*/

/*
  shortCSS
  ----------------------------------------------------------
  background: #f00 url(bild.gif) no-repeat top left;
  font: normal 12px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
*/

/*
------------------------------------------
Global Reset
------------------------------------------
*/

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

p
{
	margin-bottom:10px;
}

/*
------------------------------------------
Headlines
------------------------------------------
*/

h1{
    font: normal 18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 20px;
    color: #54ab28 ;
}

#tip .contentTip H4{
	font: weight 11px/15px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
	font-style: italic;
	font-size:12px;
	color: #FFF;
	margin-bottom: 10px;
}

/*
------------------------------------------
Links
------------------------------------------
*/

A:link{
	text-decoration: none;
	color: #404040;
}

A:visited{
	text-decoration: none;
	color: #404040;
}

A:hover, A.active{
	color: #54ab28;
	text-decoration: none;
}

A:focus{
    outline: none;
}

A:active{
	color: #54ab28;
	text-decoration: none;
}

#tip .contentTip A:link, #tip .contentTip A:visited{
	padding-left: 8px;
	background: transparent url(../_img/_layout/img_linkTip.png) left 5px no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}

#tip .contentTip A:hover{
	text-decoration: underline;
}
/*
------------------------------------------
Images
------------------------------------------
*/

img, a img{
    border: 0px;
    display: block;
}

/*
------------------------------------------
 Standart elements
------------------------------------------
*/

#left p, #tip .contentTip P{
  font: normal 11px/15px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
  color: #404040;
  margin-bottom: 15px; 
}

#footer p{
  font: normal 11px/15px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
  color: #818181;
  margin-top: 9px;
  text-align: center;
}
 #tip .contentTip P{
	color: #FFF;
}

/*
------------------------------------------
Layout Styles
------------------------------------------
*/

#wrapper{
    margin: 0 auto;
    width: 100%;
	text-align: left;
}

#wrapperHeader{
	width: 100%;
	height: 105px;
	border-bottom: solid 1px #d1d1d1;

}

#header{
	width: 980px;
	height: 105px;
	clear: both;
}

#logo{
	width: 264px;
	height: 106px;
	display: inline;
	float: left;
	margin-left: 16px;
}

#utilities{	
	margin-top: 20px;
	float: right;
	display: inline;
	width: 300px;
	height: 40px;
}	

#utilities IMG{
	display: inline;
}

#langSwitch{
	float: left;
	display: inline;
	width: 100px;
	padding-top: 1px;
	font: bold 11px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
}

#langSwitch A:link,
#langSwitch A:visited{
	color: #9ea0a1; 
}

#langSwitch A:hover, 
#langSwitch A.active, 
#left .navigation  A.active{
	color: #54ab28; 
}

/*
#content #flashContent{
}
*/
#container{
	width: 1000px;
	min-height: 620px;
 	height:auto !important; /*min-height-hack*/
	height: 620px;

}

#left{
	min-height: 208px;
 	height:auto !important; /*min-height-hack*/
	height: 208px;
	width: 264px;
	margin-left: 16px;
	float: left;
}

/*------------------------------------------
News
------------------------------------------*/
#left #news{
	background: url(../_img/_layout/bg_news.png) left top repeat-y;
	min-height: 100px;
 	height:auto !important; /*min-height-hack*/
	height: 100px;
	width:204px;
	padding: 20px 30px 17px 30px;
	border-top: 1px solid #FFF;
}
	#news .content{
		margin-left:-5px;
	}
		#news .content a, 
		#news .content a:hover{
			color:#404040;
			font-size:12px;
			font-style:normal;
		}

#right{
    float: left;
    display: inline;
	margin-top: 48px;
	color:#404040
}

#content{
	width: 700px;
    clear: both;
}

#left #news .contentTitle{
	margin-bottom:22px;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#54AB28;
	width:210px;
	margin-bottom:0px;
}

	

#footer{
	background: url(../_img/_layout/bg_footer.png) left bottom no-repeat;
	width:265px;
	height: 29px;
	position:fixed;
	bottom: 0px;
	left: 16px;
    clear: both;
}

/*------------------------------------------
Navigation
------------------------------------------*/
.navigationHome{
	margin-bottom:-3px;
}

#navigation{
	background: url(../_img/_layout/bg_nav.png) left top no-repeat;
	min-height: 208px;
 	height:auto !important; /*min-height-hack*/
	height: 208px;
	width: 264px;
}
#navigation UL{
	padding-top: 1px;
}

#navigation LI{
	list-style: none;
}

#navigation  A:link,
#navigation  A:visited{
	background: url(../_img/_layout/img_bullit.png) 30px center no-repeat;
	font: normal 11px/18px "Arial", Helvetica, Tahoma, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	
	display: block;
	margin: 2px 3px;
	padding-top: 3px;
	padding-left: 40px;
	height: 20px;
}

#navigation  A:hover, 
#navigation  A:active{
	background-color: #FFF;
	color: #54ab28;
}

/*------------------------------------------
circle
------------------------------------------*/

#tip{
	position: relative;
	z-index: 0;
	padding-left: 135px;
	height: 400px;
	width: 565px;
}
#tip .contentTip  {
	position: absolute;
	/*width: 245px;*/
	width: 260px;	
	height: 165px;
	overflow: hidden;
	z-index:10;
}

.wrapperClose{
	position: relative;
	width: 26px;
	height: 26px;
	z-index: 100;
}

.close{
	position: absolute;
	cursor: pointer;
	width: 26px;
	height: 26px;
}

/*gradschool*/
#tipItem1 .wrapperClose{
	top: 49px;
	left: 419px;
}

#tipItem1{
	position: absolute;
	top: 0px;
	left: 189px;
	width: 445px;
	height: 253px;
	background: transparent url("../_img/_layout/bg_graduateSchool.png") left top no-repeat;
	z-index: 20;
}

#tip #tipItem1 .contentTip{
	left: 153px; 
	top: 65px;
}

/*youngscientistsnetwork*/
#tipItem2 .wrapperClose{
	top: 54px;
	left: 427px;
}

#tipItem2{
	position: absolute;
	top: 103px;
	left: 132px;
	width: 479px;
	height: 285px;
	background: transparent url("../_img/_layout/bg_network.png") left top no-repeat;
	z-index: 20;
}

#tip #tipItem2 .contentTip{
	/*left: 175px;*/
	left:165px;	
	top: 70px;
}

/*businessnetwork*/
#tipItem3 .wrapperClose{
	top: 10px;
	left: 405px;
}

#tipItem3{
	position: absolute;
	top: 130px;
	left: 152px;
	width: 431px;
	height: 251px;
	background: transparent url("../_img/_layout/bg_business.png") left bottom no-repeat;
	z-index: 20;
}

#tip #tipItem3 .contentTip{
	left:145px;
	top: 25px;
}

/*learningcenter*/
#tipItem4 .wrapperClose{
	top: 60px;
	left: 399px;
}

#tipItem4{
	position: absolute;
	top: 73px;
	left: 290px;
	width: 457px;
	height: 263px;
	background: transparent url("../_img/_layout/bg_learningCenter.png") left top no-repeat;
	z-index: 20;
}
#tip #tipItem4 .contentTip{
	left: 163px; 
	top: 80px;
}

/*communicationevents*/
#tipItem5 .wrapperClose{
	top: 3px;
	left: 348px;
}

#tipItem5{
	position: absolute;
	top: 0px;
	left: 152px;
	width: 480px;
	height: 290px;
	background: transparent url("../_img/_layout/bg_events.png") left bottom no-repeat;
}
#tip #tipItem5 .contentTip{
	left: 30px;
	top: 20px;
}


/*powermail form*/
.tx-powermail-pi1
{
	float:left;
	padding-top:20px;
	padding-bottom:10px;
	width:520px;
}

	/*form*/	
	.tx_powermail_pi1_form
	{
		margin-bottom:0px;
	}
	
	.tx-powermail-pi1 FIELDSET
	{
		border:0px;
		padding:0px;
		margin:0px;
	}
		.tx-powermail-pi1 LEGEND
		{	
			display:none;
		}
	
	.tx-powermail-pi1 .form
	{
		margin-bottom:7px;
	}
	
		.tx-powermail-pi1 .label	
		{
			width:80px;
			text-align:left;
			font-weight:bold;
		}
		
		.tx-powermail-pi1 .textfieldsmall
		{
			width:45px;
		}
		
		.tx-powermail-pi1 .textfield,
		.tx-powermail-pi1 .selectbox,		
		.tx-powermail-pi1 .fileupload
		{
			width:320px; 	
			height:13px;
			color:#404040;
			font-size:9pt;
			font-family:"Arial", Helvetica, Tahoma, Verdana, sans-serif;						
			background-color:#f9f9f9;
			border:1px solid #d3d3d3;
		}
		
		.tx-powermail-pi1 .countries
		{
			width:326px;
		}
		
		.tx-powermail-pi1 .textarea
		{
			width:320px; 
			height:100px;
			color:#404040;
			font-size:9pt;	
			font-family:"Arial", Helvetica, Tahoma, Verdana, sans-serif;			
			background-color:#f9f9f9;
			border:1px solid #d3d3d3;
		}
		
		.tx-powermail-pi1 .field .captchaPicture
		{
			margin: 0px;
		}
		
			.tx-powermail-pi1 .field .captchaPicture IMG.tx-srfreecap-pi2-image
			{
				margin-left: 0px;
				margin-top: -5px;
				margin-bottom: 3px;				
				height: 50px;				
			}
			
		.tx-powermail-pi1 .tx-srfreecap-pi2-cant-read
		{
			color: #404040;	
		}
		
			.tx-powermail-pi1 .tx-srfreecap-pi2-cant-read A
			{
				color: #54ab28;	
			}
					
		.tx-powermail-pi1 .datetime INPUT,
		.tx-powermail-pi1 .datetime IMG
		{
			float:left;
		}		
		
		.tx-powermail-pi1 .htmlContent
		{
			width:310px; 
			margin-left:161px;
			margin-bottom:2px;	
		}

		.tx-powermail-pi1 .contentBlock
		{
			padding-left:10px; 
			padding-right:10px;
			width:310px; 
			margin-bottom:2px;
		}
	
		.tx-powermail-pi1 .button
		{
			position:relative;
			margin-left:80px; 
			margin-top:10px;
		}
					
	/*java script error message*/
	.tx-powermail-pi1 .powermail_mandatory_js
	{
		color:#d3d3d3;
		font-size:11px;
	}
	
	/*server error messages*/	
	.tx-powermail-pi1 .tx-powermail-pi1_mandatory
	{
	}	
		.powermail_mandatory_list
		{
			margin-left:13px;
			margin-top:7px;
			margin-bottom:8px;
		}
		
		.tx-powermail-pi1_mandatory .backButtons 
		{
			margin-left:1px;
		}
		
		.tx-powermail-pi1_mandatory .backButtons A
		{
			color:Black;
		}

	/*thank you message*/	
	.tx-powermail-pi1 .tx-powermail-pi1_thx
	{
	}