/*##############################################################################
---	der body und so ---*/
body {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:white;
	margin:0;
	position:fixed;
  overflow-y:hidden;
  width:100%;
  height:100%;
	background-color:333333;
}

p{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:white;
	margin:0;
}

/*##############################################################################
--- die wichtigen bereicheunterteilungen der seite ---*/
#divfixed { /*das menü links*/
  top:20%;
  height:78%;
  width:20%;
/*  position:fixed;*/
  position:absolute;
  overflow-y:auto; 
  margin-left:5%; 
  background-color:cccccc;
}
  
#divscroll_breit { /*der Block mit den Seiteninhalten in der Mitte*/
  height:78%;  
  width:74%;
  color:white;
  overflow:auto;  
  background-color:666666;
  right:0; 
  left:20%; 
  top:20%;
  margin:0;
  position:absolute; 
}

/*
#divscroll { /*der Block mit den Seiteninhalten in der Mitte, aber kürzer, damit das shop-menü rechts noch hinpasst
  height:85%;  
  width:60%;
  color:white;
  overflow:auto;  
  background-color:666666;
  right:0; 
  left:20%; 
  top:10%;
  margin:0;
  position:absolute; 
  padding:10px;
}
*/

#janz_hintn{/*Hintergrund*/
  position:absolute;
  top:10%;
  background-color:006699;
  width:100%;
  height:80%;
}

/*
#de_banna_dingends{/*der Banner oben
  position:absolute;
  height:10%;
  width:89%;
  margin-left:5%;
  text-align:left;
  font-size:250%;
  font-weight:bold;
  color:black;
}


#shop_menu{/*das shop-menü auf der rechten seite
  height:85%;  
  width:14%;
  overflow:auto;  
  right:0; 
  left:80%; 
  top:10%;
  margin:0;
  position:absolute; 
  padding:10;
  background-color:cccccc;
}
*/

#footer{/*design by 77ps-footer*/
  width:100%;
  top:92%;
  position:absolute;
  text-align:center;
}
/*############################################################################*/

/*--------------MENÜ-LINKS----------------------------*/
a:link {
	color: black;
  padding-left:15px;
	text-decoration: none;
}
a:visited {
	color: black;
  padding-left:15px;
	text-decoration: none;
}
a:hover {
	color: black;
  padding-left:15px;
	text-decoration: underline;
}
a:active {
	color: black;
  padding-left:15px;
	text-decoration: underline;
}

li {
line-height:16px;
list-style:disc;
}

li a{
display:block;
margin-top:0px;
margin-bottom:0px;
}

ul{
margin: 0px;
padding: 0px;
}

.nav1st {
	    list-style-type:none !important;
		line-height: 13px !important;
	background-color:CCCCCC;
}

.nav1st li{
	border-bottom:0px solid;
	list-style-type:none !important;
	list-style:none;
	background-color:CCCCCC;
}

.nav1st li a:hover{
	display:block;
	background-color:F0F0F0;
}

.current{
	display:block;
	background-color:CCCCCC;
}

.nav1st:link {
	color: black;
	background-color:CCCCCC;
	}

.nav1st:visited{
	color: black;
	background-color:white;
	}
	
.nav1st:hover {
	color: black !important;
  text-decoration:underline;
	background-color:CCCCCC;
	}
	
.nav1st:active{
	color: black;
	background-color:CCCCCC;
}

.current:link {
	color: black;
	background-color:white;
	}
	
.current:visited{
	color: black;
	background-color:white;
	}
	
.current:hover {
	color: black;
  text-decoration:underline;
	background-color:CCCCCC;
}

.current:active{
	color: black;
	background-color:CCCCCC;
	}
	
.nav2nd{
	    list-style-type:none !important;
		background-color: #d6ab00;
		width:162px;
}

.nav2nd:link {
		color: #8b8989;
		background-color: #d6ab00;
	}

.nav2nd:visited{
	color: #8b8989;

}
.nav2nd:hover {
	color: #000000 !important;
	
}
.nav2nd:active{
	color: #f3f3f3;
}

.nav2nd li{
	border-bottom:0px;
	list-style-type:none !important;
	line-height:16px !important;
	
}

.nav3rd {
	list-style-type:none !important;
	color: #8b8989;
	font-weight: normal;
	background-color: #d6ab00;
	width:161px;
}

.nav3rd li{
	list-style-type:none !important;
}


.nav3rd:visited{
	color: #8b8989;
	font-weight: normal;
}
.nav3rd:hover {
	color: #000000;
	font-weight: normal;
}
.nav3rd:active{
	color: #ffb400;
	font-weight: normal;
}


.active{
	color: #ffb400;
	font-weight: normal;
}
.current{
	color: #ffb400;
	font-weight: normal;
}

/*##############################################################################
-------Schriftarten-----------------------------------------------------------*/
#font-3{
  color:ffcc00 ;
}

/*##############################################################################
-------Shop link-----------------------------------------------------------*/
#shop_link{
  text-align:left;
  font-size:15px;
  color:white;
  font-weight:bold;
  padding-left:15px;
}
#shop_link_div{
  width:100%;
  background-color:orange;
}
/*##############################################################################
-------Kontakt Formular-----------------------------------------------------------*/
#contact_header{
  padding-left: 100px; 
  width:200px; 
  float: left;
}

#contact_input{
  float: left;
}
/*##############################################################################
-------Der banner oben-----------------------------------------------------------*/
#table_banner{
  width:89%;
  height:19%;
  margin-left:5%;
  border:0px;  
  margin-top:1%;
}

#td_banner_links{
  width:20%;
  background-repeat: no-repeat;
  background-image:url(../banner/links.jpg);
}
#td_banner_mitte{
  width:60%;
  vertical-align:center;
  background-image:url(../banner/mitte.jpg);
}
#td_banner_rechts{
  width:20%;
  background-repeat: no-repeat;
  background-image:url(../banner/rechts.jpg);
}
#table_banner_schriftzug{
  font-size:1.5em;
  color:#0008A9;
  font-family:  Arial Black;
}