/* screen.css */

/* FIXME:
	Structure:
	1. Basic Layout (the basics, standards conform); media: screen, presentation
	2. Layout & Design (positional layout - site design)
	3. Basic Typography (the basics, i.e. quotes, em-basedness, sizes, etc.)
	4. Typograhic Design (typographical site design, i.e. fonts, special colors, boxes, etc.)
	5. Browser Hacks & Quirks (as few as needed)
	6. Print Layout (A4); media: print

	English tag names
*/

/*** The Essential Code ***/

html, body {
	margin : 0;
	padding : 0;
}

body {
	font : 90%/1.33 Arial, Helvetica, sans-serif;
	font-size-adjust: 0.46;
}

#pageheader {
	color:#000000;
	background-color:#a9d1ff;
	text-align:center;
}

#main, #mainWide {
	background-color: #fff;
}
#menu, #news {
	background-color: #eae9e8;
	color:#3179ac;
}

#wrapper {
	float: left;
	width: 100%;
}

#main {
	margin: 0 25% 0 25%;
	padding: 2%;
}

#mainWide {
	margin: 0 0% 0 25%;
	padding: 2%;
}

#menu {
	float: left;
	width: 21%;
	margin-left: -100%;
	padding: 2%;
}

#news {
	float: left;
	width: 21%;
	margin-left: -25%;
	padding: 2%;
}

#pageheader, #pagefooter {
	clear: left;
	width: 96%;
	padding: 2%;
}

#pagefooter {
	text-align:center;
	font-size:smaller;
}


a {
	text-decoration:none;
	color:#3179ac;
}


a:hover {
/*
	color: #000;
	background-color:#a9d1ff;
*/
	text-decoration: underline;
}


#menu ul {
	list-style-type : none;
	margin-left: 0;
	padding-left: 1em;
}

form {
	padding:0.5em;
}
input, select, textarea {
}
.Bereich, .Feld {
/*	width:25em; */
}
.Auswahl {
/*	width:25em; */
}
.Check, .Radio {
	width : 1em;
}
.Button {
	width: 8em;
}

/*** Fonts and sizes ***/

p {
	font-size: 1em;
	margin: 0.75em 0 0 0;
}

h6 {
	font: bold 1.0em/1.1;	
	margin: 0.75em 0 0 0;
}

h5 {
	font: bold 1.2em/1.1;
	margin: 0.75em 0 0 0;
}

h4 {
	font: bold 1.4em/1.1;
	margin: 0.75em 0 0 0;
}

h3 {
	font: bold 1.6em/1.1;
	margin: 0.75em 0 0 0;
}

h2 {
	font: bold 1.8em/1.1;
	margin: 0.75em 0 0 0;
}

h1 {
	font : bold 2.0em/1.1;
	margin: 0.75em 0 0 0;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
	margin-top: 0.25em;	
}

#pageheader h1 {
	margin: 0;
}

/*** Some basic typography ***/

blockquote:lang(en), q:lang(en) {
quotes: "\2018" "\2019" "\201C" "\201D";
}

blockquote:lang(de), q:lang(de) {
/* quotes: "\201E" "\201C" "\201A" "\2018"; */
quotes: "\00BB" "\00AB" "\203A" "\2039";
}

blockquote:before, q:before {
content: open-quote;
}

blockquote:after, q:after {
content: close-quote;
}