/**************************************************/

/* Stylesheet written by Frank Haydon             */

/* Copyright (C) 2007 ETH Zrich                  */

/* Center for Security Studies (CSS)              */

/* Don't use these Stylesheet without permission! */

/**************************************************/



/******* HTML and Body: universal styles *******/



html {

	height:100%; 

	max-height:100%; 

	padding:0; 

	margin:0; 

	border:0; 

	/* hide overflow:hidden from IE5/Mac */ 

	/* \*/ 

	overflow: hidden; 

	/* */ 

}

	

body {

	background-image: url(http://www.peacemediation.ch/images/main_bg.jpg);

	background-repeat: repeat-x;

	background-position: 0px 0px;

	background-attachment: scroll;

	margin: 0px;

	padding: 0px;

	width: 100%;

	height: 100%;

	max-height: 100%;

	overflow: hidden;

}



/******* layout elements: header, images, footer, logos *******/



#header {

	position: absolute;

	height: 195px;

	width: 100%;

	z-index: 1;

	top: 0;

	left: 0px;

}



#footer {

	position: absolute;

	width: 100%;

	margin-left: 0px;

	bottom: 0px;

	background-color: #FFFFFF;

	padding-top: 3px;

	border-top: 1px solid #999999;

	border-right: 1px solid #999999;

	z-index: 4;

}



#eda {

	margin-left: 20px;

	float: left;

	height: 50px;

	width: 40%;

	min-width:350px;

}



#css {

	float: left;

	height: 50px;

	width: 18%;

}



#swisspeace {

	float: left;

	height: 50px;

	width: 18%;

}

#disclaimer {

	float: left

	width: 24%;

	height: 50px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 120%;

	color: #999999;

	font-weight: lighter;

	cursor: pointer;

	padding-top: 6px;

	text-decoration: none
}

#disclaimer a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 120%;

	color: #999999;

	font-weight: lighter;

	text-decoration: none;

}


/******* title formats *******/



h1 {

	font-family: "Palatino Linotype", "Times New Roman", Times, serif;

	font-size: 50px;

	color: #660000;

	font-weight: lighter;

	display: block;

	width: 550px;

	line-height: 130%;

	margin-top: 0px;

}



h2 {

	font-family: "Palatino Linotype", "Times New Roman", Times, serif;

	font-size: 25px;

	line-height: 100%;

	font-weight: normal;

	color: #990000;

	margin-top: 0px;

	padding-top: 0px;

}



#title2 {

	width: 600px;

	position: absolute;

	top: 165px;

	left: 160px;

	margin-top: 0px;

	padding-top: 0px;

	padding-right: 24px;

	padding-left: 24px;

	padding-bottom: 5px;

	text-align: left;

	overflow: hidden;

	bottom: 70px;

	z-index: 2;

}



*html #title2 {

	height: 100%;

}





/******* main content *******/



#content {

	position: absolute;

	margin-top: 0px;

	padding-top: 0px;

	padding-right: 24px;

	padding-left: 24px;

	padding-bottom: 0px;

	text-align: justify;

	overflow: auto;

	display: block;

	left:160px;

	top:207px; 

	bottom:60px;

	width: 600px;

	scrollbar-base-color:#FFFFFF;

	scrollbar-3d-light-color: #FFFFFF;

	scrollbar-arrow-color:#111111;

	scrollbar-darkshadow-color:#FFFFFF;

	scrollbar-face-color:#E6E5D9;

	scrollbar-highlight-color:#FFFFFF;

	scrollbar-shadow-color:#FFFFFF;

	scrollbar-track-color:#FFFFFF;

	z-index: 3;

	overflow: auto;

}


* html #content {

	left:160px;

	top:207px;

	margin-bottom: 0px;

	padding-left:24px;

	width:600px;

	height: expression(document.body.clientHeight - (260) + "px");

}



#content p {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 160%;

	color: #333333;

	margin-top: 8px;

	margin-bottom: 8px;

}



