html    {
        margin-left: auto;
        margin-right: auto;
        width: 900px;
        max-width: 1200px;
        min-width: 900px;
        overflow-y: scroll;
}     


header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {display: block;}

    body	{	
	font-size:	1em;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	'Myriad Web', 'Geneva', 'Arial', 'Helvetica', 'sans-serif';
	font-size-adjust:	.48;
	}	
		
p, blockquote, ul, ol, dl, dd, li, dir, menu	{	
	/* inherit from body */	
	}	
		
small	{	
	font-size:	.92em;
	}	
		
big	{	
	font-size:	1.17em;
	}	
		
pre	{	
	font-family:	'Monotype.com', 'Courier New', monospace;
	}	
		
ol li	{	
	list-style-type:	decimal;
	}	

ol ol li	{	
	list-style-type:	lower-alpha;
	}	

ol ol ol li	{	
	list-style-type:	lower-roman;
	}	

table, tbody, tr, td	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Myriad Web, Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:	.48;
	}	
		
	/* end body type */	


        	/* begin body type */	/* 4 - modern sans a */
		
body	{	
	font-size:	1em;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Myriad Web, Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:	.48;
	}	
		
p, blockquote, ul, ol, dl, dd, li, dir, menu	{	
	/* inherit from body */	
	}	
		
small	{	
	font-size:	.92em;
	}	
		
big	{	
	font-size:	1.17em;
	}	
		
pre	{	
	font-family:	'Monotype.com', Courier New, monospace;
	}	
		
ol li	{	
	list-style-type:	decimal;
	}	

ol ol li	{	
	list-style-type:	lower-alpha;
	}	

ol ol ol li	{	
	list-style-type:	lower-roman;
	}	

table, tbody, tr, td	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Myriad Web, Geneva, Arial, Helvetica, sans-serif;
	font-size-adjust:	.48;
	}	
		
	/* end body type */	




	/* begin header type */	/* 6 - industrial sans */
		
h1	{	
	font-family:	Impact, Arial Black, Helvetica Black, sans-serif;
	font-size-adjust:	.46;
	font-size:	2.33em;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h2	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h3	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.58em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h4	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.33em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h5, dt	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.17em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h6	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
tfoot, thead	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	}	
		
th	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	}	
		
hr	{	
	visibility:	visible;
	}	
		
	/* end header type */	




	/* begin affordances */	/* 4 - swiss a */
		
a, address, blockquote, body, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, big, center, dir, font, hr, menu, pre,		
abbr, acronym, bdo, button, fieldset, ins, label	{	
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-decoration:	none;
	border-color:	black;
	border-style:	none;
	}	
		
body	{	
	color:	black;
	background:	white;
	}	
		
em	{	
	font-style:	normal;
	font-weight:	bold;
	/*color:	black;
	background:	white;*/
	}	
		
strong	{	
	/*font-style:	italic;
	background:	white;*/
	font-weight:	bold;
	/*color:	black;*/
	}	
		
em strong, strong em	{	
	text-transform:	uppercase;
	font-style:	normal;
	font-weight:	bolder;
	background:	white;
	color:	red;
	}	
		
b	{
	font-weight:	bold;
	}
	
i	{
	font-style:	italic;
	}
		
.warning	{	
	text-transform:	none;
	font-style:	normal;
	font-weight:	bolder;
	background:	white;
	color:	red;
	}	
		
del	{	
	text-decoration:	line-through;
	background:	#F66;
	}	
		
ins	{	
	text-decoration:	underline;
	background:	yellow;
	}	
		
var, cite, dfn, .note	{	
	font-style:	italic;
	}	
		
address	{	
	font-style:	normal;
	letter-spacing:	.1em;
	}	
		
acronym	{	
	font-variant:	small-caps;
	letter-spacing:	0.1em;
	}	
		
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot	{	
	color:	black;
	background:	white;
	}	
		
hr	{	
	color:	black;
	}	
		
#colophon	{	
	display:	none;
	}	
		
col, colgroup, table, tbody, td, tr	{	
	color:	black;
	text-decoration:	none;
	border-color:	black;
	border-style:	none;
	background:	white;
	}	
		
a:link	{	
	text-decoration:	none;
	font-weight:	bold;
	color:	#C00;
	background:	#ffc;
	}	
		
a:visited	{	
	text-decoration:	none;
	font-weight:	bold;
	color:	#999;
	background:	#ffc;
	}	
		
a:active	{	
	text-decoration:	none;
	font-weight:	bold;
	color:	#F00;
	background:	#FC0;
	}	
		
a:hover	{	
	text-decoration:	none;
	color:	#C00;
	background:	#FC0;
	}	
		
