html, body {
	font-family:"News Gothic MT", "Trebuchet MS";
	font-size:13px;
	margin: 0px;
	padding:0px;
	background-image:url(../images/bg.gif);
}

h1, h2, h3, h4, h5, h6, p, form, ul  {
	margin: 0px;
	padding:0px;
}

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFF;
}

#content {
	width:778px;
	margin:0px auto;
	background-image:url(../images/bg_header_top.gif);
	background-repeat:repeat-x;
	background-position:top;
}

/********************************
 * Header
 ********************************/
 
#header {
	min-height:76px;
}

#logo {
	width:258px;
	height:76px;
	float:left;
	text-align:center;
}
#logo img {
	border:none;
	padding-top:10px;
}

#links {
  text-align:right;
}

#links ul {
	margin:0px; 
	padding-top:47px;
}

#links li{
	float:left;
	list-style-type:none;
	min-width:129px;
	min-height:25px;
	text-align:center;
	font-weight:bold;
	/*background-color:#F4A80A; */
	background-color:#FF9100;
	border-left:1px solid #FFF;
	padding-top:4px;
}

#links li.current {
	font-weight:bold;
	background-color:#018FBE;
	color:#fff;
	font-size: 15px;
}

#links a{
  color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#links a:hover{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#mainimg {
	background-image:url(../images/main_img.jpg);
	background-repeat:repeat-x;
	background-color:#1093BF;
	min-height:132px;
	text-align:right;
}

#mainimg h3 {
	font-size:35px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:25px 40px 5px 0px;
}

#mainimg h4 {
	font-size:18px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px 0px 0px;
}
#mainimg a {
	color:#fff;
	text-decoration:none;
}


/********************************
 * Content
 ********************************/
 
#contentarea {
	clear:both;
	margin:25px 0px;
}

/********************************
 * Left
 ********************************/
 
#leftbar {
	color:#797B7A;
	float:left;
	width:499px;
	border-right:1px solid #BCBDBC;
  padding:0px 20px;
}

#leftbar h2{
	font-size:26px;
	color:#EE8907;
	font-weight:normal;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:5px;
}

#leftbar h3 {
	color:#018FBE;
	padding-top:5px;
	padding-bottom:3px;  
}

#leftbar h4 {
	padding-top:5px;
	padding-bottom:3px;  
}

#leftbar p{
	font-weight:normal;
	text-decoration:none;
  padding-left:20px;
}
#leftbar ul {
  padding: 0px 0px 0px 60px;
}

#leftbar h3.project {
  padding-left:20px;
}
#leftbar p.project  {
	padding:2px 0px 5px 40px;
}

#leftbar a {
	color:#018FBE;
	/* font-weight:bold; */
	text-decoration:none;
}

#leftbar a:hover {
	color:#000;
	/* font-weight:bold; */
	text-decoration:underline;
}

/********************************
 * Right
 ********************************/
 
#rightbar {
	color:#797B7A;
	font-size:11px;
	float:left;
	width:197px;
	padding:0px 20px;
}

#rightbar h2{
	font-size:26px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
}

#rightbar h3 {
	color:#EE8907;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:2px;
}

#rightbar p{
	font-weight:normal;
	text-decoration:none;
	padding-bottom:10px;
}

#rightbar a {
	color:#018FBE;
	text-decoration:none;
}

#rightbar a:hover {
	color:#000;
	text-decoration:underline;
}

#rightbar ul {
  padding: 0px 0px 0px 40px;
}

#rightbar p.photo{
	text-align:center;
}

#rightbar div#instlogos{
	color:#797B7A;
	text-align:center;
	padding-top:20px;
	vertical-align:bottom;
}
#rightbar div#instlogos img{
	border: none;
	padding-top:10px;
	padding-bottom:10px;
}

#rightbar div#dagstuhl{
	color:#797B7A;
	text-align:center;
	vertical-align:bottom;
        background-image:url(../images/dagstuhl.jpg);
	border: 1px solid #797B7A;
	margin-top:10px;
	margin-bottom:10px;
        width:185px;
        height:236px;
}

#rightbar div#dagstuhl:hover{
        background-image:url(../images/dagstuhl_hover.jpg);
}

/********************************
 * Footer
 ********************************/
 
#bottom {
	clear:both;
	height:32px;
	padding-top:25px;
}

#email {
	color:#fff;
	font-size:11px;
	float:left;
	width:500px;
	/*background-color:#9BBE00;*/
	background-color:#018FBE;
	height:27px;
	padding-top:5px;
}

#email p{
	padding:0px 40px;
}

#email a{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#email a:hover{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
	
}

#validtext {
	font-size:11px;
	float:left;
	width:278px;
	background-color:#018FBE;
	height:27px;
	padding-top:5px;
}

#validtext p{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding-right:35px;
}

#validtext a{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#validtext a:hover{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#breadcrumbs{
   position:absolute;
   color:white;
   margin-left:5px;
   font-size: 10px;
  }

#breadcrumbs a {
   color:white;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

#contentlogos {
  text-align:center;
	padding-top:10px;
}
#contentlogos img {
  border:none;
	padding:10px 5px;
}
