/* Level field */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font: inherit;
    vertical-align: top;
	box-sizing:border-box;
}
article, aside, details, 
footer, header, hgroup, menu, #wrapper, #showcase, #sidefoot, #article-aside  {
    display: block;
}
body {
    line-height: 1.4;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Custom */

body {
	background-color : #9e9e9e;
	 background-image:url(bild/pline.gif); 
	 background-repeat:repeat-y; 
	 background-attachment:fixed; 
	 background-position:top left;
	margin : 0px;
	position : absolute;
	left : 0px;
	top: 0px;
	}
.inside {
border:solid;
	border-width : 2px;
	border-top-width : 20px;	
	border-color : #7c0000;
	margin-left : 180px;
	margin-top : -5px;
	background-color : #E9E7E9;
	padding : 8px;
	min-height:100%; 
	margin-top:23px; 
	max-width:80%;
	width:72%;
	}	
.top {
	border:none;
	width: 100%;
	}
.menu {
	clear:both;
	border : none;
	margin-right : 5px;
	margin-left : 2.5em;
	float:left; 
	}

.topmenu {
	
	list-style:none;
		}
.topitem {
	font-family:sans-serif;
	font-weight:bold;	
	font-size:110%;
	margin-bottom: 7px;
}
#topline {
	margin-bottom:0px;
	margin-left:180px;
	font-size:1.5em; 
	line-height:1.2;
	padding-top:.3em;
	}
#perilogo { 
	float:left; 
	border:none; 
	margin-right:2px;
	}
p,li {
	font-family : sans-serif;
	margin-left : 3%;
	font-size : 90%;
	margin-bottom:12px;
	margin-top:7px;
	max-width:70%;
} 

h3, h4, h5, h6 {
	margin-left : 3%;
	font-family: sans-serif;
	font-weight : bold;
	max-width:70%;
}  
h1 {
	margin-left: 2%;
	margin-top:8px;
	margin-bottom:14px;
	font-family: sans-serif;
	font-style : italic;
	font-size: 1.6em;
	margin-right:-2px;
	font-weight:600;
	}
h2 {
	font-family: sans-serif;
	font-weight : normal;
	margin-bottom:2px;
	}
h3 { 
	margin-bottom: -1px;
	font-size: 125%;
	margin-top:0px;
	margin-bottom:8x;
	}
h4 {
	margin-top:5px;
	margin-bottom:-5px;
} 
h5 {
	font-size : 100%;
	margin-top:5px;
 }

h1, h2, h3, h4, h5, h6 {
color : #7c0000;
 }
a:link {
	color : #C9242B;
	text-decoration : none;
	}
a:visited {
	color : #7c0000;
	text-decoration : none;
	}
a:hover {
	text-decoration : underline;
	}
a:active {
	color : #C9242B;
	}
.icon {
float:left; 
border:none;
 margin-left:-2px;
margin-right:2px;
}
.left { 
	float:right; 
	margin-left: 5px;
	margin-bottom: 8px;
	margin-right:4%;
margin-top:-2px; 
	border:solid; 
	border-width:1px; 
	border-color : #7c0000;
max-width:40%;
	}
	.prev {
	float:left;
	}


@media (min-width:1400px) {
p,h1,h3,h4,h5,li {
max-width:66%;
}
}
@media (max-width:1000px) {
p,h1,h3,h4,h5,li {
max-width:80%;}

}

@media (max-width: 800px) {
.futsch600 { display:none; }
.menu {
float:none; 
margin-top: -22px; 
margin-bottom:35px;}
.topmenu { 
margin-top:0; }
.topitem { float:left; margin-bottom:0px; margin-right:10px;}
.top { margin-bottom:0px; }
.inside { margin-left:36px; width:90%; max-width:90%; margin-top:0; clear:both;}
p,h1,h3,h4,h5,li { max-width:95%; hyphens:auto;}

}
@media (min-width:801px) {
.flutsch600 { display:none; }
}
@media (max-width:600px) {
.futsch555 { display:none; }
.topmenu {margin-top:0px; 
clear:both; }
.inside { 
max-width:100%;
margin:auto;}

}
@media (max-width:500px) {
.futsch500 { display:none; }
.topmenu {margin-left:-36px; max-width:100%;}
.left { max-width:90%; float:left; margin-right:290px; margin-left:3%; }
p,h1,h3,h4,h5,li { max-width:90%; }
body { background-image:none; }
}
@media (min-width:501px) {
.flutsch500 { display:none; }
}