a.offsite	{	
	text-decoration:	none;
	font-weight:	normal;
	color:	#C00;
	background:	#ffc;
	}	
		
	/* end affordances */	




	/* begin header type */	/* 6 - industrial sans */
		
h1	{	
	font-family:	Impact, Arial Black, Helvetica Black, sans-serif;
	font-size-adjust:	.46;
	font-size:	2.33em;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h2	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h3	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.58em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h4	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.33em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h5, dt	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1.17em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h6	{	
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	font-size:	1em;
	font-weight:	600;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
tfoot, thead	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	}	
		
th	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Arial Narrow, Helvetica Narrow, sans-serif;
	font-size-adjust:	.46;
	}	
		
hr	{	
	visibility:	visible;
	}	
		
        /* begin vertical */	/* 1 - pentatonic a */
		
a, address, blockquote, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,		
u, abbr, acronym, bdo, button, fieldset, ins, label	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	vertical-align:	baseline;
	}	
		
body	{	
	line-height:	1.58em;
	}	
		
div > p:first-child, body > p:first-child, td > p:first-child	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h1, h2, h3, h4, h5, h6	{	
	line-height:	1.33em;
	}	
		
h1	{	
	margin-top:	1.33em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h2	{	
	margin-top:	1.75em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h3	{	
	margin-top:	1.58em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h4	{	
	margin-top:	1.33em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h5	{	
	margin-top:	1.17em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h6	{	
	margin-top:	1em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
p	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
blockquote, fieldset, form, ul, ol, dl, dir, menu	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
dt	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
dd	{	
	margin-top:	0;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
li	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
address	{	
	margin-top:	1.58em;
	margin-bottom:	1.58em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
pre	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	line-height:	1.25em;
	}	
		
hr	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	height:	1px;
	}	
		
div, center	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
.subhead	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
.stb	{	
	margin-top:	2.17em;
	margin-bottom:	.75em;
	padding-top:	2.17em;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	border-style:	solid
	}	
		
.mtb	{	
	margin-top:	3.08em;
	margin-bottom:	.75em;
	padding-top:	3.08em;
	padding-bottom:	0;
	border-top:	.1em;
	border-bottom:	0;
	border-style:	solid
	}	
		
.ltb	{	
	margin-top:	4.34em;
	margin-bottom:	.75em;
	padding-top:	4.34em;
	padding-bottom:	0;
	border-top:	.25em;
	border-bottom:	0;
	border-style:	solid
	}	
		
col, colgroup, table, tbody, td, tfoot, th, thead, tr	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
td, th	{	
	line-height:	1.33em;
	}	
		
	/* end vertical */	







	/* begin horizontal */	/* 4 - fibonacci */
		
a, address, blockquote, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,		
u, abbr, acronym, bdo, button, fieldset, ins, label	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	float:	none;
	clear:	none;
	list-style-position:	outside;
	}	
		
address, blockquote, dl, fieldset, form, ol, 		
p, ul,  dir, hr, menu, pre	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
div > p:first-child, body > p:first-child, td > p:first-child	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
	}	
		
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
	}	
		
h1	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h2	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h3	{	
	margin-left:	7%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h4	{	
	margin-left:	11%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h5	{	
	margin-left:	11%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h6	{	
	margin-left:	11%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
p	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-indent:	0;
	}	
		
blockquote	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
address	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
pre	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
li	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
dt	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
dd	{	
	margin-left:	4%;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}
			
hr	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	11%;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	width:	100%;
	}	
		
center	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
col, colgroup, table, tbody, td, tfoot, th, thead, tr	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	float:	none;
	clear:	none;
	}	
		
table	{	
	text-align:	left;
	}	
		
td	{	
	text-align:	left;
	}	
		
th	{	
	text-align:	left;
	}	
		
caption	{	
	text-align:	left;
	}	
		
	/* end horizontal */	
        
        
        
        /* MY CSS */
        
		body {      background-color: gray;}
        main {      background-color: white;
                    }
        nav {       background-color: darkred;
                    margin: 0;}
        address{    margin: 0;
                    text-align: center;
                    font-size: 10px}
        ul.navi {   color: white;
                    margin: 0;}
		h1 {        background-color: red;
                    color: black;
                    text-align: center;
                    margin: 0;}
        h1.titel    {padding-left:	0;}
		h2 {        color: orangered;}
		h3 {        color: gray}
		b4 {}
        p {         color: gray;}
        p.ticker {  background-color: black; 
                    color: gainsboro; 
                    font-style: normal; 
                    font-weight: bold; 
                    margin: 0;
                    padding-left:	0;}
        p.slogan {  background-color: red; 
                    color: darkslategray; 
                    text-align: center; 
                    margin: 0;
                    padding-left:	0;}
        p.impressum {color: darkgray; 
                    text-align: center; 
                    font-size: 8px; 
                    margin: 1px; }
        p.images    {align-content: center;
                    align-items: center;}

div#wrapper {       
                    margin: 0;
                    padding: 0;
                    background-color: darkred;
}
header#kopfbereich  {background-color: greenyellow;}
header#fussbereich  {background-color: aquamarine;}
header#inhaltsbereich{background-color: aqua;}
header#navibereich  {background-color: darkred;}
header h1 > img     {background-color: red;}
address             {
                        color: palevioletred;
                        text-align: center;
                        font-size: 60%;
                        font-style: normal;
                        line-height: 1.5;   
}


main > a:link              {color: darkred;
                    background-color: white;}
main > a:visited           {color: darkred;
                    background-color: white;}
main > a:hover,
main > a:focus             {color: red;
                    background-color: white;}
main > a:active            {color: antiquewhite;
                    background-color: darkred;}
nav > a:link              {color: darkgrey;
                    background-color: darkred;}
nav > a:visited           {color: darkgrey;
                    background-color: darkred;}
nav > a:hover,
nav > a:focus             {color: aliceblue;
                    background-color: darkred;}
nav > a:active            {color: antiquewhite;
                    background-color: darkred;}
a:link              {color: gainsboro;
                    background-color: darkred;}
a:visited           {color: gainsboro;
                    background-color: darkred;}
a:hover,
a:focus             {color: aliceblue;
                    background-color: darkred;}
a:active            {color: antiquewhite;
                    background-color: darkred;}

nav > ul            {
                    list-style-type: square;
                    }
main > ul           {
                    list-style-type: none;
                    background-color: white;
                    color: darkred;
                    }

/* NAV-LEISTE */

#navibereich    {
                    background-color: darkred;
                    padding: 0 20px;
                    border: 0 solid transparent;
                    margin-left: auto;
                    margin-right: auto;
}
#navibereich ul {
                    margin: 0;
}
#navibereich li {
                    display: inline;
                    list-style-type: none;
                    margin: 0 20px;
}

