body{
  font-family: Verdana;
  color:#02053b;
  background-color: #AF99B3;
  margin: 0;
  padding: 0;
  text-align: center;
}

img {
  border: none;
  }
  
h1 {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 15px;
}

a:focus {
  outline: none;
}

#rahmen {
  width: 834px;
  height: 614px;
  border: 2px #ffffff solid;
  margin: 92px auto;
  }
  
#rahmenzwei {
  width: 802px;
  height: 582px;
  border: 2px #ffffff solid;
  padding: 0 0 0 0;
  margin: 14px 14px 14px 14px;
  }
  
#main {
  height: 574px;
  width: 794px;
  background-color: #ffffff;
  margin: 4px 4px 4px 4px;
  text-align: center;
  vertical-align: middle;
  }
   
  
 #graphiks {
  /*margin: 92px 0 0 109px;*/
  position: relative;
  top: 92px;
  left: 50px;
  height: 404px;
  }
 
 #man {
  margin: 0 0px 0 106px;
  }
  
 #woman {
  margin: 0 0 0 0; 
  }
 
 #logo {
  vertical-algin: middle;
  margin: 0 0 18px 0;
  }

 #navigation {
 background: url(../graphik/blende_navi.gif) no-repeat;
 height: 49px;
 }

 #subnavi {
  font-family: Verdana;
  /*color: #666666;*/
  font-size: 12px;
  vertical-align: top;
  margin: 0 0 0 20px;
  
  }
  
 #textsub {
  margin: 5px 0 0 13px;
  } 
 
 #table1 {
  width: 780px;
  font-family: Verdana;
  /*color:#666666;*/
  padding: 0 0 0 0;
  margin: 0 2px 0 12px;
 }
 
 * html #table1 {
  width: 780px;
 }
 

 #klnavi {
  text-align: right;
  font-size: 12px;
  }
  
 .navi {
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  }
 
 .navi a,
 #klnavi a,
 #subnavi a,
 #herrendamen a,
 .textlink
 {
  color: #666666;	
  text-decoration: none;	
  }
 
 .navi a:hover,
 .navi a.linknow,
 #klnavi a:hover,
 #klnavi a.linknow,
 #subnavi a:hover,
 #subnavi a.linknow,
 #herrendamen a:hover
 {
  color: #000000;	
  text-decoration: none;	
  }

 
/* Index Seite --------------------------------*/  

.indexlinks_man {
  font-size: 12px;
  font-weight: bold;
  color: #666666;	
  text-decoration: none;
  display: block;
  background: url(../graphik/index_man.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;  
  }
  
.indexlinks_man:hover { 
  color: #000000;
  text-decoration: none;
  display: block;
  background: url(../graphik/index_man_grey.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;
  } 
  
.indexlinks_woman {
  font-size: 12px;
  font-weight: bold;
  color: #666666;	
  text-decoration: none;
  display: block;
  background: url(../graphik/index_woman.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px; 
  }
  
.indexlinks_woman:hover
 { 
  color: #000000;
  text-decoration: none;
  display: block;
  background: url(../graphik/index_woman_grey.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;
  
  }    
  
/* Index Provoque ------------------- */
.indexlinks_outfits {
  font-size: 12px;
  font-weight: bold;
  color: #666666;	
  text-decoration: none;
  display: block;
  background: url(../graphik/index_outfits.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;  
  }
  
.indexlinks_outfits:hover { 
  color: #000000;
  text-decoration: none;
  display: block;
  background: url(../graphik/index_outfits_grey.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;
  } 
  
.indexlinks_accessoires {
  font-size: 12px;
  font-weight: bold;
  color: #666666;	
  text-decoration: none;
  display: block;
  background: url(../graphik/index_accessoires.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px; 
  }
  
.indexlinks_accessoires:hover
 { 
  color: #000000;
  text-decoration: none;
  display: block;
  background: url(../graphik/index_accessoires_grey.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;
  }

  

#indexlogo {
 margin: 0 0 0 96px;
 }     
  /* Index Provoque Ende ----------------------------- */   

 
 /* Problem mit Safari / Opera */

#indextable {
 height: 574px;
 font-size: 12px;
 font-weight: bold;
 color: #666666;	
 text-decoration: none;

 }
 
#indextable a {
font-size: 12px;
font-weight: bold;
color: #666666;	
text-decoration: none;
}

#indextable a:hover {
font-size: 12px;
font-weight: bold;
color: #000000;	
text-decoration: none;
}
 
 #logoSpace {
 	padding-bottom: 13px;
 }
 
 * html #logoSpace {
 	padding-bottom: 11px;
 }

 /* Index Seite Ende --------------------------*/
 
 #table2 {
  width: 794px;
  height: 525px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }
  
 #table2 img.big {
  margin: 1px 0 0 0;
 }
 
 * html table2 img.big {
  margin: 0;
 }
 
 #tdtext,
 #tdtextBestellung {
  margin: 0 34px 0 23px;
  font-family: Verdana;
  font-size: 12px;
  color: #666666;
  vertical-align: top;
  height: 325px;
  }

