/* CSS Document */
/* Hintergrundfarbe*/
 body {
	background: #ffffff url('/templates/xtc4/img/bg.jpg') repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 50px;
	}

/*cont boxes*/
 #bg_box {
     position:relative;
	 top:0px;
	 left:80px;
	 width:900px;
	 min-height:10px;
     border-bottom: 2px solid #717171;
     border-right: 2px solid #717171;
	 border-top: 1px solid #717171;
     border-left: 1px solid #717171;
 }

 #header_box {
     position:relative;
	 top:0px;
	 width:900px;
	 height:217px;
	 background-color:#ffffff;

 }
 #werbung {
     position:relative;
	 width:220px;
	 height:60px;
	 margin-top:10px;
	 margin-bottom:15px;
	 margin-left:10px;

 }
 #haupt_box {
     position:relative;
	 left:0px;
	 top:0px;
	 width:890px;
	 min-height:1200px;
	 background-color:#ffffff;
	 padding-left:10px;
	 padding-top:6px;
	 padding-bottom:10px;

 }
 /*Inhalte*/

 #sprache_box {
     position:absolute;
	 top:3px;
	 right:10px;
	 width:40px;
     height:12px;
 }


 #main_box {
     position:relative;
	 left:0px;
	 top:0px;
	 width:630px;
	 min-height:10px;
	 background-color:#ffffff;
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #000000;

 }
 #cat_box {
	 position:absolute;
	 left:0%;
	 top:193px;
	 width:850px;
	 height:25px;
	 color: #636363;;
     padding-left:4px;
     padding-top:3px;
 }
 #menu_box {
	 background-color: #ffffff;
	 position:relative;
	 left:0px;
	 top:0px;
	 width:900px;
     height:25px;
     color:#646464;
	 border-bottom: 1px solid #CECECE;
     border-top: 1px solid #CECECE;
 }
 #right_box {
	 background-color: #ffffff;
	 position:absolute;
	 right:3px;
	 /* top:248px*/
	 top:262px;
	 width:250px;
	 min-height:10px;
	 padding:0;
	 margin:0;
 }
 #wimp_box {
	 position:absolute;
	 left:-100px;
	 top:245px;
	 width:100px;
	 height:231px;

 }

 #banner_box{
	 position:fixed;
	 top:8px;
	 left:996px;
	border-right:2px solid #717171;
	 border-bottom: 2px solid #717171;
	 border-top:1px solid #717171;
	 border-left:1px solid #717171; 
}


 #footer {
     width:900px;
     left:80px;
     position:relative;
     text-align:center;
 }

 .copyright{
     width:900px;
     left:80px;
     position:relative;
     text-align:center;
	 font-size: 10px;
 }
 .copyright a {text-decoration:none;color: #636363;}

 /*cat_box schrift/link formatierung*/
 .headerNavigation {
     text-decoration:none;
	 color: #636363;

 }
 .onepxwidth {
 text-align:left;
 width:10px;
 }

 #checkout_payments {
 text-align:left;
 }
 .conditions a {text-decoration:none;color: #636363;font-weight:bold;font-size:12px;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 .main a {text-decoration:none;color: #636363;font-weight:bold;font-size:12px;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 /*Hauptmenü*/
 #menu_box a {text-decoration:none;color: #636363;}
 #menu_box a:hover {text-decoration:none;color: #DD3333;}
 #footer a {text-decoration:none;color: #636363;}
 #footer a:hover {text-decoration:none;color: #DD3333;}
 /*Tablle auf der Starseite*/
 .index-table {
     text-align:center;
     width:600px;
 }

 img{
	 border:0;
 }

 .index_produkte {
     padding:10px;
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 9px;
     color: #636363;
 }
 .index_produkte a {text-decoration:none;font-size:9px;color: #636363;}

 .infoBoxHeading_right{
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 18px;
     color: #636363;
	 font-weight:bold;
	 border-bottom: 1px solid #D4D2D3;
 }
 .infoBoxHeading_right a {text-decoration:none;color: #636363;font-weight:bold;font-size:18px;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 .infoBoxHeading_right a:hover {text-decoration:none;color: #DD3333;font-weight:bold;font-size:18px;font-family: Tahoma, Arial, Helvetica, sans-serif;}

 .boxText {
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #636363;

 }
 .boxText a {text-decoration:none;color: #000000;font-weight:bold;font-size:12px;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 .boxText a :hover {text-decoration:none;color: #636363;font-weight:bold;font-size:12px;font-family: Tahoma, Arial, Helvetica, sans-serif;}


 .infoBox_right{
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #636363;

 }
 .infoBox_right a {text-decoration:none;color: #DD3333;font-size:12px;font-family: Tahoma, Arial, Helvetica, sans-serif;}

 .contentsTopics {
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 18px;
     color: #636363;
	 font-weight:bold;
 }


 h1 {
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 18px;
     color: #636363;
	 font-weight:bold;
	 margin-top:0px;
    }
 h2 {
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 14px;
     color: #636363;
	 font-weight:bold;
    }

 .main_info a {text-decoration:none;color: #000000;font-size:12px;font-weight:bold;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 .main_info a:hover {text-decoration:none;color: #DD3333;font-size:12px;font-weight:bold;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 .link a {text-decoration:none;color: #636363;font-size:12px;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 .smallHeading a {text-decoration:none;color: #000000;font-size:12px;font-weight:bold;font-family: Tahoma, Arial, Helvetica, sans-serif;}
 .normal-text{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #636363;
  text-align:left;
  }

 .box{
 margin-bottom:10px;
 }
 .boxTextBGIII {
 border: 1px solid #D4D2D3;
 width:80%;
 }


 .header-images {
 border-bottom: 1px solid #D4D2D3;
 height:60px;
 width:100%;
 }

/*menu*/

/*farbmuster*/
#test {
position:relative;
z-index:10;
}

#div_muster
{
position:absolute;
top:-43px;
right:0px;
z-index:20;
}

/*Zeitstahl*/
#time {
position:relative;
width:600px;
height:100px;
}
#strahl {
position:absolute;
bottom:0px;
}
#original
{
position:absolute;
top:0px;
left:15px;
}
#island
{
position:absolute;
top:0px;
left:121px;
}
#point
{
position:absolute;
top:29px;
left:190px;
}
#marimekko
{
position:absolute;
top:0px;
left:256px;
}
#outdoor
{
position:absolute;
top:4px;
left:325px;
}
#catbag
{
position:absolute;
top:-4px;
left:388px;
}
#headdemock
{
position:absolute;
top:29px;
left:388px;
}
#junior
{
position:absolute;
top:1px;
left:417px;
}
#avenue
{
position:absolute;
top:0px;
left:447px;
}
#meta
{
position:absolute;
top:0px;
left:531px;
}

/*Rent A Fatboy*/

.rent_head{
width:610px;
height:250px;
text-align:center;
margin-bottom:25px;
}

.rent_text{
min-height:10px;
margin-bottom:0px;
padding:8px;
}

.rent_inhalt{
width:500px;
height:60px;
margin-top:10px;
margin-left:60px;
padding:5px;
}

.rent_inhalt img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.rent_link a{
font-size:25px;
color:#CC3333;
}

.rent_link{
width:610px;
text-align:center;
margin-top:45px;
}

.clear{
clear:both;
}

.rent_title{
font-size:16px;
color:#CC3333;
font-weight:bold;
margin-bottom:10px;
margin-top:5px;
}

.rent_tabelle{
float:left;
width:200px;
margin-right:40px;
margin-top:10px;
border:1px solid #CCCCCC;
padding:5px;
}

.rent_tabelle_container{
margin-left:65px;
}

/*Gallerie*/
#gallerie_thumbnail{
position:relative;
width:120px;
height:150px;
margin-right:15px;
margin-left:17px;
margin-top:10px;
margin-bottom:20px;
float:left;
}
#gallerie_text{
margin-top:5px;
color:#646464;
}

/*Produkt Slide Show*/
  #container {
  position: relative;
  width: 560px;
  height: 58px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
  float:left;
}

#scroller {

  /*width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}
#scroller-left{
float:left;
}

#scroller-right{
float:left;
}
.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}
.redbox {padding:5px; border:1px solid red; color:red;}

/* Bildleiste */
#Fatboy_Original a { display: block; width: 50px; height: 50px; text-decoration: none; background: url("img/thumbnails_head/fatboy_original.jpg") 0 0 no-repeat; }
#Fatboy_Original a:hover { background-position: 0 -50px; }
#Fatboy_Junior a { display: block; width: 50px; height: 50px; text-decoration: none; background: url("img/thumbnails_head/fatboy_junior.jpg") 0 0 no-repeat; }
#Fatboy_Junior a:hover { background-position: 0 -50px; }
#Fatboy_Marimekko a { display: block; width: 50px; height: 50px; text-decoration: none; background: url("img/thumbnails_head/fatboy_marimekko.jpg") 0 0 no-repeat; }
#Fatboy_Marimekko a:hover { background-position: 0 -50px; }