@charset "UTF-8";
/* CSS Document */

html,
body {
	margin:0;
	padding:0;
	height:100%;
    min-width:1100px; /* suppose you want minimun width of 1000px */
    width: auto !important;  /* Firefox will set width as auto */
    width:1100px;             /* As IE ignores !important it will set width as 1000px; */
	font-family: "Book Antiqua";
	/*background: #F7F7F7;*/
//	background: #b7b7b7;
	text-align: left;
}
a{ text-decoration:none; color:#000; }
a:link { text-decoration:none; color:#000; }
a:visited { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; background-color:#c0c0c0; }
a:active { text-decoration:none; background-color:#c0c0c0; }
a:focus { text-decoration:none; background-color:#c0c0c0; }

.menu:link, .menu:visited{text-decoration:none; color:#fff;}
.menu:hover {text-decoration:underline; background-color:#c0c0c0; color: #fff; }
.menu:active, .menu:focus{text-decoration:none; background-color:#c0c0c0; color: #fff;}

/*.text:link, .menu:visited{text-decoration:none; font-weight: bold; color:#000;}
.text:hover {text-decoration:underline; font-weight: bold; background-color:#c0c0c0; }
.text:active, .menu:focus{text-decoration:none; font-weight: bold; background-color:#c0c0c0;}
*/
/*#slide-img{width:200px;}
#slideshow{margin-left: 0px; position:relative;width:200px;height:0px;left:0px;}
#slideshow > div {position:absolute;margin-top:0px;}
#slideshow2{margin-left: -100px;position:relative;width:200px;height:0px;left:50%;}
#slideshow2 > div {position:absolute;margin-top:0px;}
#slideshow3{margin-left: -200px;position:relative;width:200px;height:123px;left:100%;}
#slideshow3 > div {position:absolute;margin-top:0px;}
.slide-imgs{width: 100%; margin:0px 0px 0px 0px;}*/
#slide-img{max-width:160px; max-height: 100px;}
#slideshow{margin-left: 0px; position:relative;width:160px;height:0px;left:0px;}
#slideshow > div {position:absolute;margin-top:0px;}
#slideshow2{margin-left: -80px;position:relative;width:160px;height:0px;left:50%;}
#slideshow2 > div {position:absolute;margin-top:0px;}
#slideshow3{margin-left: -160px;position:relative;width:160px;height:100px;left:100%;}
#slideshow3 > div {position:absolute;margin-top:0px;}
.slide-imgs{width: 100%; margin:0px 0px 0px 0px;}

#slide-img2{max-height:100px; max-width: 350px;}
#slide-img3{max-height:100px; max-width: 350px; float: right;}
#slideshow4{margin-left: 0px; position:relative;height:0px;left:0px; height: 0px; width: 350px;}
#slideshow4 > div {position:absolute;margin-top:0px;}
#slideshow5{margin-left: auto; margin-right: 0px;position:relative;height:100px; width: 350px; text-align: right;}
#slideshow5 > div {position:absolute;margin-top:0px;}

#slideshow6{margin-left: 0px;position:relative;width:160px;height:0px;left:190px;}
#slideshow6 > div {position:absolute;margin-top:0px;}
#slideshow7{margin-left: 0px;position:relative;width:160px;height:0px;left:380px;;}
#slideshow7 > div {position:absolute;margin-top:0px;}


#breite
{
    min-width:1000px; /* suppose you want minimun width of 1000px */
    width: auto !important;  /* Firefox will set width as auto */
    width:1000px;             /* As IE ignores !important it will set width as 1000px; */
    min-height:300%; /* suppose you want minimun width of 1000px */
    height: auto !important;  /* Firefox will set width as auto */
    height:300%;             /* As IE ignores !important it will set width as 1000px; */
	max-height:3000px;
	
}
#center
{
	padding:0px;
	width:1000px;
	height: 300%;
	max-height: 3000px;
	margin-left:-500px; 
	left:50%; 
	top: 0px;
	position: relative;
	text-align:justify; 
    background-image: url(http://cca.henrikschoeps.de/images/bg.jpg);
	background-repeat: no-repeat;
/*	background-color: red;*/
}
#center2
{
	padding:0px;
	width:1000px;
	height: 100%;
	margin-left:-500px; 
	left:50%; 
	top: 0px;
	position: relative;
	text-align:justify; 
    background-image: url(http://cca.henrikschoeps.de/images/bg2.jpg);
	background-repeat: no-repeat;
	/*background-color: red;*/
}
#left
{
	padding:0px;
	width:50%;
	height: 300%;
	max-height: 3000px;
	margin-left:0px; 
	left:0px; 
	top: 0px;
	position: absolute;
	text-align:justify; 
	background-color: #B5B5B5;
}
#menu
{
	padding: 0px;
	width: 235px;
/*	height: 500px;*/
	margin-left: 0px;
	left: 0px;
	top: 0px;
	position: relative;
	text-align: justify;
	color: white;
/*	background-color: green;*/
}
#main
{
	padding: 0px;
	width: 730px;
/*	height: 700px;*/
	margin-left: -230px;
	left: 50%;
	top: 0px;
	position: relative;
	text-align: justify;
/*	background-color: blue;*/
}
#subpagediv
{
	padding: 0px;
	width: 730px;
/*	height: 700px;*/
	margin-left: -230px;
	left: 50%;
	top: 0px;
	position: relative;
	text-align: justify;
	background-color: blue;
}
#sliderwrapper
{
	padding: 0px;
	width: 100%;
/*	height: 700px;*/
	margin-left: -50%;
	left: 50%;
	top: 0px;
	position: relative;
	text-align: justify;
/*	background-color: blue;*/
	border-top: 2px solid #900900;
	border-bottom: 2px solid #900900;
}
#detailimage
{
	width: 600px;
	margin-left:-300px;
	left: 50%;
	position: relative;
}

#schatten50 {
	box-shadow: 10px 10px 50px gray;
}
#schatten20 {
	box-shadow: 10px 10px 20px gray;
}