/* 
    Document   : surfshop
    Created on : 20.08.2009, 15:37:36
    Author     : Nico
    Description:
        Purpose of the stylesheet follows.
*/

/************************
Surfcenter Info
  *************************/

.info #textbereich1 {
    width: 53%;
    padding:3% 3% 1% 3%;
}

.info #textbereich2 {
    width: 34%;
    padding:3%;
}
* html .anfahrt #textbereich1 {
    width: 57%;
    padding:2%;
}
.anfahrt #textbereich1
{
    width: 63%;
    padding:3%;
}

.anfahrt #textbereich2{
    width: 24%;
    padding:3%;
}
.bildseries{
    float:left;
    border: 3px outset #bbb;
    margin: 0px 13px 5px 0px;
}
.bildserieslast{
    float:left;
    border: 3px outset #bbb;
    margin: 0px 0px 5px 0px;
}


.box li span{
    font-size:0.7em;   
    margin-left: 5px;
    color: #444;
}

/* ==================================
   1. Produkte
   =============================== */

/* {margin: 0; padding: 0;}*/


.produkte #textbereich{
    padding-top: 1%;
}

.produkte div.produkt-l {
    overflow: hidden; /* zum Umschlie�en der Floats */
    background-color: #81C5EF;
    padding: 225px 10px 10px 0;
    margin: 0 6px 12px 6px;
    padding: 0px;  
    border: 3px outset #bbb;
}
.produkte table{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em 0;
    text-align: center;
}
.produkte th,td {
    padding: 0.3em 0.4em 0.3em 0.7em;
    border: 1px solid #aaaaaa
}

.produkte th {
    background-color: #bbbbbb;
}

.produkte tr.special1{
	color: #D6181A;
}



.produkte div.prodhead div.company{
    float: left;
    border-right: 2px solid #bbb;
    font: bold 1.2em Arial;
    background-color: #81C5EF;
    padding:  0.2em 2% 0.2em 2%;
}
.produkte div.prodhead div.modell{
    float: left;
    border-right: 2px solid #bbb;
    font: bold 1.2em Arial;
    background-color: #81C5EF;
    padding: 0.2em 2% 0.2em 2%;
}
.produkte div.pricefrom {
    float: right;
    border-left: 2px solid #bbb;
    font: bold 1.2em Arial;
    color:  #F74B31;
    background-color: #81C5EF;
    padding: 0.2em 2% 0.2em 2%;
}
.produkte div.prodcont{
    overflow: hidden;
    clear: both;
    padding: 3px;
    background-color: #FFFddd;
}

.produkte span.modell {
    float: left;
}
.produkte span.company {
    float: left;
}


.produkte span.image {
    float: left;
    padding: 4px;
    border: 1px solid #ddd;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.produkte .box{
    width:300px;
    padding: 1%;
}

#mode .box{        
    width:auto;
    
}

#catbar{
    margin: 0px 0px 20px 80px;
    background-color: #81C5EF;
    padding:5px 0px 4px 0px;
    font-size:93%;
    height:13px;
    border: 3px outset #bbb;
    width: 80%;
}

#catbar ul {
    float:left;
    margin:0;
    padding:0px 10px 0 20px;
    list-style:none;
}
#catbar li {
    display:inline;
    padding:0;
}
#catbar a {
    float:left;
    margin:0;
    padding:0px;    
}
#catbar a span {
    float:left;
    display:block;
    padding:0px 5px 0px 5px;
    color:#444;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#catbar a span {float:none;}
/* End IE5-Mac hack */
#catbar a:hover span {
    color:#FFF;
}
#catbar a:hover,#navibereich2 a:focus {   
    color:white;
}
#catbar a:hover span {
    text-decoration:underline;
    padding:0px 5px 0px 5px;
    color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#catbar a:hover span {float:none; color:#111;}
/* End IE5-Mac hack */


#catbar .navi01 span {
    display:block;
    background-position:100% -42px;
    text-decoration:underline;
    padding:0px 5px 0px 5px;
    color: #222;
}
#catbar .navi01 {
    float:left;
    margin:0;
    text-decoration:none;
}

/* ==================================
   ENDE DES STYLESHEETS
   =============================== */