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

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

/*
weiss: #ffffff				background page
schwarz: #000000			text
dunkelgrau: #5B5A5A			background hauptnavigation
grau: #808080				background subnavigation
h'grau: #F1F1F1
h'grün: #D0E9C2
grün: #006600				links active
d'grün: #265611				background navigation active
türkis: #D6EEE0				background navigation
blau: #0000ff				links visited
hellgelb: #ffff99			background side bar
gelb: #FFFF33;				aktive Links
rosa: #ffccff				background important info
pink: #E000E0               text warning
*/

/* 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: 12pt; color: #006600; padding:2px; background:#D7EDE0; border-bottom: 1px dotted #006600; margin-top: 0px;}
h3 {font-weight: bold; font-size: 12pt; color: #006600; padding:2px; background:#D7EDE0; border-bottom: 1px dotted #006600; margin-top: 20px;}
h4 {font-weight: bold; font-size: 10pt; color: #006600; padding:1px; background:#D7EDE0; border-bottom: 1px dotted #006600; margin-top: 20px}
h5 {font-weight: bold; font-size: 9pt; color: #006600; padding:1px; background:#D7EDE0; border-bottom: 1px dotted #006600; margin-top: 20px}
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; vertical-align:middle; }
.alert_small { font-weight: normal; font-size: 10pt; color: #a94442; }
.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; }
.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: 3px; }
.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;}
.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;
}


a.ButtonLink:link { 
	background-color:#808080;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #333333;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	padding:4px 12px;
	text-decoration:none;}
a.ButtonLink:visited { 
	color: white; 
	background-color:#808080;}
a.ButtonLink:hover { 
	background-color:#006600;
}

.search_button { background-color:#808080; color:#ffffff; width:22px; border:1px solid #F1F1F1; font-size: 10px; float: right; }
.search_button:hover { background-color:#D0E9C2; color:#000000; width:22px; border:1px solid #F1F1F1; font-size: 10px; float: right; }
.search_input { color:#5B5A5A; border:1px solid #808080; width: 150px}
.search_text { color:#5B5A5A; border:1px solid #808080; width: 122px}


/* Layout elements
Use overflow: hidden; to remove unnecessary floats.
--------------------------------------------------------------------------------------- */

body#home a#navhome, 
body#about a#navabout, 
body#membership a#navmembership, 
body#membership_benefits a#navmembership_benefits, 
body#membership_update a#navmembership_update, 
body#members a#navmembers, 
body#contacts a#navcontatcs, 
body#publications a#navpublications, 
body#events a#navevents, 
body#jobs a#navjobs, 
body#wg a#navwg, 
body#links a#navlinks, 
body#memberarea a#navimemberarea { color: #FFFF33;}

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

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

#header {
	overflow: hidden;
	background-image: url(../images/header_top.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 10px 20px 10px;
}

#sidebar {
	float: left;
	width: 150px;
	padding: 20px 10px 20px 10px;
}
#searchfunction {
	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;
}