/* CSS Document */

  body {
	color: black;
	background-color: #FFFFFF;
	font-size: 100.01%;
	font-family: Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR:  #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #OOOOOO;
	SCROLLBAR-BASE-COLOR: #000000;
	background-repeat: repeat;
	}

  div#Mbox {
	position:absolute;
	left:50%;
	top:366px;
	width: 760px;
	height: 503px;
	margin-left:-380px;
	margin-top:-260px;
	border-top: 1px solid #999999;
	border-right: 1px solid #C0C0A9;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #FFFFFF;
  }

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 3px auto 0;      /* standardkonforme horizontale Zentrierung */
    width: 800px;
    padding: 0em;
  }
  div#Inhalt {
	margin: 0 0 1em 240px;
	padding: 0 1em;
	width: 470px;
	clear: right;
	border: thin none #000000;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }

#inhalt_seite {
	POSITION: absolute;
	TOP: 0px;
	width: 800px;
	height: 450px;
	border: 1px none #FFFFFF;
	z-index: 1;
	margin-bottom: 20px;
	background-repeat: repeat;
}
#inhalt_kontakt {
	POSITION: absolute;
	TOP: 120px;
	width: 493px;
	height: 521px;
	border: 1px none #FFFFFF;
	z-index: 1;
	left: 294px;
	margin: 0px 8px 8px;
}
#name {
	padding: 20px 0px 4px;
	height: 23px;
	width: 760px;
	color: #333333;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 20%;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #C0C0A9;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	margin: 0px;
	background-color: #333333;
}
#indexinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 77px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/start-2.jpg);
	border: 1px none #FFFFFF;
}
#kontaktinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 77px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/kontakt-links.jpg);
	border-top: 1px none #006666;
	border-right: 1px none #006666;
	border-bottom: 1px none #333333;
	border-left: 1px none #006666;
}
#impressinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 77px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/impress.jpg);
	border: 1px none #FFFFFF;
}
#inhalt_impress {
	POSITION: absolute;
	TOP: 144px;
	width: 759px;
	height: 361px;
	border: 1px none #FFFFFF;
	z-index: 1;
	left: -8px;
	margin: 0px 8px 8px;
}
#dinghyinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 77px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/dinghy.jpg);
	border: 1px none #FFFFFF;
}
#shopinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: center 67px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/shop.jpg);
	border: 1px none #FFFFFF;
}
#inhalt_dinghy {
	POSITION: absolute;
	TOP: 143px;
	width: 759px;
	height: 361px;
	border: 1px none #FFFFFF;
	z-index: 1;
	left: -8px;
	margin: 0px 8px 8px;
}
#antwortinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 67px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/kontakt-links.jpg);
	border-top: 1px none #006666;
	border-right: 1px none #006666;
	border-bottom: 1px none #333333;
	border-left: 1px none #006666;
}
#detailinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 67px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/shop-detail.jpg);
	border: 1px none #FFFFFF;
}
/* Navigation Navigation Navigation Navigation Navigation Navigation Navigation Navigation  */
#navcontainer {
	padding: 0;
	height: 26px;
	width: 755px;
	border: thin none #330066;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20px;
	display: inline;
	z-index: 3;
}
#navcontainer ul {

border: 0 none;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
}
#navcontainer ul li a {
	width: auto;
	height: 16px;
	padding: 0 8;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 8px none #FF9900;
}
#navcontainer ul li a:hover {
	color: #FFCC66;
	border-top: 1px none #000000;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 8px none #6F6F6F;
}
#navcontainer a:active {
	color: #FFCC66;
	border-top: 1px none #000000;
	border-right: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 8px none #FFCC66;
}
#navcontainer li#active a {
	border-top: 1px none #000000;
	border-right: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 9px none #FFCC66;
	color: #FFCC66;
}

#navcontainer2 {
	padding: 0 0 0 0px;
	height: 26px;
	width: 755px;
	border: thin none #330066;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20px;
	display: inline;
	z-index: 3;
}
#navcontainer2 ul {
border: 0 none;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer2 ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
}
#navcontainer2 ul li a {
	width: auto;
	height: 16px;
	padding: 0 8px 0 40px;
	margin: 0;
	color: #FF9900;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 8px solid #FF9900;
}
#navcontainer2 ul li a:hover {
	color: #FFFFFF;
	border-top: 1px none #000000;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 8px solid #FFFFFF;
}

/* Form Form Form Form Form Form Form Form Form Form Form Form Form */
form {
	padding:8px;
	border:1px none #666666;
}
td, input, select { font-size:100%; font-family:Verdana, sans-serif; font-weight:bold; }
textarea {
	font-size:100%;
	font-family:Verdana, sans-serif;
	font-weight:bold;
	width: 272px;
}
input, select, textarea {
	color:#000000;
	font-size: 80%;
	border: 1px solid #333333;
}
.Bereich, .Feld { background-color:#FFFFFF; width:300px; border:6px none #ddd; }
.Auswahl { background-color:#FFFFFF; width:300px; border:6px none #ddd; }
.Button {
	background-color:#FF6600;
	color:#F2F2ED;
	width:133px;
	border:1px solid #FFCC66;
	font-size: 80%;
}

/* Shop Shop Shop Shop Shop Shop Shop Shop Shop Shop Shop Shop*/
#minishop {
	POSITION: absolute;
	TOP: 159px;
	width: 416px;
	height: 186px;
	border: 1px none #FFFFFF;
	z-index: 1;
	left: 334px;
	margin: 0px;
	overflow: auto;
}
#shop-liste    { list-style-type: none; padding: 0px; margin: 20px 0px 10px 0px; overflow: hidden; }
#shop-liste li { float: left; margin-right: 15px; }
#shop-liste a  { float: left; width: 350px; height: 160px; padding: 20px 0px 0px;
                  border: 1px none #666666;
                  text-decoration: none; 
                 }