#navibereich a  {
                    /*color: darkgrey*/;
}

#navibereich a.selected {
                    color: white;
                    background-color: darkred;
}

/* NAV-TEST 

#navibereich    {
                    text-align: right;
                    background-color: darkred;
                    padding: 5px 20px 4px 20px;
                    }
#navibereich ul {
                    margin: 0;
}
#navibereich li {
                    display: inline;
                    list-style-type: none;
                    margin: 0;
}

#navibereich a  {
                    color: darkgrey;
                    background-color: red;
                    padding: 4px 8px;
                    border: 1px solid grey;
}

#navibereich a:hover,
#navibereich a:focus{
                    text-decoration: none;
    color: black;
    background-color: white;
    border-bottom-color: white;
}

#navibereich a:active{
                    color:yellow;
                    background-color: transparent;
}

*/

/* Formular 1

#kontaktformular    {
                margin: 10px;
}
form    {
            background-color: gainsboro;
            width:  420px;
            padding: 1em;
    margin-left: 100px;
        margin-bottom: 2em;
    
        line-height: 1.2;
}

form > div  {
            margin-bottom: 1em;
}

label   {
            display: block;
    cursor: pointer;
    margin-bottom: 0.25em;
}

input[type="text"],
input[type="email"],
textarea        {
                width: 400px;
                padding: 0.25em;
            margin-bottom: 1em;
}

textarea    {
            min-height: 7em;
            max-width: 95%;
}

input:focus,
textarea:focus  {
            background-color: antiquewhite;
}
*/

/* Formular */

#kontaktformular    {
                margin: 10px;
}
form    {
            background-color: gainsboro;
            width:  700px;
            padding: 1em;
    margin-left: 80px;
        margin-bottom: 2em;
    
        line-height: 1.2;
}

form > div  {
            margin-bottom: 1em;
}

label   {
            display: inline-block;
            width: 180px;
            vertical-align: top;
            text-align: right;
    cursor: pointer;
    margin-bottom: 0.25em;
}

input[type="text"],
input[type="email"],
textarea        {
                width: 400px;
                padding: 0.25em;
            margin-bottom: 1em;
}

textarea    {
            min-height: 7em;
            max-width: 95%;
}

input:focus,
textarea:focus  {
            background-color: antiquewhite;
}

input[type="submit"]{
            margin-left: 185px;
}