﻿#masthead {
	width: 800px;
	height: 650px;
	background-color: ;
	margin: 100px auto auto auto;
	}
#innenseite {
	width: 720px;
	height: 560px;
	border-radius: 15px;
	border: thin solid  gray;
	background-color: rgb(250, 250, 250);
	top: 40px;
	left: 40px;
	position: relative;
}
#seitenregulation {
	width: 1200px;
	position:;
	min-height: 99.9%;
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	top: 0px;
	right: auto;
	left: auto;
}
#linksvorlage {
	background-color:  rgb(250, 250, 250);
	width: 250px;
	height: 99.8%;
	box-shadow: -10px 0 70px #C0C0C0;
	border-right: thin #C0C0C0 solid;
	border-bottom:thin #C0C0C0 solid;
	z-index: 1;
	position: absolute;
	top: 0px;
}
#rechtsvorlage {
	width: 250px;
	position: absolute;
	min-height:99.8%;
	border-left:thin #C0C0C0 solid;
	border-bottom:thin #C0C0C0 solid;
	box-shadow: 0px 0 70px #C0C0C0;
	background-color:rgb(250, 250, 250);
	margin-left: 980px;
	top: 0px;
	z-index: 1;
}
#leisteoben {
	width: 715px;
	height: 40px;
	top: 0px;
	z-index: 2;
	position: absolute;
	margin-left: 259px;
	border-bottom-style: groove;
	border-bottom-width: thin;
	border-bottom-color: black;
}
#linkslogo {
	top: 25px;
	position: relative;
	left: 12.5px;
}
#mittigevorlage {
	position: absolute;
	width: 700px;
	height: 99.8%;
	background-color: #FBE6D9;
	border-left: thin #C0C0C0 solid;
	border-right:thin #C0C0C0 solid;
	border-bottom:thin #C0C0C0 solid;
	z-index: 1;
	top: 0px;
	margin-left: 250px;
	margin-top: -29px;
}
#list ul{font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;line-height:25px;padding-left: 10px;}
#list ul li{color:gray; text-decoration: none; list-style-type: none; }
#list ul li a{text-decoration: none;display: inline; overflow: hidden;color: gray; font-size: large;}
#list ul li a:hover{color:black;background-color:#FF8566; }
#liste ul{ padding:5px; margin:0; vertical-align:middle; text-align: right; valign: middle; line-height:40px}
#liste ul li{color:white; text-decoration: none; list-style-type: none; display:inline}
#liste ul li a{padding-right: 25px; text-decoration: none; overflow: hidden; padding-top:10px; padding-left:5px;color: #666666;}
#liste ul li a:hover{color:black;background-color:transparent; text-decoration: underline}
a.link:link{text-decoration:underline; color: #EA8C00}
a.link:hover{color: maroon}

#list1 ul{}
#list1 ul li{color:black;}
#list1 ul li a{text-decoration: none}
#list1 ul li a:hover{color:maroon;}

#bilderliste ul{padding-left:1.8em; padding-right:1.8em; display: inline;list-style-type:none; padding-top: 30px  }
#bilderliste ul li{padding-left:1.8em; padding-right:1.8em; display: inline;list-style-type:none;margin-top:30px }

.box1,.box2,.box3,.box4 {font-style:helvetica;}
    .box1 a {background:#E8752D;text-decoration: none;opacity:0.6;color: white;-webkit-transition: all 0.5s easeOut ;
        -moz-transition: all 0.5s easeOut;-o-transition: all 0.5s easeOut;transition: all 0.5s easeOut;
        border-top: 1px solid grey;border-left: 1px solid grey;border-right: 1px solid grey;border-bottom:
        1px solid grey;}
	.box2 a {background:#5631FF;text-decoration: none;opacity:0.6;color: white;-webkit-transition: all 0.5s easeOut ;
        -moz-transition: all 0.5s easeOut;-o-transition: all 0.5s easeOut;transition: all 0.5s easeOut;border-top: 1px solid grey;
        border-left: 1px solid grey;border-right: 1px solid grey;border-bottom: 1px solid grey;}
    .box3 a {background: #FF403E;text-decoration: none;opacity:0.6;color: white;-webkit-transition: all 0.5s easeOut ;
        -moz-transition: all 0.5s easeOut;-o-transition: all 0.5s easeOut;transition: all 0.5s easeOut;border-top: 1px solid grey;
        border-left: 1px solid grey;border-right: 1px solid grey;border-bottom: 1px solid grey;}
    .box4 a {background: #D12DE8;text-decoration: none;opacity:0.6;color: white;-webkit-transition: all 0.5s easeOut ;
        -moz-transition: all 0.5s easeOut;-o-transition: all 0.5s easeOut;transition: all 0.5s easeOut;border-top: 1px solid grey;
        border-left: 1px solid grey;border-right: 1px solid grey;border-bottom: 1px solid grey;}
     a:hover,a:active {background:solid;opacity: 1.0;color: white;-webkit-transition: all 0.1s;-moz-transition: all 0.1s ;
        -o-transition: all 0.1s ;transition: all 0.1s;}

body {
	background-size: 100%;
	background-image: url('Bilder Website/IMG_6923.JPG');
	background-attachment: fixed;
}
body1 {
	background-size: 100%;
	background-image: url('Bilder Website/SN851182.JPG');
	background-attachment: fixed;
}
body2 {
	background-size: 100%;
	background-image: ;
	background-attachment: fixed;
}

html, body {
}
.scroll {
	background: #FBE6D9;
	overflow:auto;
	height: 60%;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type: circle;
	width: 690px;
	padding: 10px;;
	right: auto;
	left: auto;
}

.scroll1 {
	background: #FBE6D9;
	font-family:Arial, Helvetica, sans-serif;;
	overflow: auto;
	list-style-type: circle;
  height: 85%;
	width: 690px;
	padding: 10px;
	border-top: thin solid black;
	right: auto;
	left: auto;
}
.scroll2 {
	background: #FBE6D9;
	font-family:Arial, Helvetica, sans-serif;
	height: 70%;
	overflow: auto;
	list-style-type: circle;
	width: 690px;
	padding: 0px;
	border-top: thin solid black;
	right: auto;
	left: auto;
}
.scroll3 {
	background: #FBE6D9;
	font-family:Arial, Helvetica, sans-serif;
	height: 85%;
	overflow: auto;
	list-style-type: circle;
	width: 690px;
	padding:10px;
	border-top: thin solid black;
	right: auto;
	left: auto;
}