#content ul {

	margin-left: 0px;

	padding-left: 10px;

	border-top: 1px solid #BCBDBD;

}

#content ol li {

	color: #333333;

	list-style-type: decimal;

	border-bottom: 0px;

	padding-right: 20px;

	text-align:justify;

	width: 400px;

	vertical-align:top;

	margin-top: 4px;

	text-align:left;

	display: left;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 160%;

}



#content li {

	text-align:left;

	display: left;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 160%;

	color: #333333;

	border-bottom: 1px solid #BCBDBD;

	list-style-type: none;

	padding-left: 0px;

	margin-left: 0px;

	width: 500px;

}



#content a {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 160%;

	color: #000050;

	text-decoration: none;

	background-color: #F5F5F5;

}



#content a:hover {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 160%;

	text-decoration: none;

	background-color: #E6E5D9;

}


#content a img {
	border: 0;
}

	

#content li a {

	display: block;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 160%;

	color: #333333;

	margin-left: 0;

	text-decoration: none;

	border-bottom: none;

	background-color: #FFFFFF;

	padding-left: 20px;

	background-image: url(http://www.peacemediation.ch/images/link.jpg);

	background-repeat: no-repeat;

	background-position: 0% 4px;

}



#content li a:hover {

	display: block;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 160%;

	color: #333333;

	margin-left: 0px;

	text-decoration: none;

	background-color: #E6E5D9;

	padding-left: 20px;

	background-image: url(http://www.peacemediation.ch/images/link_on.jpg);

	background-repeat: no-repeat;

	background-position: 0% 4px;

}



#content li.intern {

	display: block;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	text-align: left;

	line-height: 200%;

	color: #333333;

	margin-left: 0;

	padding-left: 0;

	text-decoration: none;

	background-color: #FFFFFF;

	background-image: none;

	list-style: none;

	border-bottom: 1px solid #BCBDBD;

}



#content li.intern a {

	display: block;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	text-align: left;

	line-height: 200%;

	color: #333333;

	margin-left: 0;

	padding-left: 0;

	text-decoration: none;

	background-color: #FFFFFF;

	background-image: none;

	list-style: none;

}



#content li.intern a:hover {

	display: block;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	text-align: left;

	line-height: 200%;

	color: #333333;

	margin-left: 0px;

	padding-left: 0;

	text-decoration: none;

	background-color: #E6E5D9;

	background-image: none;

}

.staff {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	text-align: left;

	margin-left: 0;

	margin-bottom: 3px;

	padding-left: 0;

	list-style: none;

	border-bottom: 1px solid #BCBDBD;

	border-top: 1px solid #BCBDBD;

}

.menutitle{

	cursor: pointer;

	margin-top: 5px;

	background-color: #F5F5F5;

	color: #000000;

	width: 100%;

	padding: 0px;

	text-align: left;

	font-weight: bold;

	border: 1px solid #E6E5D9;
}

.submenu{

	margin-bottom: 10px;

	background-color: #F5F5F5;

}


#footnote {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 9px;

	line-height: 150%;

	text-align: block;

	color: #333333;

	border-top: 1px solid #BCBDBD;



}



#footnote a {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 9px;

	line-height: 150%;

	text-align: block;

	color: #333333;

	border-bottom: none;

	background-color: #FFFFFF;

	text-decoration: none;

}



#footnote a:hover {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 9px;

	line-height: 150%;

	text-align: block;

	color: #333333;

	background-color: #FFFFFF;

	text-decoration: none;

}





/******* navigation *******/



#navigation {

	position: absolute;

	width: 160px;

	background-color: #E1E2E2;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #BCBDBD;

	border-left-color: #BCBDBD;

	position: absolute;

	top: 215px;

	left: 0px;

	bottom: 0px;

}



*html #navigation {

	height: 100%

}



#navigation ul {

	list-style-type: none;

	padding-left: 0;

	margin-left: 0;

	margin-top: 0px;

	text-indent: 10px;

	border-top: 1px solid #FFFFFF;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

}



