html    {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
        height: 250px;
        max-width: 400px;
        min-width: 400px;
        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;
	}	
		
table	{	
	text-align:	left;
	}	
		
td	{	
	text-align:	left;
	}	
		
th	{	
	text-align:	left;
	}	
		
caption	{	
	text-align:	left;
	}	
		
	/* end horizontal */	
        
        
        
        /* MY CSS */
        
		body {      background-color: gray;
                    text-align: center;}
        main {      background-color: white;
                    }
        nav {       background-color: darkred;
                    margin: 0;
                    text-align: center;}
        address{    margin: 0;
                    text-align: center;
                    font-size: 10px}
        ul.navi {   color: white;
                    margin: 0;
                    text-align: center;}
		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;
                    text-align: center;
                    }
main > ul           {
                    list-style-type: none;
                    background-color: white;
                    color: darkred;
                    text-align: center;
                    }



#kontaktformular    {
                margin: 1px;
}
form    {
            background-color: white;
            width:  300px;
            padding: 0 1em;
            margin-bottom: 0;
            margin-top: 0;
    
        line-height: 0;
}

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

label   {
            display: inline;
            width: 180px;
            vertical-align: middle;
            text-align: center;
    cursor: pointer;
    
}

input[type="text"]
                {
                width: auto;
                }
input[type="email"],
textarea        {
                width: 150px;
               
}

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

input[type="submit"]{
            width: auto;
}