/* Standard HTML-Tags */
body {
    background-color: #FFFFFF;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    padding:0px;
    margin:0px;
    min-width : 984px;
}

h1 {
    position: relative;
    margin:0px;
    margin-bottom:5px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight:normal;
    line-height:normal;
}

#header {
    background-color: #F0FBFF;
    background-image: url(../images/header_repeat.JPG);
    background-repeat:repeat-x;
    height: 90px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

#header2 {
    background-image: url(../images/verlauf_oben.jpg);
    background-repeat:repeat-x;
    height: 28px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

#sidebar1 {
    float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    display:inline;
    width: 152px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    padding: 0; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    background-color: #FFFFFF;
    margin: 10px;
    clear: none;
}

#sidebar2 {
    float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    width: 160px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. Auf 160 px setzen von GoogleBanner nichtmehr verwendet wird*/
    padding: 0; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    margin: 10px;
    height: auto;
    background-color: #FFFFFF;
    text-align:center;
}

#sidebar2 a:link {color:blue; text-decoration:underline;}
#sidebar2 a:visited {color:blue; text-decoration:underline;}
#sidebar2 a:active {color:blue; text-decoration:underline;}
#sidebar2 a:hover {color:blue; text-decoration:underline;}

#mainContent {
    margin-top: 0;
    /*margin-right: 180px;*/ /*Auf 180 px setzen wenn GoogleBanner entfernt wird */
    margin-bottom: 0px;
    margin-left: 220px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    font-size:small;
    min-width:500px;
}

#mainContent a:link {color:blue; text-decoration:underline;}
#mainContent a:visited {color:blue; text-decoration:underline;}
#mainContent a:active {color:blue; text-decoration:underline;}
#mainContent a:hover {color:blue; text-decoration:underline;}

#prefooter {
    background-image: url(../images/footer.jpg);
    background-repeat:repeat-x;
    text-align:right;
    height: 15px;
    width: auto;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.searchBarText{
    font-family:"Arial";
    font-size:medium;
    font-weight:bold;
    color:#FFFFFF;
    padding-right:5px;
    padding-left:50px;
    float:left;
}

h1 a {
    text-decoration: none;
    font-weight:normal;
}

h2 {
    font-size: 14px;
    font-weight:bold;
    margin:0px;
    margin-top:5px;
    margin-bottom:5px;
}


ul {
    padding-left: 0px;
    margin-left:15px;
    margin-bottom:0px;
    position: relative; /* fuer IE */
}

li {
    list-style-type: disc;
    padding-bottom:7px;
    padding-left:0px;
    margin-left:10px;
}

.naviline {
    background:url(../images/layout/bg_navi.gif) 0 0 repeat-x;
    text-align:center;
    height:30px;
    margin:0px;
}

.navi {
    padding:0px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    width:90px;
    height:30px;
    text-align:center;
}
/*
.navi a:link{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navi a:Visited{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navi a:active{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navi a:hover {font-size:12px; color: #FFFFFF; text-decoration:underline;}
*/
.navi_hover {
    padding:0px;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    width:90px;
    height:30px;
    text-align:center;
    background:url(../images/layout/navi_button_hover.gif) 0 0 no-repeat;
}
/*
.navi_hover a:link{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navi_hover a:Visited{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navi_hover a:active{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navi_hover a:hover {font-size:12px; color: #FFFFFF; text-decoration:underline;}
*/
.navi_left {
    padding:3px;
    color: #000000;
    font-weight: normal;
    position: static;
    vertical-align:middle;
    background-color: #CCCCCC;
    border-top:1px solid #000000;
}