#tdtextBestellung {
    margin: 0 34px 0 0;
}
  
 #tdtext a,
 #tdtextBestellung a {
  color: #666666;	
  text-decoration: none;
  }	
  
 #tdtext a:hover,
 #tdtextBestellung a:hover {
  color: #000000;	
  text-decoration: none;	
  }
  
 /* Links im Text */
  
 #textlink {
 margin: 0 34px 0 23px;
  font-family: Verdana;
  font-size: 12px;
  color: #666666;
  vertical-align: top;
  height: 325px;
 }
 
 #newsArchivLink a{
  font-family: Verdana;
  font-size: 11px;
  color: #666666;
  text-decoration: underline;
 }
 
 #textlink a {
 color: #666666;
 text-decoration: underline;
 }
 
 #textlink a:hover
  {
  color: #000000;	
  text-decoration: underline;	
  }
 
 #zurueck {
 margin: 0 34px 0 0;
  font-family: Verdana;
  font-size: 12px;
  color: #666666;
  vertical-align: top;
 }
 
 #zurueck a {
 color: #666666;
 text-decoration: none;
 }
 
 #zurueck a:hover
 {
  color: #000000;	
  text-decoration: none;	
  }
  
  #archivlink {
 margin: 0 34px 0 0;
  font-family: Verdana;
  font-size: 11px;
  color: #666666;
  vertical-align: top;
 }
 
 #archivlink a {
 color: #666666;
 text-decoration: none;
 }
 
 #archivlink a:hover
 {
  color: #000000;	
  text-decoration: none;	
  }
 
 
 /* Links im Text Ende */
  
 
#tdlogo,
#tdlogo_alternativ {
 margin: 0 15px 0 30px;
 }
 
* html #tdlogo_alternativ {
 margin: 1px 15px 0 30px;
 } 
  
#tdpicture1 {
 margin: 0 16px 0 0;
 } 
 
#tdpicture1quer {
 margin: 0 6px 0 0;
 } 
 
 div.scrollbar {
 text-align: left;
 background-color: #FFFFFF;
 height: 455px;
 overflow: auto;
 width: 555px;
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 padding: 25px 40px 20px 10px;
 
}

* html div.scrollbar {
 height: 500px;
 width: 605px;
}

.tablescroll {
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 }
 
#faqlogo {
 margin: 0 0 20px 30px;
 } 
 
#tablefaq {
 height: 525px;
 width: 794px;
 }
 
.tdfrage {
 background-color: #AF99B3;
 color: #000000;
 }  
 
#content .formular {
	border: none;
}

.tablekontakt {
 margin: 57px 0 0 0;
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 vertical-align: top;
 }
 
 .tablekontakt a {
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 text-decoration: underline;
 }
 
.tablekontakt a:hover {
 font-family: Verdana;
 font-size: 12px;
 color: #000000;
 text-decoration: underline;
 }
 
#contact {
 margin: 47px 0 20px 0;
} 



#impressum {
 margin: 0 0 0 0;
 }
 
