@charset "utf-8"; 

/* Projekt: Zweirad Burbach */
/* Typ: Basis */
/* Author: Heike Baage */
/* Erstellt am: 11.03.2008 */
/* Zuletzt geandert am: 13.05.2009 */
/* Zuletzt geandert von: Benjamin Bercz */
/* QS am: */

/* 
Grundfarben der Site 
Dunkelblau: #333399
blau mit weniger Deckkraft :  #A6A6BF
*/

/* Inhalt */
/* 1. Grundeinstellungen */
/* 2. Kopf */
/* 3. Content */
/* 4. Subemnu */
/* 5. Abschnittsvorlagen */
/* 6. Abbinder */

/* 1. Grundeinstellungen */

body {
padding: 0;
margin: 0;
background-color: #fff;
color: #666;
border: none;
font-family: Arial, Helvetica, sans-serife;
font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
margin: 0;
padding: 0;
}

ul, dl {
list-style-type: none;
}

img {
margin: 0;
padding: 0; 
border: none;
}


#box {
margin: 30px auto;
padding: 0;
border: none;
width: 963px;
}

/* 2. Kopf */

#header {
margin: 0;
padding: 0;
height: 200px;
background-image: url(../img/visual-header.jpg);
background-repeat: no-repeat;
border: none;
}

#homepage-header {
margin: 50px auto;
padding: 0;
height: 200px;
background-image: url(../img/visual-header.jpg);
background-repeat: no-repeat;
border: none;
}

#homepage-header p {
margin: 170px 0 0 500px;
color: #fff;
font-weight: bold;
font-size: 1.2em;
}

#homepage-header p  a:link, #homepage-header p  a:visited, #homepage-header p  a:active {
text-decoration: none;
color: #fff;
}

#homepage-header p  a:hover , #homepage-header p  a:focus {
text-decoration: underline;
color: #fff;
}

/* 3. Content */

#content {
clear: both;
float: left;
margin: 30px 0 0 0;
padding: 0;
width: 963px;
border: none;
}

/* 4. Subemnu */

#submenu {
float: left;
margin: 0;
padding: 0;
border: none;
}

#submenu ul li a span   {
visibility: hidden;
border: none;
text-decoration: none;
}

#submenu li {
margin: 2px 0 0 0;
padding: 0; 
width: 170px;
height: 28px;
border: none;
background-repeat: no-repeat;
}

#submenu ul li a {
border: none; 
width: 170px;
height: 28px;
display: block;
}

#submenu ul li a:link, #submenu ul li a:hover, #submenu ul li a:visited, #submenu ul li a:focus, #submenu ul li a:hover {
text-decoration: none;
}

.firstElement {
margin: 0 !important;
background-image: url(../img/submenu-header.gif);
}

.lastElement {
background-image: url(../img/submenu-footer.gif);
}

.haupt-eins {
background-image: url(../img/haupt-eins.jpg);
}

.haupt-eins a {
display: block;
background-image: url(../img/haupt-eins.jpg);
}
.haupt-eins a:hover, .haupt-eins a:focus, .haupt-eins a:active  {
background-image: url(../img/haupt-eins-active.jpg);
}

/* Online Shop */
.haupt-online {
background-image: url(../img/onlineshop.jpg);
}

.haupt-online a {
display: block;
background-image: url(../img/onlineshop.jpg);
}

.haupt-online a:hover, .haupt-online a:focus, .haupt-online a:active  {
background-image: url(../img/onlineshop_active.jpg);
}

/* Ende Online Shop */

/* AGB'S */
.agb {
background-image: url(../img/agb.jpg);
}

.agb a {
display: block;
background-image: url(../img/agb.jpg);
}

.agb a:hover, .agb a:focus, .agb a:active  {
background-image: url(../img/agb_active.jpg);
}

/* Ende AGB'S */

.haupt-zwei {
background-image: url(../img/haupt-zwei.jpg);
}

.haupt-zwei a { 
display: block;
background-image: url(../img/haupt-zwei.jpg);
}

.haupt-zwei a:hover, .haupt-zwei a:focus, .haupt-zwei a:active, .haupt-zwei a.aktuell {
background-image: url(../img/haupt-zwei-active.jpg);
}

