/*
Theme Name: Individual Website-Styling
Theme URI: http://www.fredisign.de/
Author: Andreas Jannot / AJ
for: www.nice-bikes.de
*/

body {
 	background-image: url(../standards/BG_alcantara.jpg);
 	/* background-color: #013396; */
 	font-family: Arial, Helvetica, sans-serif;      /* Font, wenn nicht im Seitencode anders formatiert */
 	color: #FFFFFF;
    text-align: center;                            /* Layout-Ausrichtung im IE !!! */
    font-size: 12px;    
	}
	
td {
 	font-family: Arial, Helvetica, sans-serif;
 	vertical-align: top;                            /* damit der Inhalt in jeder Spalte oben beginnt */
 	font-size: 12px;                               /* Textgröße Content egal was da im Style angegeben ist! */
    color: #FFFFFF;	                               /* Textfarbe in Tabellen wenn nicht anders angegeben */ 
 }
	 
#seite {
    /* background-image: url(../standards/carbon-klein.png); */
    background-color: transparent;
    width: 1200px;                      /* Das ist die Breite des Gesamtlayouts! */
    text-align: left;                  /* Seiteninhalt wieder links ausrichten weil für IE oben Text "center" gestellt ist!!! */
    margin: 0 auto;                    /* standardkonforme horizontale Zentrierung des Layouts */
    padding: 0px;                      /* Seitenrand um die nachfolgenden Element Header, Content, Footer usw. */
    border: 0px ridge silver;
  }

#header {
    width: 1200px;
	font-size: 14px;
	text-align: right;	
	color: #CCCCCC;                     /* Textfarbe, wenn nicht anders formatiert */
	font-weight: bold;
	padding: 0px;                       /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    border-bottom: 0px solid #CC0000;
}

#top_navi { 
     width: 1200px;	
     /* background-image: url(../standards/carbon-klein.png); */
	 background-color: #000000;  
     font-size: 14px;
     color: #CCCCCC;                     /* Textfarbe, wenn nicht anders formatiert */
     padding: 0px 0px 0px 0px;            /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
     border-bottom: 0px solid #CC0000;
}

#float-topleft {                               /* z. Header-BG links! */
     width: 900px;
     float: left; 
     font-size: 14px; color: #CCCCCC; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
     text-align: left; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px;}
}

#middle {
    width: 1200px;
   /* background-image: url(../standards/carbon-klein.png);  */
	background-color: #000000;   
    padding: 0px;                        /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    border-top: 2px solid #CC0000;
    border-bottom: 2px solid #CC0000;  
     
    /* overflow: hidden;	                   ----> horizontale Farbfüllung bei unterschiedlichen Inhalt-Längen */
}

#right_col {
	width: 300px;
	/* background-image: url(../standards/carbon-klein.png); */
	float: right; 
    padding: 8px 0px 8px 0px;             /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
    text-align: center;
}

#content {
	width: 900px;
    background-color: transparent;  
    padding: 0px 0px 0px 0px;           /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
	       
}

#footer {
    width: 1200px;
	background-color: #000000;  
	font-size: 14px;

	text-align:center;
	color: #CCCCCC;                       /* Textfarbe, wenn nicht anders formatiert */	
	border-top: 0px solid #CC0000;
    padding: 0px 0px 12px 0px;             /* Abstand des Inhaltes von den inneren Rändern: oben, rechts, unten, links */
}

strong {color: #000000; font-weight: bold; }
small { font-size: 12px; font-weight: normal; }
img { border: 0; }

a.zumshop {
display: block;
width: 220px; 
height: 83px;
text-align: center;
border: 0px solid #000000;
background-image:url(../standards/ZUM-SHOP_Kunden.png);
}

a.zumshop:hover {
background-image:url(../standards/ZUM-SHOP_Kunden_ON.png);
}

a.zumshop2 {
display: block;
width: 220px; 
height: 83px;
text-align: center;
border: 0px solid #000000;
background-image:url(../standards/ZUM-SHOP_Haendler.png);
}

a.zumshop2:hover {
background-image:url(../standards/ZUM-SHOP_Haendler_ON.png);
}	

.image { vertical-align: middle; }

.image-work { 
vertical-align: middle; 
border: 1px solid #FFFFFF;
}
	 
strong {color: #000000; font-weight: bold; }
small { font-size: 10px; font-weight: normal; }
img { border: 0px; }

a { font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link { color: #CC0000; text-decoration: none; }
a:visited { color: #CC0000; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }

a.navi { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: normal; }
a.navi:link { color: #CCCCCC; }
a.navi:visited { color: #CCCCCC; text-decoration: none; }
a.navi:hover { color: #CC0000; text-decoration: none; }

/* Linien */
hr	{ height: 1px; color: #CC0000; margin-left: 12px; margin-right: 80px; }

/* Hauptüberschriften */
h1	{ font-size: 20px; color: #CC0000; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      padding-top: 6px; text-align: left; border-bottom: solid 0px; margin-left: 0px; margin-right: 0px; }

/* Überschriften im Text */
h2	{ font-size: 14px; color: #CC0000; font-weight:bold; font-family: Arial, Helvetica, Verdana, sans-serif;
     text-align: left; margin-left: 0px; margin-right: 0px; margin-top: 8px; margin-bottom: 2px;}

/* Bildüberschrift */
h3	{ font-size: 12px; color: #000099; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: left; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; }

/* Bildüberschrift-Sidebar */
h4	{ font-size: 12px; color: #CC0000; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: center; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; }

/* Top-Navi Text */
h5	{ font-size: 14px; color: #CCCCCC; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: left; margin-left: 0px; margin-bottom: 0px; margin-top: 8px; margin-right: 2px;}

/* Footer Text */
h6	{ font-size: 12px; color: #CCCCCC; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif;
      text-align: center; margin-left: 0px; margin-bottom: 2px; margin-top: 2px; } 

/* Auflistung */
li {font-size: 12px; color: #000000; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; text-align: left; }