/* IOBC-WPRS CSS
www.e-maintenance.ch
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
white: #ffffff				background page
black: #666666				text
light grey: #F1F1F1
grey: #808080				background subnavigation
dark grey: #5B5A5A			background main navigation
very light green: #D0E9C2
glooming green: #76c000		button hover
light green: #6E9A2B
green: #006600				links active
dark green: #265611			background navigation active
turquoise: #D6EEE0			background navigation
blue: #0000ff				links visited
light yellow: #ffff99		background side bar
yellow: #FFFF33;			emphasize
pink: #ffccff				background important info
*/

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

* {	margin: 0; border: 0; padding: 0;}

/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {background-image:url(images/bg.jpg); background-repeat:repeat; background-position:center top;}
body {line-height: 1.43em; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {text-align: left;}
a:active {color: #333333;}
a:link {color: #006600;}
a:visited {color: #006600;}
a:hover {text-decoration: underline;}
p {font: 9pt Arial, Helvetica, sans-serif; margin-top: 0.8em; margin-bottom: 0.8em;}
h1 {padding: 150px 0 0 0;}
h1 span {display: none;}
h2 {font-weight: bold; font-size: 13pt; color: #006600; background:#D6EEE0; padding:2px;}
h3 {font-weight: bold; font-size: 11pt; color: #006600; background:#D6EEE0; padding:2px;}
h4 {font-weight: bold; font-size: 10pt; color: #006600; padding-top:10px;}
h5 {font-size: 9pt; color: #006600; padding:1px;}
ol {list-style-type: decimal; font: 9pt Arial, Helvetica, sans-serif; padding-left: 15px;}
ul {font: 9pt Arial, Helvetica, sans-serif; padding-left: 15px;}
table { }
td {font: 9pt Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 0; vertical-align:top; overflow:hidden; padding: 0px }
.table_title {font: 8pt Arial, Helvetica, sans-serif; font-weight: bold; background-color:#D6EEE0; border:1px solid #CCC;}
.table_toolbox {font: 8pt Arial, Helvetica, sans-serif; border:1px solid #CCC;}
.table_toolbox_italic {font: 8pt Arial, Helvetica, sans-serif; font-style: italic; border:1px solid #CCC;}
.table_framed {border-collapse: collapse; border:1px solid #CCC; padding: 3px 5px 3px 5px; }
.border {
	border: 1px solid #CCC;
}
.foot { font-weight: normal; font-size: 8pt;}
.text_left {text-align: left;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.green_bold { font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica; color: #006600; }
.warning { color: #FF0000; }
.links {float: left; margin: 0 0.5em 0.5em 0;}
.rechts {float: right; margin: 0 0 0.5em 0.5em;}
.float_right {float: right; margin: 0 0 0 20px;}
.float_left {float: left; margin: 0 20px 0 0;}
.framed_marked_yellow { background-color:#FFFFA8; border:1px solid #808080; padding: 5px; }
.framed_marked_pink { background-color:#FFE2D2; border:1px solid #808080; padding: 5px; }
.framed_marked_grey { background-color:#efefef; border:1px solid #808080; padding: 10px; }
.framed_marked_turquois { background-color:#D6EEE0; border:1px solid #808080; padding: 5px;}
.framed { border:1px solid #808080; padding: 5px;}
.bg_worldmap { background-image:url(images/welcome_worldmap_no_text.jpg); background-repeat:no-repeat; }
.sidebar_foto_center {text-align: center; padding: 43px 0; }
.sidebar_heading {font-weight: bold; font-size: 11pt; color: #006600;}
form {  }
input, select, textarea {border:1px solid #808080;}
.Bereich, .Feld { background-color:#F1F1F1; }
.Auswahl { background-color:#F1F1F1; border:1px solid #5B5A5A; width:300px; }
.Check, .Radio { background-color:#F1F1F1; border:1px solid #5B5A5A; }
.Button {
background-color: #FFFF00;
color:#ffffff;
border: 1px inset #265611;
padding: 2px;
margin-left: 0px;
}
.Button:hover {
background-color: #D0E9C2;
color:#000000;
border: 1px inset #265611;
padding: 2px;
margin-left: 0px;
}
.search_button { background-color:#808080; color:#ffffff; width:24px; height: 22px; border:1px solid #F1F1F1; font-size: 9pt; float: right; }
.search_button:hover { background-color:#D0E9C2; color:#000000; width:24px; height: 22px; border:1px solid #F1F1F1; font-size: 9pt; float: right; }
.search_input { height: 20px; color:#5B5A5A; border:1px solid #808080; width: 150px}
.search_text { height: 20px; color:#5B5A5A; border:1px solid #808080; width: 122px}

.searchproduct_button { background-color:#808080; color:#ffffff; width:50px; height: 22px; border:1px solid #F1F1F1; font-size: 10px; float: right; }
.searchproduct_button:hover { background-color:#D0E9C2; color:#000000; width:50px; height: 22px; border:1px solid #F1F1F1; font-size: 10px; float: right; }
.searchproduct_input { height: 20px; color:#5B5A5A; border:1px solid #808080; width: 270px}
.searchproduct_text { height: 20px; color:#5B5A5A; border:1px solid #808080; width: 245px}


/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */

body#home a#navhome, 
body#job a#navjob,
body#donate a#navdonate,
body#news a#navnews, 
body#member a#navmember, 
body#people a#navpeople, 
body#iobcglobal a#naviobcglobal, 
body#about a#navabout, 
body#membership a#navmembership, 
body#expertgroups a#navexpertgroups, 
body#ip_ipm a#navip_ipm, 
body#db a#navdb, 
body#publication a#navpublication, 
body#events a#navevents, 
body#links a#navlinks, 
body#restricted a#navrestricted,
body#memberarea a#navimemberarea,
body#shop a#navshop { color: #FFFF33;}

#wrapper {
	width: 960px;
	margin:0 auto;
	text-align:center;
	background-image: url(images/bg_content.jpg);
	background-repeat: repeat-y;
}

#wrapper_wide {
	width: 960px;
	margin:0 auto;
	text-align:center;
	background-image: url(images/bg_content_wide.jpg);
	background-repeat: repeat-y;
}

#header {
	overflow: hidden;
	background-image: url("images/header_oben.jpg");
	background-color: #D6EEE0;
	background-repeat: no-repeat;
	background-position: left top;
}
#header a, #header a:visited, #header a:hover { color: #ffffff; text-decoration: none;}

#navigation {
	float: left;
	width: 180px;
	height: 100%;
	padding: 0px;
}
#navigation a, #navigation a:visited, #navigation a:hover { color: #ffffff; text-decoration: none;}

#content {
	float: left;
	width: 560px;
	padding: 20px 20px 20px 20px;
}

#content_wide {
	float: left;
	width: 740px;
	padding: 20px 20px 20px 20px;
    background-color: #FFFFFF;
}

#content_wide_left {
	float: left;
	width: 350px;
	padding: 10px 0px 10px 0px;
}

#content_wide_right {
	float: right;
	width: 350px;
	padding: 10px 0px 10px 0px;
}


#sidebar {
	float: left;
	width: 150px;
	padding: 20px 10px 20px 10px;
}
#searchfunction {
	padding: 0px;
}

#searchproduct {
	padding: 0px;
}

#footer {
	clear: both;
	background: #5B5A5A;
	font: 0.5em/0.7em Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0 20px 0 20px;
}
#footer a, #footer a:visited, #footer a:hover {
	color: #f1f1f1;
}