#tableformular,
#tableformularBestellung {
 margin: 48px 0 0 0;
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 vertical-align: top;
 }

#tableformularBestellung {
    margin: 20px 0 0 0;
}
 
.inputfont {
 font-family: Verdana;
 color: #000000;
 font-size: 12px;
 border: 1px #AF99B3 solid;
 }
 
#tdimpressum{
  margin: 50px 64px 0 25px;
  font-family: Verdana;
  font-size: 12px;
  color: #666666;
  }
  
 #tdimpressum a{
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 text-decoration: underline;
 }
 
 #tdimpressum a:hover {
 font-family: Verdana;
 font-size: 12px;
 color: #000000;
 text-decoration: underline;
 }
 
 .inputsenden {
 font-family: Verdana;
 color: #000000;
 font-size: 12px;
 background-color: #AF99B3;
 }
 
 #herrendamen {
 margin: 88px 0 0 489px;
 font-family: Verdana;
 color: #666666;
 font-size: 12px;
 font-weight: bold;
 }
 
 * html #herrendamen {
 margin: 70px 0 0 479px;
 }
 
 /* --- BILDERGALERIE --- */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
}

/* style the outer containing div to fit the landscape, portrait and buttons */

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
    padding: 0;
    margin: 220px 0 0 0;
    list-style-type: none;
    position: relative;
    width: 300px;
}

/* remove the default image border */
.gallery img {
    border: none;
}

/* make the list horizontal */
.gallery li {
    float: left;
    margin-bottom: 12px;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
    font-size: 11px;
    float: left;
    text-decoration: none;
    color: #000000;
    text-align: center;
    width: 90px;
    height: 65px;
    margin-right: 10px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
    position: absolute;
    top: -220px;
    left: 0;
    visibility: hidden;
    border: none;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
    visibility: visible;
}
 

/* -------- Shop -------- */

.photoshop {
margin: 0 10px 0 0;
}

.shoptable {
 width: 350px;
 text-align: top;
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 }
 
 #shopdiv{
 height: 525px;
 width: 794px;
 overflow:scroll; 
 }
 
 .buttonwarenkorb {
 width: 155px;
 height: 16px;
 background-color: #ffffff;
 color: #333333;
 text-align: center;
 border-width:2px;
 border-style:outset;
 border-color: #AF99B3;
 margin-top: 3px;
 }
 
 .warenkorb {
 margin: 1px 0 0 4px;
 }

.butWarenkorb {
    font-family: Verdana;
    color: #000000;
    font-size: 12px;
    background-color: #AF99B3;
}


.textlink {
	font-family: Verdana;
 	font-size: 12px;
 	font-color: #666666;
 	text-align: center;	
  	text-decoration: none;
  
  }	
  
 .textlink:hover {
  color: #000000;	
  text-decoration: none;	
  }
  
 .warenkorb2 {
 margin: 0 0 0 0px;
 }
 
 .warenkorbtable {
 font-family: Verdana;
 font-size: 12px;
 color: #666666;
 }
 
 #shop {
 margin: 2px 0 0 0;
 }
 
#shoplogo {
 margin: 0 15px 1px 30px;
 } 

 #armhalslogo {
 margin: 0 0 21px 30px;
 }

.shopForm {
    margin: 0;
}

.imgmargin {
margin: 0 15px 0 15px;
}

.tablenews {
 font-family: Verdana;
 font-size: 11px;
 color: #666666;
 padding: 0 0 0 -2;
 }
 
.tablenewsarchiv {
font-family: Verdana;
 font-size: 11px;
 color: #666666;
 padding: 0 0 0 -2;
 }

 .tablenewsarchiv a{
 font-family: Verdana;
 font-size: 11px;
 color: #666666;
 text-decoration: none;
 } 
 
 .tablenewsarchiv a:hover{
 font-family: Verdana;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 } 
 
 
.tdnews {
 border-top: #AF99B3 1px solid;
 padding: 5px 0 5px 0;
 }
 
 .tdnewsfirst {
 padding: 0px 0 5px 0;
 }
 
  .smilie {
 font-size: 18px;
 font-weight: bold;
 }