@import url('reset.css');

/* BASIC */

html, body { line-height: 1.3em; 
	font-family: Frutiger, Univers, Arial, Helvetica, sans-serif;}
ul { padding-left: 1.5em; margin: 1.3em 0em; 
	list-style-type: disc; }

/* COLORS */
html, body { color: black; background-color: white; }

a { color: #008; }
a:visited { color: black; }
a:hover { background-color: #ddd; }

#header { border-top: 2px solid #feed00; }
#header h1 { background: url('images/gi-logo.gif') no-repeat; 
	 padding-left: 110px; }

#navigation { background: url('images/nav_back_grey.png') repeat-x;
	border: 1px solid #888; border-width: 1px 0px; 
	font-size: 0.7em; }
#navigation a { background: url('images/nav_back_yellow.png') repeat-x;
	border: 1px solid #a89e1c; 
	text-decoration: none; color: #555; }
#navigation a:hover { color: black; }

#content h2 { background-color: #feed00; }
#content h3 { background-color: #bbb; }
#content h2, #content h3 { border-bottom: 1px solid #555; }

p.errors { border: 1px solid #f00; border-width: 2px 0; color: #f00; }
p.success { border: 1px solid #070; border-width: 2px 0; color: #070; }
.required { color: #070; }

input[type=text], select { background-color: #ffa; border: 1px solid #888; }

/* POSITIONING and SIZING */

body { margin-bottom: 1em;}

#header, #content, #footer { width: 700px; margin: 0px auto; }

#header h1 { font-size: 1.4em; line-height: 1.2em;
	height: 80px; padding-top: 20px; 
	margin-bottom: 1em; }

#navigation { height: 21px; }
#navigation a { float:left; line-height: 11px; padding: 5px 3em;
	margin: -1px -1px -1px 0px; }

#content h2, #content h3 {
	font-size: 0.8em;
	padding: 1px 1em; margin: 1.3em 0px; }

#content p + p { margin-top: 1.3em;}

#content label { float: left; display: block; width: 8em; }
input, select { padding: 1px 2px; } 

#initiatoren { width: 100%; }
#initiatoren td { text-align: center;  }

#footer { font-size: 0.7em; }

/* REST */

#content h1,
#content h2,
#content h3 { clear: both; }