body {
	font-size: 11pt;
	font-family: Helvetica,Arial,sans-serif;
	min-width: 41em;
	font-weight: normal;
	color: rgb(0, 0, 0);
	background-color: #FFFFFF;
	background-image: url(/images/home/shadowframe.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0; padding: 0;
}

body a:link { font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
color: #0000AE;
}

body a:visited { font-family: Arial,Helvetica,sans-serif;
color: #0000AE;
font-weight: normal;
}

body a:hover { font-family: Arial,Helvetica,sans-serif;
color: rgb(153, 51, 153);
font-weight: normal;
}

body a:active {
font-family: Arial,Helvetica,sans-serif;
color: rgb(153, 51, 153);
font-weight: normal;
}
/*for window ip*/
html > body div#Seite {
	border-color: gray;
	rgb(153, 255, 153);
}


/*Formatting*/
div#plot_label {
	font-size: 9pt;
	text-align: justify;
	padding: 0.2px;
}
/*classes*/
p.normal { font-size:11pt; color:black; }
p.large { font-size:14pt; color:black; }
p.small { font-size:9pt; color:black; }

ul#my_item { 
	line-height: 20pt;
}



/*Style for Seite*/

div#Seite {
	margin: auto auto;
	padding: 1px;
	width: 1002px;
	color: rgb(0, 0, 0);
	text-align:center;
	position: center;
	background-attachment: scroll;
	min-height: 1000px;
	background-color: #D9FFD9;
}

/*Style for Seite*/

div#PgVol {
	margin: auto auto;
	padding: 1px;
	width: 980px;
	color: rgb(0, 0, 0);
	text-align:center;
	position: center;
	background-attachment: scroll;
	min-height: 700px;
	background-color: #D9FFD9;
}

/*Style for divs to divide page into columns including menus*/

div#menu_box_left {
	margin: 1px 0 0 0;
	padding: 0;
	float:left;
	width: 100px;
}

div#menu_box_right {
	margin: 1px 0 0 0; padding: 0;
	float: right; width: 100px;
}

div#menu_box_top {
  	margin-left: 0px;
	margin-top: 0px;   
	margin-right: 0px;
	margin-bottom: 0px; 
	padding:0px;
	width:99%;
}
div#large_middle_box_of_three{
   	margin-left: 105px;
	margin-right: 105px;
	margin-top: 1px;   
	margin-bottom: 1px; 
	min-width: 16em; 
	padding: 0;
	color: rgb(0, 0, 0);
}    

div#large_middle_box_of_two {
	margin-left: 105px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
	min-width: 16em;
	color: rgb(0, 0, 0);
}    
/*devide Inhalt in two small boxses like columns in a newpaper*/
div#left_column_box {
	float:left;
	width:35%;
	margin-right:0px;
	margin-left:1em;
	text-align:justify;
} 
div#right_column_box {
    float:right;
	width:35%;
	margin-right:1em; 
	margin-left:0em;
	text-align:justify;}
/* should be finished with <div style="clear:both"></div>*/

/*create a box on the right of the page (interesting for putting images on the right with text around).
You have to specify width by this way: <div class="adroite" style="width:359px"> for example */
.adroite {
	float: right;
	position: relative;
	right: 2px;	
	margin-left: 20px;
}

/*create a box on the left of the page (interesting for putting images on the left with text around).
You have to specify width by this way: <div class="agauche" style="width:359px"> for example */
.agauche {
	float: left;
	position: relative;
	left: 2px;	
	margin-right: 20px;
}

/*Inhalt*/

div#Inhalt {
	text-align: justify;
	margin-right: 10px;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 10px;
}    

div#Inhalt h1 {
    font-family: Arial,Helvetica,sans-serif;
	margin:0px;
	margin-bottom: 1px ;
	font-size: x-large;
	color: rgb(0, 51, 51);
	text-decoration: none;
	text-align: center;
}

div#Inhalt h2 { 
	font-family: Arial,Helvetica,sans-serif;
	margin: 1em 0pt 0.5em;
	font-size: large;
	text-align: center;
	color: rgb(0, 51, 51);
}

/*Menu general*/

#menu {
 	font-size: 9pt;
	text-align: left; 
}

#menu ul { margin: 0ex 0pt 0pt;
padding: 0pt;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#menu a{
	border: 1px outset;
	padding: 0.5em;
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	background-attachment: scroll;
	background-color: #336633;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 50%;
}

#menu a:hover {
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	background-attachment: scroll;
	background-color: #336633;
	background-position: 0% 50%;
}

#menu li {position: relative;
}

#menu ul ul ul { 
position: absolute;
top: 0pt;
left: 100%;
width: 100%;
}

div#menu ul ul ul, div#menu ul ul li:hover ul ul { display: none;
}

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display: block;
}

/* Menu horizontal */
ul#menu_hor li {
	float:left;
	margin:0;
	position:relative;
	text-align:center;
}

ul#menu_hor a {
	margin:0;
	width:10em;
	text-decoration:none;
	padding-right: 0.1em;
	padding-left: 0.1em;
}

/*To highlight the menubuttons of the active page*/

body#HOME a#menuleftHome,
body#Project a#menuleftProject,
body#Management a#menuleftManagement,
body#Data a#menuleftData,
body#Science a#menuleftScience,
body#Policy a#menuleftPolicy,
body#Outreach a#menuleftOutreach,
body#Internal a#menuleftInternal,
body#Blog a#menuleftBlog,
body#Contact a#menuleftContact
{color:#fff;background:#930;}

div#Intro a#menuIntro,
div#Act0_Man a#menuAct0,
div#Act1_GHG a#menuAct1,
div#Act2_CHE a#menuAct2,
div#Act3_AER a#menuAct3,
div#Act4_O3 a#menuAct4,
div#Act5_MOD a#menuAct5,
div#Act6_OUT a#menuAct6,
div#GEOSS a#menuGEOSS
{color:#fff;background:#930;}

div#ProMan a#menuProMan,
div#ProDM a#menuProDM,
div#ProSci a#menuProSci
{color:#fff;background:#930;}

div#Start a#menuIntro,
div#RightPub a#menuRiPub,
div#RightJob a#menuRiJob,
div#RightMet a#menuRiMet,
div#RightLin a#menuRiLin,
div#RightGen a#menuRiGen,
div#RightEdu a#menuRiEdu,
div#RightNew a#menuRiNew
{color:#fff;background:#930;}

/*Footer*/
#Fusszeile {
clear: both;
}

/* code added by Mary and Stefanie on 21.06.2010 */
/* .box div holds the bottom image */


  .box {
	background: url(../images/boxBottom.jpg);

    background-repeat: no-repeat
    background-attachment: scroll left bottom;
	background-position: left bottom;
	margin-bottom: 10px;
	width: 860px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
 }

 /*  this is the title h3 tag and contains the background
     image for the title	*/

  .box h3 {
	color: #000;
	font-size: 17px;
	height: 45px;
	line-height: 30px;
	width: 860px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	vertical-align: middle;
	margin: 0;
	background-color: #CCCCCC;
 }

 /* The paragraph tag contains the side borders mark-up */

 .box p {
	background: #ffffff none repeat scroll 0 0;
	border-color: #CCC;
	border-width: 0 1px;
	border-style: solid;
	color: #444444;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	/*width: 830px;*/
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 14px;
	
 }