/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  font-family: arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}
body {
  font-size: 0.75em;
  text-align: center;
  background: #000;
  color: #fff;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  display: none;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 900px; w\idth: 782px;
  padding: 0 59px 0 59px;
  background: url(layout/wrapperbg.jpg) no-repeat top left;
}
#header {
  width: 782px; w\idth: 680px; height: 140px; he\ight: 90px;
  padding: 50px 51px 0 51px;
  position: relative;
  background: url(layout/headbg.gif) no-repeat 51px 50px;
}
#container {
  width: 782px; w\idth: 692px; height: 443px; he\ight: 380px;
  padding: 40px 40px 23px 50px;
  margin-top: 1px;  
  margin-bottom: 20px;
  background: url(layout/mainbg.gif) no-repeat top left;
}
#main {
  position: relative;
  width: 682px; height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
}
#left {
  display: none;
  /*background: #00ffff;*/
}
#right {
  display: none;
  /*background: #00ffff;*/
}
#footer {
  clear: both;
  width: 730px;
  position: relative;
  padding-bottom: 17px;
  font-size: 0.9em;
  /*background: #ff00ff;*/
}

/* Logo im Header */
#header #headerlogo {
  width: 430px;
  height: 24px;
  margin: 0 0 45px 145px;
} 
#header .mod_navigation {
  float: left;
  width: 720px; height: 11px;
  margin: 0 0 25px 20px;
  text-align: center;
}
#header .mod_navigation ul {
  list-style: none; margin: 0; padding: 0;
}
#header .mod_navigation li {
  display: block;
  float: left;
  margin-right: 14px;
}
#header .mod_navigation li a {
  display: block;
  height: 0px !important;
	height /**/:11px;
  padding: 11px 0 0 0;	
  overflow: hidden;
}
#header .mod_navigation li a.home {
  width: 56px;
  background: url(layout/home.gif) no-repeat top right;
}
#header .mod_navigation li a.crew {
  width: 52px;
  background: url(layout/crew.gif) no-repeat top right;
}
#header .mod_navigation li a.tattoo {
  width: 157px;
  background: url(layout/tattoogallery.gif) no-repeat top right;
}
#header .mod_navigation li a.piercing {
  width: 87px;
  background: url(layout/piercing.gif) no-repeat top right;
}
#header .mod_navigation li a.faq {
  width: 33px;
  background: url(layout/faq.gif) no-repeat top right;
}
#header .mod_navigation li a.stuff {
  width: 57px;
  background: url(layout/stuff.gif) no-repeat top right;
}
#header .mod_navigation li a.studio {
  width: 68px;
  background: url(layout/studio.gif) no-repeat top right;
}
#header .mod_navigation li a.contact {
  width: 82px;
  background: url(layout/contact.gif) no-repeat top right;
}
#header .mod_navigation li a.facebook {
  position: relative; top: -3px;
  width: 16px; height: 16px; he\ight: 0px; padding-top: 16px;
  background-image: url(layout/icons.gif);
  background-repeat: no-repeat;
  background-position: -45px -35px;
}

/* Standard-Stilangaben */
#main a {
  color: #fff;
}
#main h1 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
#main h2 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
#main h3 {
  font-size: 1em;
  margin-bottom: 0.5em;
}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1em;
}
#main ul, #main ol {
  margin-left: 1.5em;
}

/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}

.kevingal #main .pagination {
  position: absolute; top: 320px; left: 483px;
}
.kevinclose #main .pagination,
.mariogal #main .pagination,
.tobigal #main .pagination {
  position: absolute; top: 320px; left: 483px;
}

/* Formulare */
#main .formbody label {
  clear: left;
  display: block; float: left;
  width: 105px;
  margin: 0px 0px 2px 0px; padding: 1px;
}
#main p.error {
  color: #ff0000;
  font-weight: bold;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #ff0000;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width: 200px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody input.captcha {
  width: 60px;
}
#main .formbody textarea {
  width: 300px; height: 60px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody label.error {
  font-weight: bold;
  color: #ff0000;
}
#main .formbody .checkbox_container {
  padding-left: 110px;
}
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 300px;
}
#main .formbody .submit_container {
  margin: 5px 0px 0px 105px;
  padding: 1px;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}
#main .formbody select,
#main .formbody input#ctrl_7 {
  width: 100px;
}

/* Footer mit Adresse und Öffnungszeiten */
#footer .address {
  width: 260px;
}
#footer .aleft,
#footer .aright {
  float: left;  
}
#footer .aleft {
  margin-right: 209px;
}
#footer .address p {
  float: left;
  width: 125px;
}
#footer .address .block1 {
  text-align: right;
  margin-right: 10px;
}
#footer #terminlink {
  position: absolute; top: 10px; left: 250px;
}
#footer #impressumslink {
  position: absolute; top: 40px; left: 250px;
  width: 250px; text-align: center;
}
#footer #impressumslink a {
  color: #fff;
}
/* sieht furchtbar aus
#footer a#facebook {
  position: absolute; left: 60px; top: 28px;
  display: block; 
  width: 16px; height: 16px; he\ight: 0px; 
  padding-top: 16px; overflow: hidden;
  margin-left: 6px; margin-top: 2px;
  background-image: url(layout/icons.gif);
  background-repeat: no-repeat;
  background-position: -45px -35px;
}
#footer a#facebook:hover {
  background-position: 0px -35px;
}
*/