#shop-liste a.kiga  {
background: url(../shop-images/kiga-rucksack.jpg) no-repeat 182px 0px;
}                 
#shop-liste a.umhaenge {
background: url(../shop-images/umhaengetasche.jpg) no-repeat 182px 0px;
}
#shop-liste a.beutel {
background: url(../shop-images/beutel.jpg) no-repeat 182px 0px;
}
#shop-liste a.sport-1 {
background: url(../shop-images/sporttasche.jpg) no-repeat 182px 0px;
}
#shop-liste a.umhaenge2 {
background: url(../shop-images/umhaenge2.jpg) no-repeat 182px 0px;
}
#shop-liste a.klappen {
background: url(../shop-images/klappentasche.jpg) no-repeat 182px 0px;
}
#shop-liste a.yoga {
background: url(../shop-images/yoga.jpg) no-repeat 182px 0px;
}
#shop-liste a.strand {
background: url(../shop-images/strand.jpg) no-repeat 182px 0px;
}
#shop-liste a.reise {
background: url(../shop-images/reise.jpg) no-repeat 182px 0px;
}
#shop-liste a.wasch {

background: url(../shop-images/wasch-1kl.jpg) no-repeat 182px 0px;
}
/* Umhaenge Umhaenge Umhaenge Umhaenge Umhaenge Umhaenge Umhaenge */
#detail-umhaenge {

	POSITION: absolute;
	TOP: 58px;
	width: 400px;
	height: 267px;
	border: 1px none #FFFFFF;
	z-index: 1;
	left: 342px;
	margin: 0px;
	overflow: auto;
}
#umhaenge-liste {
list-style-type: none; padding: 0px; margin: 20px 0px 10px 0px; overflow: hidden;
}
#umhaenge-liste li {
float: left; margin-right: 15px;
}

/* Schriften  Schriften Schriften Schriften Schriften Schriften Schriften  Schriften*/
a {
    color: #FF6600;
	text-decoration: none;
  }
p {
	font-size: 79%;
	margin: 0px 20px 0px 340px;
	padding: 4px 0px 12px;
	text-align: justify;
    border-bottom: 1px none silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: lighter;
}
 h1 {
	font-size: 120%;
	margin: 30px 0 0 340px;
	padding: 0px 0px 8px;
	text-align: left;
    border-bottom: 1px none silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	  }
h2 {
	font-size: 93%;
	margin: 3px 40px 4px 340px;
	padding: 0px;
	text-align: left;
	border-bottom: 1px none silver;
	color: #EA5E00;
	font-weight: bold;
}

h4 {
	font-size: 90%;
	margin: 3px 40px 6px 340px;
	padding: 0px;
	text-align: left;
    border-bottom: 1px none silver;
	color: #333333;
	font-weight: normal;
}
h5 {
	font-size: 80%;
	margin: 0 2px 0 40px;
	padding: 0px 0px 8px;
	text-align: left;
    border-bottom: 1px none silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: lighter;
}


#shop-liste a.akten {

background: url(../shop-images/akten-1-kl.jpg) no-repeat 182px 0px;
}
#shop-liste a.reise2 {

background: url(../shop-images/reise-j-kl.jpg) no-repeat 182px 0px;
}
#shop-liste a.hand {


background: url(../shop-images/handtasche-klein.jpg) no-repeat 182px 0px;
}
#shop3 {

	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: center 67px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	border: 1px none #FFFFFF;
}
#inhalt_shop3 {
	POSITION: absolute;
	TOP: 114px;
	width: 759px;
	height: 391px;
	border: 1px none #FFFFFF;
	z-index: 1;
	left: -8px;
	margin: 0px 8px 8px;
	padding-left: 0px;
}
h3 {

	font-size: 93%;
	margin: 3px 40px 4px 2px;
	padding: 0px;
	text-align: justify;
    border-bottom: 1px none silver;
	color: #EA5E00;
	font-weight: bold;
}
h6 {

	font-size: 90%;
	margin: 3px 40px 6px 2px;
	padding: 0px;
	text-align: left;
    border-bottom: 1px none silver;
	color: #333333;
	font-weight: normal;
}
#minishop3 {
	width: 760;
	height: 312px;
	border: 1px none #FFFFFF;
	z-index: 1;
	margin: 0px;
	overflow: auto; 
	
}
#shopbild {
	width: 170px;
	text-align: center;
	height: 157px;
	padding: 0px;
	color: #FF6600;
	font-size: 90%;
	line-height: 30px;
	clear: right;
	float: left;
}
#infoinhalt {
	padding: 0px 0 0;
	height: 440px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 77px;
	font-size: 90%;
	text-align: left;
	text-indent: 0px;
	background-image:  url(../images-layout/info.jpg);
	border: 1px none #FFFFFF;
}
#segelsuche {

	POSITION: absolute;
	TOP: 5px;
	width: 265px;
	height: 31px;
	overflow: hidden;
	border: 1px none #FFFFFF;
	z-index: 1;
	left: 485px;
	margin: 8px;
}
h7 {
	font-size: 75%;
	padding: 0px;
	text-align: left;
	border-bottom: 1px none silver;
	color: #F60;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 40px;
	margin-bottom: 6px;
	margin-left: 340px;
}