.navi_left a:link{font-size:12px; TEXT-DECORATION: none; color: #000000;	font-weight: normal;}
.navi_left a:Visited{font-size:12px; TEXT-DECORATION: none; color: #000000;	font-weight: normal;}
.navi_left a:hover {font-size:12px; color: #000000; text-decoration:underline;font-weight: normal;}

/* alte bg-color: 719F44 */
.navi_lefthover {
    padding:3px;
    color: #000000;
    font-weight: normal;
    position: static;
    vertical-align:middle;
    background-color: #7fbeff;
    cursor:pointer;
    border-top:1px solid #CCCCCC;
}
/*
.navi_lefthover a:link{padding-left:5px; font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;	font-weight: normal;}
.navi_lefthover a:Visited{padding-left:5px; font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;	font-weight: normal;}
.navi_lefthover a:hover {padding-left:5px; font-size:12px; color: #FFFFFF; text-decoration:underline;font-weight: normal;}
*/
.position { 
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    margin-bottom:10px;}

#navbox_links ul{	
    padding-left: 0px;
    margin-left:0px;
    position: relative; /* fuer IE */
}

#navbox_links li{
    list-style: none;
    padding-bottom:5px;
    background:url(../images/layout/pfeil-rechts.gif) no-repeat left center; padding-left:15px;
}

.content_container {
    width:550px;
    height:700px;
    padding:5px;
    background-color:#FFFFFF;
}

.contentbox {
    border:1px solid #E5E5E5;
    background-color:#FFFFFF;
}

.content {	
    padding:5px;
    background-color: #FFFFFF;
}

.content-left {	
    width:170px;
    padding:5px;
    background-color: #FFFFFF;
}

.section {
    margin:0px;
    padding:5px;
    height: auto;
    background-color: #FFFFFF;
}

.section_img {
    text-align:center;
    margin:5px;
    padding:0px;
}
.section_small {
    padding:5px;
    font-size:10px;
}

.inner_box{
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #C8DFE0;
    border-right-color: #C8DFE0;
    border-bottom-color: #C8DFE0;
    border-left-color: #C8DFE0;
    background-color: #F0FBFF;
}

.navbox {
    border-style : solid;
    border-color : #000000;
    border-width : thin;
}

.navboxheadline {
    font-family: Arial;
    font-size: 15px;
    color:#FFFFFF;
    font-weight: bold;
    background-image:url(../images/verlauf1.jpg);
    background-repeat:repeat-x;
    height: 20px;
    border-bottom-width: thin;
    border-bottom-color: #E1E1E1;
    padding: 3px;
    position: relative;
    visibility: visible;

}

.navboxheadline a:link{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navboxheadline a:Visited{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navboxheadline a:active{font-size:12px; TEXT-DECORATION: none; color: #FFFFFF;}
.navboxheadline a:hover {font-size:12px; color: #FFFFFF; text-decoration:none;}

.navboxheadline2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color:#7fbeff;
    font-weight: bold;
    margin: 0px;
    padding: 4px;
    position: static;
    visibility: visible;
}

.navboxcontent {

   
}

.footer {
    background-image: url(../images/footer.jpg);
    background-repeat:repeat-x;
    text-align:right;
    height: 15px;
    width: auto;
    clear: both;
}

.footer a:link {color:white; text-decoration:none; font-size:x-small;}
.footer a:visited {color:white; text-decoration:none; font-size:x-small;} 
.footer a:active {color:white; text-decoration:none; font-size:x-small;}
.footer a:hover {color:white; text-decoration:none; font-size:x-small;}

.footertext{color:white; text-decoration:none; font-size:x-small;}

.top_container
{
    font-size: x-small;
    padding-top : 15px;
    padding-bottom : 20px;
    height : 120px;
    width : auto;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #C8DFE0;
    overflow:hidden;
}

/***** Klassen für die Produktanzeige *****/

.prod_container{
    padding-top : 20px;
    padding-bottom : 20px;
    height : 100px;
    width : auto;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #C8DFE0;
}

.prod_description{
    font-size: x-small;
    padding-top : 5px;
    padding-bottom : 5px;
    padding-left: 10px;
}

.prod_image{
    float: left;
    padding-left: 10px;
    padding-right:10px;
    width : 90px;
    height : 110px;
    overflow:hidden
}

.prod_title{
    font-size: small;
    padding-left: 10px;
}

.prod_anbieter{
    padding-top : 10px;
}

.prod_price{
    padding-right: 10px;
    margin-top: 0px;
    font-size: small;
    text-align : right;
}

.prod_deeplink{
    text-align: right;
    padding-right: 10px;
}

.bigger_text{
    font-size:larger;
}
/***** Klassen für Produktanzeigen - ENDE *****/

/***** Klassen für Produktdetails *****/

.details_prod_container{
    padding-top : 20px;
    padding-bottom : 20px;
    height : 230px;
    width : auto;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #C8DFE0;
}

.details_prod_image{
    float: left;
    height: 230px;
    padding-left: 10px;
    padding-right:10px;
}

/***** Klassen für Produktdetails - ENDE *****/

.slider_container{
    font-size : x-small;
    text-align : center;
}

.impressum{
    margin-top:3px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #C8DFE0;
    border-right-color: #C8DFE0;
    border-bottom-color: #C8DFE0;
    border-left-color: #C8DFE0;
    background-color: #FFFFFF;
}

.top_container
{
    font-size: x-small;
    padding-top : 15px;
    padding-bottom : 20px;
    height : 120px;
    width : auto;
    overflow:hidden;
    text-align:center;
}

.menu:link {color:black; text-decoration:underline; font-size:x-small;}
.menu:visited {color:black; text-decoration:underline; font-size:x-small;}
.menu:active {color:black; text-decoration:underline; font-size:x-small;}
.menu:hover {color:black; text-decoration:underline; font-size:x-small;}

.slider:link {color:black; text-decoration:none;}
.slider:visited {color:black; text-decoration:none;}
.slider:active {color:black; text-decoration:none;}
.slider:hover {color:black; text-decoration:none;}

/***** Klasse zur Darstellung der overview.php *****/
.mini {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    position: static;
    color:#000000;
}
.navi2{

    font-weight: bold;
}


/***** Darstellung der links im footer *****/
.footerlink:link {color:white; text-decoration:none; font-size:x-small;}
.footerlink:visited {color:white; text-decoration:none; font-size:x-small;} 
.footerlink:active {color:white; text-decoration:none; font-size:x-small;}
.footerlink:hover {color:white; text-decoration:none; font-size:x-small;}

.maincat{
    font-weight: bold;
}

.blue a:link {color:blue; text-decoration:underline;}
.blue a:visited {color:blue; text-decoration:underline;}
.blue a:active {color:blue; text-decoration:underline;}
.blue a:hover {color:blue; text-decoration:underline;}