@import url(../js/masterslider/style/masterslider.css);
@import url(../js/masterslider/skins/default/style.css);
@import url(../js/fancybox/jquery.fancybox.css);

* html #wrapper {
	height: 100%; 
}

html, body {	
height: 101%; 
}

.clearall:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
	visibility: hidden;
}

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
	


#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 870px;
	min-height: 100%;
	background-image: url(../images/hintergrund.gif);
	background-repeat: repeat-y;
	color: White;
	
}

#bereichlinks {
 width: 25px;
 float: left;
 min-height: 750px;
 
}

#bereichrechts {
 width: 25px;
 float: left;
  min-height: 750px;
}

#spalte1 {
 width: 197px;
 float: left;
 border-right: 3px;
 border-right-color: White;
 border-right-style:  solid;
 overflow: hidden;
}

#spalte2 {
 width: 420px;
 float: left;
 overflow: hidden;
}

#spalte3 {
 width: 197px;
 float: left;
 border-left: 3px;
 border-left-color: White;
 border-left-style:  solid;
 overflow: hidden;
}

/* ------------------------------------ Spalte1 -------------------------------------- */
#s1logobereich {
	background-color: #333333;
	width: 100%;
	height: 177px;
	border-bottom: 3px;
	border-bottom-color: White;
	border-bottom-style: solid;
}
#s1logoteil1 {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding-top: 60px;
	letter-spacing: 1px;
}
#s1logoteil2 {
   text-align: center;
	font-size: 15px;
	padding-top: 3px;
	letter-spacing: 1px;
	
}
#s1logoteil3 {
	width:50px;
   margin-top: 43px;
	margin-left: 145px;
	border-top: 3px solid White;
	border-left: 3px solid White;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 2px;
	padding-top: 2px;
	padding-left: 10px;
	
	
}


#s1menubereich {
	width: 100%;
/*	height: 500px; */
}


/* ------------------------------------ Spalte2 -------------------------------------- */

#s2menubereich {
	background-color: #333333;
	width: 100%;
	height: 27px;
	border-bottom: 3px;
   border-bottom-color: White;
   border-bottom-style:  solid;
	
}
#s2kurzmenu {
	padding-left: 250px;
	padding-top: 8px;
	font-size: 12px;
}

#s2hauptbild {
	background-image: url(../images/hauptbild.jpg);
	width: 100%;
	height: 147px;
	border-bottom: 3px;
   border-bottom-color: White;
   border-bottom-style:  solid;
	
  overflow: hidden;
}
#s2hauptbildlogo {
   font-size: 25px;
	letter-spacing: 2px;
	margin-top: 93px;
	padding-left: 5px;
	padding-top: 2px;
	
	height: 34px;
	background-color: White;
	color: Black;
	width: 100px;
	border-top: 3px solid White;
}




#s2inhaltsbereich {
background-image: url(../images/hauptbild2.jpg);
	background-repeat: no-repeat;
	color: #585858;
	
	/* height: 390px; */
	 padding-left: 30px;
	
	padding-right: 25px;
	 padding-top: 50px;
}

/* ------------------------------------ Spalte3 -------------------------------------- */
#s3adressbereich {
	background-color: #333333;
	width: 100%;
	height: 177px;
	border-bottom: 3px;
	border-bottom-color: White;
	border-bottom-style: solid;
}
#s3adresse {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 50px;
	text-align: right;
	padding-right: 18px;
	
}

#s3adresse p {
	line-height: 18px;
}

#s3bilderbereich {
	width: 100%;
	/* height: 500px; */
}


/* ------------------------------------ Hauptmenu -------------------------------------- */
#s1menubereich {
	padding-left: 30px;
	padding-top: 30px;
	color: black;
	
	
}
#s1menubereich a {
	text-decoration: none;
	font-family: Verdana,Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.5px;
	font-weight: bold;
	padding-right: 30px;
	color: black;
}

#s1menubereich a:hover  {
	
	color: White;
}

#s1menubereich .me2a a, #s1menubereich .me3a a ,#s1menubereich .me4a a {
	
	color: White;
}

#s1menubereich .me3a, #s1menubereich .me3n {
margin-left: 20px;
}

#s1menubereich .me4a, #s1menubereich .me4n {
margin-left: 40px;
}


/* ------------------------------------ Kurzmenu -------------------------------------- */

#untermenu {
	text-align: right;
}

#untermenu a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	color: white;
	letter-spacing: 1px;
}

#untermenu a:hover  {
	color: white;
}

#untermenu .ume1a a {
	color: white;
}


.ume1a,.ume1n {

padding-right: 10px;
}

/* ------------------------------------ Shoplink -------------------------------------- */

#shop {
	margin-top:30px;

	
	
}

.myButton {
		width:78px;
	-moz-box-shadow:inset 0px 1px 0px 0px #8c8c8c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8c8c8c;
	box-shadow:inset 0px 1px 0px 0px #8c8c8c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #707070));
	background:-moz-linear-gradient(top, #e6e6e6 5%, #707070 100%);
	background:-webkit-linear-gradient(top, #e6e6e6 5%, #707070 100%);
	background:-o-linear-gradient(top, #e6e6e6 5%, #707070 100%);
	background:-ms-linear-gradient(top, #e6e6e6 5%, #707070 100%);
	background:linear-gradient(to bottom, #e6e6e6 5%, #707070 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#707070',GradientType=0);
	background-color:#e6e6e6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c2c2c2;
	display:inline-block;
	cursor:pointer;
	color:#f2eff2;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 0px 6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #707070), color-stop(1, #e6e6e6));
	background:-moz-linear-gradient(top, #707070 5%, #e6e6e6 100%);
	background:-webkit-linear-gradient(top, #707070 5%, #e6e6e6 100%);
	background:-o-linear-gradient(top, #707070 5%, #e6e6e6 100%);
	background:-ms-linear-gradient(top, #707070 5%, #e6e6e6 100%);
	background:linear-gradient(to bottom, #707070 5%, #e6e6e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#e6e6e6',GradientType=0);
	background-color:#707070;
}
.myButton:active {
	position:relative;
	top:1px;
}