/* margin(aussen) und padding(innen) sind sehr wichtig, dass der inhalt nicht rausflutscht
dann kann man sicht width height sparen*/
.s1 {width:350px;  position:relative; padding:30px; margin:20px}
#s2 {width:350px;  position:relative; top:5px; left:-5px; padding:30px; margin:20px }
 
#a3 { position:absolute; top:320px; left:600px; width:250px; height:250px; z-index:3; background-color:#ffa; }
 
#a4 { float:left; display:inline; margin-top:20px; margin-left:20px;width:150px; padding:5px; margin:5px; background-color:#ff5; }
#a5 { float:right; display:inline; margin-top:20px; margin-right:20px; width:70px; min-height:70px; height:auto !important; height:70px; padding:5px; margin:5px;  background-color:#dd2; }
 
#abs { position:relative; top:50px; left:100px; width:450px; min-height:450px; height:auto !important; height:450px; z-index:3; background-color:#faf; }
 
#a7 {float:left; display:inline; width:70px; min-height:70px; height:auto !important; height:70px; padding:5px; margin:5px;  background-color:#ff5; }
#a8 { float:right; display:inline; padding:5px; margin:5px;  background-color:#dd2; margin:20px }
p {margin:5px}
 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.clearfix {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	background-image: url(../Bilder/Backround_str_2.png);
	height: 100%;
	min-height: 1061px;
	margin: 0;
	padding: 0;
	overflow: visible;
	word-wrap: break-word;
	background-repeat: repeat-x;
	background-position: left top;
}

.content{
	height: 200px;
	background-color: #FFFFFF;
	min-height:200px;
	height:auto !important;
	height:450px;
	z-index:3;
	display: inline-block;
	width: 100%;	
}

/* 
	Resets defualt browser settings
	reset.css
*/

:focus { outline:0; }
a:active { outline:none; }
img{
	outline:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
html {

	word-wrap: break-word;
overflow: visible;
	background-image: url(../Bilder/Backround.gif);
	
	}
#Container {
	padding: 0;
	width: 800px;
	height: 200%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.Logo {
	
}
#Motto {
	height: 61px;
	background-image: url(../Bilder/Backround_motto_text.png);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: right;
}
#mainContent{
	min-height: 100px;

}
#kontakt{
	height: 141px;
	background-image: url(../Bilder/Backround_image_text.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 19px;
	margin-bottom: 19px;
	width: 260px;
	float: left;
	margin-right: 20px;
}
#Bilder{
	min-height:250px;
	margin-top: 19px;
	margin-bottom: 19px;
	width: 250px;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}

#Text {
	margin-top: 19px;
	margin-bottom: 19px;
	width: 510px;
	float: right;
	padding-right: 10px;
}
#Text {
	margin-top: 19px;
	margin-bottom: 19px;
	width: 510px;
	float: right;
	padding-right: 10px;
}
#Text3 {
   margin-top: 19px;
	margin-bottom: 19px;
	width: 780px;
	
	margin-left: 10px;

}
#Text img{


}
#Text2 {
	margin-top: 19px;
	margin-bottom: 19px;
	width: 800px;
	
	margin-left: 15px;
	
}
.caption {
	z-index:500;
	position:absolute;
	bottom:-55px;
	left:0;
	height:20px;
	padding:5px 20px 0 20px;
	width:540px;
	font-size:10px;
	line-height:normal;
	color:#fff;
	text-shadow:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/transp.png);
	background-repeat: repeat;
	background-position: 0;
}

.slides_container div.slide {
	width:521px;
	height:141px;
	display:block;
}
.slides_container {
	width:521px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
	position: relative;
	top: -45px;
	left: 200px;
	z-index: 1000;	
	
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#image {
	height: 141px;
	background-image: url(../Bilder/Backround_image.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 19px;
	margin-bottom: 19px;
	width: 520px;
	float: left;
}#imageslide {
	height: 141px;
	background-image: url(../Bilder/Backround_image.png);
	background-repeat: repeat;
	margin-top: 19px;
	margin-bottom: 19px;
	width: 520px;
	float: left;
}
#fusszeile{
	height: 10px;
	background-color: #dadadb;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;	
}
a:link{
	color: #666666;
	text-decoration: none;	
}a:hover{
	color: #000000;
	text-decoration: underline;
}

#menue1{
	height: 41px;
	background-color: #dadadb;	
}
#menue2{
	height: 41px;
	margin-bottom: 19px;
	background-image: url(../Bilder/Menue.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


/* Unternavigation */
#menue1 ul {
	list-style-type: none;
	height: 41px;
	margin: 0px;
	padding: 0px;
}
#menue1 li {
	float: left;
	height: 41px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	vertical-align: middle;
}

#menue1 li a {
	color: #666666;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding-top: 10px;
}
#menue1 li a:hover {
	color: #000000;
}

#menue1 li a.active {
color: #fff;
text-decoration: underline;
}

/* Hauptnavigation */
#menue2 ul {
	list-style-type: none;
	height: 41px;
	margin: 0px;
	padding: 0px;
	
}

#menue2 #menue_hinten{
	float: left;
	height: 41px;
	border-right-style: none;
	width: 100px;
}
#menue2 li {
	float: left;
	height: 41px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}

#menue2 li a {
	color: #FFFFFF;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	height: 41px;
	padding-top: 10px;
}

#menue2 li a:hover {
	color: #000000;
	background-image: url(../Bilder/Menue_hover.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 41px;
}

#menue2 li a.active {
color: #fff;
text-decoration: underline;
}



p {
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	
	}ul{
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
.clearing { clear: both; }
H1{
	color: #666666;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#Text3 H1{
	color: #666666;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
#Text3 H2{
    color: #666666;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
H2{
	color: #666666;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.Stil1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}