#navigation li {

	border-bottom: 1px solid #FFFFFF;

}



#active a {

	display: block;

	background-color: #E6E5D9;

	color: #FFFFFF;

	width: 160px;

	text-decoration: none;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	padding-top: 3px;

	padding-bottom: 3px;

}

	

#navigation a {

	display: block;

	color: #990000;

	width: 160px;

	text-decoration: none;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	padding-top: 3px;

	padding-bottom: 3px;

}

#navigation a img {
	border: 0;
}

#navigation a:hover {

	background-color: #CCCCCC;

	color: #660000;

}

.subtitle {

	background-color: #F5F5F5;

	border: 0px solid #E6E5D9;

	width: 80px;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	cursor: pointer;

}

.scroll_nav_title{

	background-color: #F5F5F5;

	display: block;

	cursor: pointer;

	width: 100%;

	padding-top: 3px;

	padding-bottom: 3px;

	color: #990000;

	font-weight: bold;

	text-align: left;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	border:none;

}

.drop_nav_menu{

	margin-bottom: 0px;

	background-color: #F5F5F5;

}


/******* form styling *******/



#title {

	width: 390px;

	height: 26px;

	color: #333333;

	font-size: 12px;

	font-family: Helvetica, Arial, sans-serif;

	padding-top: 5px;

	text-align: left;

}



form {

	width: 390px;

}



.col1 {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	text-align: left;

	width: 105px;

	height: 25px;

	margin-top: 4px;

	margin-bottom: 6px;

	padding-top: 4px;

	padding-left: 5px;

	float: left;

	margin-right: 0px;

}



.col2 {

	width: 280px;

	height: 25px;

	display: block;

	float: left;

	margin-top: 4px;

	margin-bottom: 6px;

	padding-top: 4px;

	text-align: right;

}



div.row {

	clear: both;

	width: 390px;

}



.submit {

	height: 25px;

	width: 390px;

	display: block;

	clear: both;

	padding-top: 8px;

}



.input {

	background-color: #fff;

	font: 12px Helvetica, Arial, sans-serif;

	color: #333333;

	margin: 0;

	padding: 1px;

	border: 1px solid #E6E5D9;

	background-image: url(http://www.peacemediation.ch/images/bg_form.jpg);

	background-repeat: repeat-x;

}



.input:hover {

	background-image: url(http://www.peacemediation.ch/images/bg_form_2.jpg);

	background-repeat: repeat-x;

	font: 12px Helvetica, Arial, sans-serif;

	color: #333333;

	margin: 0;

	padding: 1px;

}



.input:focus {

	background-image: url(http://www.peacemediation.ch/images/bg_form_2.jpg);

	background-repeat: repeat-x;

	font: 12px Helvetica, Arial, sans-serif;

	color: #333333;

	margin: 0;

	padding: 1px;

	border: 1px solid #999999;

}



.button {

	background-color: #F5F5F5;

	border: 1px solid #E6E5D9;

	width: 80px;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	cursor: pointer;

}



.button:hover {

	background-color: #E6E5D9;

	border: 1px solid #999999;

	width: 80px;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

}



.button:focus {

	background-color: #E6E5D9;

	border: 1px solid #999999;

	width: 80px;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

}





/******* table styling *******/



tr {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #E1E2E2;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E1E2E2;

}



td {

	vertical-align: top;

	text-align:justify;

	border-top-width: 0;

}


table {


	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	table-layout:fixed;

}

.table_home {

	width:50%;

	height:80px;

	border-bottom: 2px solid #E6E5D9;

	border-right: 2px solid #E6E5D9;

	border-top: 0px solid #E1E2E2;

	border-left: 0px solid #E1E2E2;

	background-color: #F5F5F5;

	cursor: pointer;

	padding:3px;

	background-repeat: no-repeat;

}


.bild {

	vertical-align: top;

}