.haupt-drei {
background-image: url(../img/haupt-drei.jpg);
}

.haupt-drei a {
display: block;
background-image: url(../img/haupt-drei.jpg);
}

.haupt-drei a:hover, .haupt-drei a:focus, .haupt-drei a:active , .haupt-drei a.aktuell {
background-image: url(../img/haupt-drei-active.jpg);
}

.haupt-vier {
background-image: url(../img/haupt-vier.jpg);
}

.haupt-vier a {
display: block;
background-image: url(../img/haupt-vier.jpg);
}

.haupt-vier  a:hover, .haupt-vier  a:focus, .haupt-vier  a:active, .haupt-vier  a.aktuell {
background-image: url(../img/haupt-vier-active.jpg);
}

.haupt-fuenf {
background-image: url(../img/haupt-fuenf.jpg);
}

.haupt-fuenf a {
display: block;
background-image: url(../img/haupt-fuenf.jpg);
}

.haupt-fuenf  a:hover, .haupt-fuenf  a:focus, .haupt-fuenf  a:active, .haupt-fuenf  a.aktuell {
background-image: url(../img/haupt-fuenf-active.jpg);
}

.haupt-sechs {
background-image: url(../img/haupt-sechs.jpg);
}

.haupt-sechs a {
display: block;
background-image: url(../img/haupt-sechs.jpg);
}

.haupt-sechs a:hover,  .haupt-sechs a:focus, .haupt-sechs a:active, .haupt-sechs a.aktuell {
background-image: url(../img/haupt-sechs-active.jpg);
}

.haupt-sieben {
background-image: url(../img/haupt-sieben.jpg);
}

.haupt-sieben a {
display: block;
background-image: url(../img/haupt-sieben.jpg);
}

.haupt-sieben a:hover, .haupt-sieben a:focus, .haupt-sieben a:active, .haupt-sieben a.aktuell {
background-image: url(../img/haupt-sieben-active.jpg);
}

.haupt-acht {
background-image: url(../img/haupt-acht.jpg);
}

.haupt-acht a {
display: block;
background-image: url(../img/haupt-acht.jpg);
}

.haupt-acht  a:hover, .haupt-acht  a:focus, .haupt-acht  a:active, .haupt-acht  a.aktuell {
background-image: url(../img/haupt-acht-active.jpg);
}

.haupt-neun {
background-image: url(../img/haupt-neun.jpg);
}

.haupt-neun  a {
display: block;
background-image: url(../img/haupt-neun.jpg);
}

.haupt-neun a:hover, .haupt-neun a:focus, .haupt-neun a:active, .haupt-neun a.aktuell {
background-image: url(../img/haupt-neun-active.jpg);
}

.haupt-zehn {
background-image: url(../img/haupt-zehn.jpg);
}

.haupt-zehn  a {
display: block;
background-image: url(../img/haupt-zehn.jpg);
}

.haupt-zehn a:hover, .haupt-zehn a:focus, .haupt-zehn a:active, .haupt-zehn a.aktuell {
background-image: url(../img/haupt-zehn-active.jpg);
}

.haupt-elf {
background-image: url(../img/haupt-elf.jpg);
}

.haupt-elf  a{
display: block;
background-image: url(../img/haupt-elf.jpg);
}

.haupt-elf  a:hover, .haupt-elf  a:focus, .haupt-elf  a:active, .haupt-elf  a.aktuell  {
background-image: url(../img/haupt-elf-active.jpg);
}

.haupt-zwoelf {
background-image: url(../img/haupt-zwoelf.jpg);
}

.haupt-zwoelf a {
display: block;
background-image: url(../img/haupt-zwoelf.jpg);
}

.haupt-zwoelf  a:hover, .haupt-zwoelf  a:focus, .haupt-zwoelf  a:active, .haupt-zwoelf  a.aktuell  {
background-image: url(../img/haupt-zwoelf-active.jpg);
}

.haupt-dreizehn {
background-image: url(../img/haupt-dreizehn.jpg);
}

.haupt-dreizehn  a {
display: block;  
background-image: url(../img/haupt-dreizehn.jpg);
}

