/* Bong Shisha Shop - CSS - Main Page & Structure */

* {
 border: 0;
 margin: 0;
 padding: 0;
  font-family: 'Arial', 'Tahoma', 'Verdana';
  font-size: 14px;
  color: #FFF;	
}

BODY {
 background: #000 url('../images/mainbg.jpg') no-repeat top center;
  text-align: center;	
}

A {
  font-size: 14px;
  color: #CCC !important;
  text-decoration: none;	
}
A:hover {
	
	color: #FFF !important;
	text-decoration: underline;
}

DIV {
 display: block;	
} 

TABLE {	
}

TABLE TR TD {
 padding: 3px 5px;
}

FORM INPUT, FORM TEXTAREA {
 background: url('../images/white_transp_bg.png');
 border: 1px solid #999;
 padding: 4px 3px;
  font-size: 12px;
  font-family: 'Tahoma';
  color: #EEE;
}
FORM INPUT.submit {
 background: url('../images/white_transp_bg2.png');
 border: 1px solid #CCC;
 padding: 4px;
  font-family: 'Arial';
  font-weight: bold;
  color: #333;
}

#banner {
 background: url('../images/topbanner_transp.png') no-repeat top center;
  width: 100%;
  height: 240px;
 position: absolute;
  top: 0;	
}

#main {
  width: 1152px;
  height: 864px;
 margin: 0 auto;
 position: relative; 	
}

#navi {	
}

#navi #link1, #navi #link2, #navi #link3, #navi #link4, #navi #link5, #navi #link6 {
 background-repeat: no-repeat;
 background-position: top left;
 position: absolute;
  left: 35px;
 display: block;
}
#navi #link1 { 
 background-image: url('../images/navi1.png');
  width: 136px;
  height: 41px; 
 top: 338px;
}
#navi #link2 { 
 background-image: url('../images/navi2.png');
  width: 161px;
  height: 50px; 
 top: 390px;
}
#navi #link3 { 
 background-image: url('../images/navi3.png');
  width: 177px;
  height: 38px; 
 top: 440px;
}
#navi #link4 { 
 background-image: url('../images/navi4.png');
  width: 199px;
  height: 52px; 
 top: 488px;
}
#navi #link5 { 
 background-image: url('../images/navi5.png');
  width: 184px;
  height: 45px; 
 top: 540px;
}
#navi #link6 { 
 background-image: url('../images/navi6.png');
  width: 189px;
  height: 34px; 
 top: 590px;
}
#navi #link1:hover, #navi #link2:hover, #navi #link3:hover, #navi #link4:hover, #navi #link5:hover, #navi #link6:hover,
#navi #link1.selected, #navi #link2.selected, #navi #link3.selected, #navi #link4.selected, #navi #link5.selected, #navi #link6.selected {
 background-position: right;
}

#content {
 background: url('../images/content.jpg') no-repeat center;
  width: 648px;
  height: 379px;
  text-align: left;
 position: absolute;
  left: 295px;
  top: 298px;
}
#content #overflowbox {
  width: 608px;
  height: 349px; 
 overflow: auto;	
}

#sponsor {
 background: url('../images/poweredby.png') no-repeat center;
  width: 620px;
  height: 100px;
 position: absolute;
  left: 310px;
  top: 675px;
}

#startseite, #bongs, #shishas, #zubehoer, #kontakt, #anfahrt {
 padding: 0 5px;
  font-size: 14px;
  line-height: 20px;
}
#startseite .firstLetter {
 margin-right: 1px;
  font-size: 24px;
  font-weight: bold;	
}
#startseite B, #bongs B, #shishas B, #zubehoer B, #kontakt B, #anfahrt B {
  font-size: 14px;
}

.headline {
 margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;	
}
.infos {
 padding: 5px 20px;	
}
.list {
 margin: 10px 0 20px;
 display: block;	
}
.list LI {
 margin: 0 25px;
}

#shishas .headline {
 margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;	
}
#shishas .infos {
 padding: 5px 20px;	
}
#shishas .list {
 margin: 6px 0 12px;
 display: block;	
}
#shishas .list LI {
 margin: 0 25px;
  line-height: 18px;
}
#kontakt .headline {
 margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;	
}
#kontakt .infos {
  line-height: 18px;	
}
#kontakt TABLE TD:first-child {
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
  text-align: right;	
  vertical-align: top;
}
#anfahrt .headline {
 margin-bottom: 15px;
  line-height: 20px;	
}
#anfahrt IFRAME {
 margin: 5px auto;	
}
#anfahrt #karte {
 text-align: center;	
}

.msg {
  width: 500px;
 margin: 5px auto;
 padding: 10px 8px;
  font-size: 12px;	
  line-height: 12px;
}

.padcon {
 padding: 15px 20px;
}