@charset "UTF-8";

/* author: Mira Krämer
 * Last changes: 15.08.2012
 */


/* General Page Settings */

body {
 width:100%;
 margin: 30px 0 30px 0;
 padding: 0 0 0 0;
 font-family:Arial, Verdana;
 background-color:#e1ddd9;	
}

iframe{
 margin:40px 40px 40px 40px;	
}

#contentcontainer{
 width:915px;
 padding: 0;
 margin:0;
 background-color:#ffffff;
 border: 1px solid #000000;
 border-radius: 10px 0 10px 0;
 margin: 0px auto 0px auto;
 text-align: justify;
 -webkit-box-shadow: 2px 0px 10px #4c4c4c; /* webkit browser*/
 -moz-box-shadow: 2px 0px 10px #4c4c4c; /* firefox */
}

#content{
 font-size:14px;
 padding:30px 30px 30px 30px;	
}

#theform{
 width: 50%;
 float:left;
 border-right: 0.5px solid #b3b3b3;
}

#theplot{
 width: 45%;
 float:right;
 padding: 10px 10px 10px 10px;
}

#theformandtheplot{
 border: 0.5px solid #b3b3b3;
 overflow: hidden;
 //margin:40px 0 20px 0;
 padding:10px 0 10px 0;	
}

#headline_links{
 border-bottom: 2px dotted #b3b3b3;	
 margin: 10px 20px 10px 20px;
}


header{
 font-size:14px;
 padding: 10px 30px 10px 30px;
 margin-right:30px;	
 background: transparent url(logo_helmholtz_ger.gif) no-repeat right;
}

footer{
 padding: 40px 20px 10px 20px;
 font-size: 12px;
 margin: 0px 30px 0px 0;
 height:80px;
 background: transparent url(PhysicsAtTerascaleLogo_Desy.jpg) no-repeat right;
}

/* General Settings of Elements */

a:link{
 text-decoration:none;
 color:#4251c6;	
}

a.button:link{
 text-decoration:none;
 color:#ffffff;	
}

a:visited{
 text-decoration:none;
 color:#3b4a8f;	
}

a:hover{
 text-decoration:underline;	
}


/* Top Navigation Bar  */

#nav{
 background-color:#555555;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#808383), color-stop(50%, #555555));
 background: -moz-linear-gradient(top, #808383, #555555 50%);
 padding: 0 20px 0 20px;
 margin: 0 0 0 0;
 text-decoration:none;	
}

#nav ul{
 list-style:none;
 padding: 0px 0 0px 0;
 margin: 0 0 0 0;	
 text-align:center;
}

#nav ul li{
 float:left;
 position:relative;
 margin:0 0 0 0;
 padding: 5px 0px 5px 0px;
 width:9em;	
 height:1.3em;
 border-left: 1px solid #ffffff;
}

#nav ul li#last{
 border-right: 1px solid #ffffff;	
}

#nav ul li#activelast{
 border-right: 1px solid #ffffff;
 background-color:#3b4a8f;	
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#3b4a8f), color-stop(50%, #4251c6));
 background: -moz-linear-gradient(top, #3b4a8f, #4251c6 50%);
}

#nav ul li a{
 color:#ffffff;
 text-decoration:none;
}

#nav ul li:hover, li#active{
 background-color:#3b4a8f;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#3b4a8f), color-stop(50%, #4251c6));
 background: -moz-linear-gradient(top, #3b4a8f, #4251c6 50%);	
}

 /*Drop Down Menu*/



#nav ul li ul li {
 float: none;
 display: block;
 margin: 0 0 0.2em 0 ;
 background-color:#555555;
 /*left: -0.65em;*/
 top:0.9em;
 border-left: 0;
}

#nav ul li ul li:hover, #nav ul li ul li#active{
 background-color:#3b4a8f;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#3b4a8f), color-stop(50%, #4251c6));
 background: -moz-linear-gradient(top, #3b4a8f, #4251c6 50%);	
}

#nav ul li>ul {
 display: none; 
 top: 1.6em;
}

#nav ul li:hover>ul, #nav ul li#active+ul {
 display: block;
} 


#coloredbar{
 background-color:#4251c6;	
}

/* Bottom Navigation Bar  */

#footernav{
 background-color:#555555;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#808383), color-stop(50%, #555555));
 background: -moz-linear-gradient(top, #808383, #555555 50%);
 padding: 0 20px 0 20px;
 margin: 0 0 0 0;	
 font-size:12px;
}

#footernav ul{	
 text-align:center;	
 list-style:none;
 padding: 3px 0 3px 0;
 margin: 0 0 0 0;	
}

#footernav ul li{
 display:inline;	
 margin:0 0 0 0;
 padding: 3px 10px 3px 10px;	
}

#footernav ul li a{
 color:#ffffff;
 padding:0 0 0 0;
 text-decoration:none;
}

#footernav ul li:hover{
 background-color:#3b4a8f;
 display:inline;	
}

/* Forms */

fieldset{
 border: 0;	
}

fieldset ul{
 list-style: none;
 margin:0;
 padding:0;	
}

fieldset ul li{
 margin: 0.5em 0.5em 0.5em 0.5em;	
}

// #contactform ul li label{
//  text-align:right;	
//  margin: 5px 15px 0px 0px;
//  width:260px;
//  float:left;
// }
// 
// #captchaimg{
//  display:block;
//  margin-left:280px;
//  margin-bottom:10px;	
// }
// 
// div.buttondivcontact{
//  margin-left:280px;	
// }

label[class="block"]{
 display:block;	
}

input, select{
 border: 1px solid #3a3a3a;	
 font-family:Arial, Verdana;
 font-size:14px;
 margin: 0.3em 0.3em 0.3em 0.3em;	
}

input.ErrorField{
 border: 2px solid #dc0202;	
} 

p.ErrorField{
 color:#dc0202;	
}

.button{
 background-color:#555555;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#808383), color-stop(50%, #555555));
 background: -moz-linear-gradient(top, #808383, #555555 50%);
 padding: 0.5em 0.7em 0.5em 0.7em;
 color:#ffffff;	
 border:0px;
}

.button:hover{
 color:#ffffff;	
 background-color:#3b4a8f;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#3b4a8f), color-stop(50%, #4251c6));
 background: -moz-linear-gradient(top, #3b4a8f, #4251c6 50%);		
}


div.buttondiv{
 margin: 20px 10px 0px 10px;	
}


/* To prevent Firefox bug */
.clear{
 clear:both;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox{
 cursor: default;
 list-style: none;
 margin:0 0 0 0px;
 padding:0;
}

.hoverbox ul{
 padding:0 0 0 0;
 margin:0 0 0 0;	
}

.hoverbox a{
 cursor: default;
}

.hoverbox a .preview{
 display: none;
}

.hoverbox a:hover .preview{
 display: block;
 position: absolute;
 top: -100px;
 left: -255px;
 z-index: 1;
}

.hoverbox img{
 background: #fff;
 color: inherit;
 padding: 0px;
 margin:0;
 width: 380px;
 height: 300px;
}

.hoverbox li{
 color: inherit;
 display: inline;
 float: left;
 margin: 3px;
 padding: 5px;
 position: relative;
}

.hoverbox .preview{
 width: 760px;
 height: 600px;
}

/* Other definitions */

.bottomline{
 border-bottom: 0.5px solid #b3b3b3;	
}