.haupt-dreizehn  a:hover, .haupt-dreizehn  a:focus, .haupt-dreizehn  a:active, .haupt-dreizehn  a.aktuell  {
background-image: url(../img/haupt-dreizehn-active.jpg);
}


/* 5. Abschnittsvorlagen */

#abschnittsvorlage {
margin: 0 0 0 20px;
padding: 0;
width: 773px;
border: none;
background-color: #ccc;
float:left;
}

#abschnittsvorlage #kopf {
margin: 0;
padding: 0;
width: 773px;
height: 30px;
background-image: url(../img/content-header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-color: #ccc;
border: none;
}

#abschnittsvorlage #footer {
float: left;
margin: 0;
padding: 0;
width: 773px;
height: 30px;
background-image: url(../img/content-footer.jpg);
background-repeat: no-repeat;
background-position: 0 15px;
border: none;
background-color: #ccc;
}

/* Vorlage 1 */

#text-und-bild {
float: left;
margin: 0;
padding: 0;
width: 773px;
border: none;
background-color: #CCC;
}

#text-und-bild h1 {
margin: 0 0 0 30px;
padding: 5px 0 5px 10px;
font-size: 1.6em;
width: 170px;
background-color: #339;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #fff;
}

#text-und-bild h1.breit {
width: 400px;
}

#text-und-bild p  {
width: 713px !important;
float: left;
margin: 15px 0 0 30px;
padding: 0;
font-size: 1.2em;
border: none;
background-color: #ccc;
}

#text-und-bild p a:link, #text-und-bild p a:visited, #text-und-bild p a:active, #text-und-map p a:link, #text-und-map p a:visited, #text-und-map p a:active {
text-decoration: none;
color: #666;
background-image: url(../img/link.jpg);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 0 0 0 15px;
}

#text-und-bild p a:hover, #text-und-bild p a:focus, #text-und-map p a:hover, #text-und-map p a:focus {
text-decoration: underline;
color: #666;
}

#text-und-bild p  img {
float: right;
margin: 0 0 0 15px;
padding: 0;
border: 1px solid #fff;
}

/* Vorlage 2 */

#text-und-map {
margin: 0;
padding: 0;
width: 773px;
border: none;
background-color: #CCC;
}

#text-und-map h1 {
margin: 0 0 20px 0;
padding: 5px 0 5px 10px;
font-size: 1.3em;
width: 170px;
background-color: #339;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #fff;
}

#text-und-map iframe {
margin: 0;
padding: 0;
border: 2px solid #fff !important;
}

#text-und-map  {
margin: 0 0 0 30px;
padding: 0 30px 0 0;
font-size: 1.2em;
width: 250px;
border: none;
}

/* Vorlage 3 */

#text-und-bild-breit{
float: left;
margin: 0;
padding: 0;
width: 773px;
border: none;
background-color: #CCC;
}

#text-und-bild-breit h1 {
margin: 0 0 20px 30px;
padding: 5px 0 5px 10px;
font-size: 1.6em;
width: 350px;
background-color: #339;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #fff;
}

#text-und-bild-breit p  {
margin: 0;
padding: 0;
font-size: 1.2em;
border: none; 
}

#text-und-bild-breit p  img {
float: right;
margin: 0;
padding: 0;
border: 1px solid #fff;
}

/* 6. Abbinder */

#abbinder {
float: left;
margin: 20px 0 0 0;
padding: 0;
width: 963px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#abbinder p {
font-size: 1.1em;
text-align: center;
margin: 5px 0 5px 0;
padding: 0;
}

/* Shop */

#abschnittsvorlage #text-und-bild #shop_menu {
	float: right;
	width: 400px;
	height: 100px;
	margin-top: 10px;
}
#abschnittsvorlage #text-und-bild table tr td #shopfelder {
	width: 250px;
}
#abschnittsvorlage #text-und-bild table tr td #shopfelder_mittel {
	width: 194px;
}
#abschnittsvorlage #text-und-bild table tr td #shopfelder_klein {
	width: 50px;
}
#abschnittsvorlage #text-und-bild #msg_ok {
	color: #69C82E;
	background-color: #333;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	padding-left: 30px;
	height: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#abschnittsvorlage #text-und-bild #msg_error {
	color: #C00;
	background-color: #333;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	padding-left: 30px;
	height: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}