/***********************************************************************
  Maja Berger Screen Styles
  --------------------------
  Datei: ducati.css
  Datum: Juli 2009
  Autor: Maja Berger - info@MBcom.eu
  
***********************************************************************/

/***********************************************************************
  Allgemeine Element-Definitionen
***********************************************************************/

body {
	font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    background-color: #000;
    color: #fff;
    border: 0em;
    padding: 0em;
    margin: 0em;
}

h1 {
    font-size: 100%;
	color: #fff;
	margin-top: 0em;
	margin-bottom: 1.5em;
	font-weight: bold;
}

/***********************************************************************
  Alles umschliessender Container
***********************************************************************/

#gesamt { 
	width: 800px;
	border: 1px solid black;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0px;
}

/***********************************************************************
  Kopfbereich
***********************************************************************/  

div#gesamt div#top {
	background-color: #000;
    background-repeat: no-repeat;
    height: 48px;
    padding: 0px;
    margin: 0px;
}

div#gesamt div#logo {
    background-image: url(../bilder/logo_top.jpg);
    background-repeat: no-repeat;
    height: 48px;
    margin: 0px;
    text-align: right;
    font-size: 100%;
}

div#gesamt div#email {
    text-align: right;
	padding-right: 3px;
	padding-top: 32px;
    font-size: 100%;
}

div#gesamt div#email a {
    color: #fff;
    text-decoration: none;
}

/***********************************************************************
  Indexseite
***********************************************************************/

div#startseite {
	width: 600px;
	border: 1px solid black;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0px;
}

#startseite a:visited,
#startseite a:hover,
#startseite a:active {
    color: #000;
    text-decoration: none;
	border-bottom: none;
}

/***********************************************************************
  Allgemeine Klassendefinitionen
***********************************************************************/

.grey {
	color: #858585;
}

.underline {
	text-decoration: underline;
}

.spalte_a {
	width: 25%;
}

.spalte_b {
    width: 45%;
}

.spalte_c {
    width: 15%;
	text-align:right;
    padding: 0.3em 0.1em 0.3em 0.1em;
}

.float_right {
	position:relative;
	float:right;
}
/***********************************************************************
  Hauptnavigation
***********************************************************************/

a:link, a:visited {
	color: #fff;
} 

#cssdropdown {
	padding: 0 0 0 60px;
	margin: 0 0 0 0px;
	list-style: none;
	height: 25px;
}

#cssdropdown ul {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	list-style: none;
	width: auto;
}

#cssdropdown li {
	float: left;
	position: relative;
}

.mainitems{
	background-color: #000;
	margin-top: 3px;
}

.mainitems a{
	margin-left: 8px;
	margin-right: 8px;
	text-decoration: none;
	font-size: small;
	font-style:italic;
}

.subuls{
	font-size: x-small;
	font-style:italic;
	display: none;
	width: 10em;
	position: absolute;
	margin: 0 0 0 -90px;
	padding: 0;
	top: 1.2em;
	left: 0;
	background-color: #000;
	border: 3px solid black;
	visibility: visible;
}

.subuls li{
	width: 100%;
}

.subuls li a{
	text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}


.mainitems a:link#current,
.mainitems a:visited#current,
.mainitems a:hover {
    padding-bottom: 3px;
    color: #858585;	
}
/***********************************************************************
  Inhaltbereich  
***********************************************************************/

#gesamt #inhalt {
	background-color:#858585;
	color: #fff;
	padding-top: 28px;
	padding-left: 170px;
	padding-right: 20px;
	width: 490px;
	height: 380px;
}

/***********************************************************************
  Navigation im Inhaltbereich 
***********************************************************************/

#haupt a:link {
	color: #fff;
   	text-decoration: none;
   	border-bottom: thin solid #fff;
}

#haupt a:visited,
#haupt a:hover,
#haupt a:active {
    color: #fff;
    text-decoration: none;
	border-bottom: thin solid #fff;
}


/***********************************************************************
  Bildbereich im Inhaltbereich
***********************************************************************/

#links #bilder {
   float:left;
   width: 150px;
   margin-top: 20px;
}

#links #bilder img{
   float:left;
   width: 150px;
   margin-top: 10px;
}
/***********************************************************************
  Listen im Inhaltbereich
***********************************************************************/

#gesamt #inhalt ul li a {
	color: #FFF;
   	text-decoration: none;
   	border-bottom: thin solid #fff;
}

/***********************************************************************
  Infobereich rechts 
***********************************************************************/

#links {
	background-image: url(../bilder/sides.gif);
	background-repeat: repeat;
	background-position: bottom right;
	float: left;
	width: 90px;
	height: 408px;
	margin: 0px;
	padding: 0px;
}

#rechts {
	background-image: url(../bilder/sides.gif);
	background-repeat: repeat;
	float: right;
	width: 120px;
	height: 408px;
	margin: 0px;
	padding: 0px;
}

#rechts a:link, a:visited {
	color: none;
	text-decoration: none;
	border-bottom: none;
} 


#rechts a:visited,
#rechts a:hover,
#rechts a:active {
	color: transparent;
	text-decoration: none;
	border-bottom: none;
}

/***********************************************************************
  Fusszeile 
***********************************************************************/

#fuss {
    clear: both;
    height: 15px;
    padding: 0px;
    background-image: url(../bilder/sides.gif);
    background-repeat: repeat;
	font-size: x-small;
    text-align: center;
	line-height: 15px;
    color: #fff;
}

#fuss a:visited,
#fuss a:hover, 
#fuss a:active {
    color: none;
    text-decoration: none;
	border-bottom: hidden;
}

/***********************************************************************
  Tabellendefinitionen
***********************************************************************/

/* Produkt-Tabelle */

table#produkte {
	table-layout: auto;
    width: 68%;
	text-align: left;
}

/* Kontakt-Tabelle */

table#kontakt {
	padding: 0px;
   	margin: 0px;
}

/***********************************************************************
  Formularfelder
***********************************************************************/

textarea,
select {
	font-size: 1em;
	width: 250px;
	font-family: arial, helvetica, sans-serif;
	border: 1px solid #aaa;
	padding: 1px 0px 2px 0px;
}
	
select#infos {
    margin-top: 5px;
}

input {
    margin-top: 3px;
	font-family: arial, helvetica, sans-serif;
    border: 1px solid #aaa;
    padding: 1px 0px 2px 0px;
}

input.radio {
	vertical-align: middle;
	margin: 0px 4px 1px 0px;
	border: 0px none;
}

option {
    border: 0px none;
}

input.button {
    font-size: 0.9em;
    border: 1px solid #666;
    background-color: #efefef;
	width:124px;
}