/*
rot		c00
*/

body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color:#CC0000;
	size: small;
	background-color:#000;
	margin:10px !important;
	height:100%;
}
img{ border:0;}

/*
div { border:1px solid #0f0;}
*/
/* --- DIVs ---------------------------------------------------- */
#main { text-align:center; background-color:#000;}
	.links { float:left; width:110px;}
	.mitte { width:700px; text-align:left; margin:auto;}
			#header { width:100%; text-align:left; margin:auto;}
				#page-browser-oben { border:2px solid #fff; padding:2px 6px; margin-bottom:15px; text-align:center;}
				#page-browser-unten { border:2px solid #fff; padding:2px 6px; margin-bottom:15px; text-align:center; clear:both;}
			.eine-spalte{ width:500px; text-align:left; margin:auto;}
			.eine-spalte-shop { width:650px; text-align:left; margin:auto;}
			.eine-spalte-gallery{ width:650px; text-align:left; margin:auto;}
			.zwei-spalten{}
				.linke-spalte{ width:308px; float:left;}
				.rechte-spalte{ width:308px; float:right;}
	.rechts { float:right; width:110px;}

.linke-spalte img, .rechte-spalte img, .eine-spalte-gallery img { border:4px solid #fff;}

/* --- Buttons ------------------------------------------------- */
.abstand-unten { height:150px;}

.links ul { list-style:none; margin:0; padding:0;}
.links ul li { margin-bottom:70px; list-style:none;}
.links ul li a { display:block; width:110px; height:80px;}
.links ul li a:hover { background-position:bottom !important;}

.rechts ul { list-style:none; margin:0; padding:0;}
.rechts ul li { margin-bottom:70px;}
.rechts ul li a { display:block; width:110px; height:80px;}
.rechts ul li a:hover { background-position:bottom !important;}

#button-home { background:url(../pix/buttons/button-home.gif)}
#button-leistungen { background:url(../pix/buttons/button-leistungen.gif)}
#button-projekte { background:url(../pix/buttons/button-projekte.gif)}
#button-umbauten { background:url(../pix/buttons/button-umbauten.gif)}
#button-news { background:url(../pix/buttons/button-news.gif)}
#button-shop { background:url(../pix/buttons/button-shop.gif)}
#button-galerie { background:url(../pix/buttons/button-galerie.gif)}
#button-medien { background:url(../pix/buttons/button-medien.gif)}



/* --- Uerschriften ------------------------------------------- */
h1 { font-size:20px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif}
h2 { font-size:17px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif}
h4 {font-size:13px; font-weight:bold; color:#fff;}

/* --- Fromatierungen ------------------------------------------ */
#footer, .red { font-weight:normal; color:#CC0000; font-size:11px; text-align:center;}
#main, .white{ font-weight:bold; color:#fff; font-size:small; text-align:center;}

a {	font-weight:bold; color:#CC0000; text-decoration:none;}
a:hover { font-weight:bold; color:#fff; text-decoration:underline;}
li a {font-weight:bold; color:#ff; text-decoration:none;}
li a:hover {font-weight:bold; color:#CC0000; text-decoration:underline;}

.mitte ul {
	list-style-position:outside;
	list-style-image:url(../pix/starbullet.png);
	list-style-type:none;
	line-height:25px;
	font-weight:bold;
	color:#fff;
	font-size:11px;
	text-align:left;
}

.mitte ul.whiteunbold {
	list-style-position: outside;
	list-style-image: url(../pix/starbullet.png);
	list-style-type: none;
	line-height: 20px;
	font-weight: normal;
	color: #fff;
	font-size: 11px;
	text-align: left;
}
.rightalign { text-align:right;}
.paddingleft { padding-left:100px;}

/* --- News ----------------------------------- */
.news-beitrag{ margin-bottom:50px;}
.datum{ text-align:right; font-size:0.8em; font-weight:normal; letter-spacing:0.2em; border-bottom:1px solid #fff; margin-bottom:-10px;}

/* --- Shop ----------------------------------- */
.eine-spalte-shop ul { list-style:none; margin:0; padding:0;}
.eine-spalte-shop ul li { border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:40px; display:block;}
.eine-spalte-shop img { border:4px solid #fff; margin:8px; }

.beschreibung { width:400px;}
.stueckzahl { margin-top:30px; text-align:right; line-height:120%;}
.stueckzahl input { width:50px; font-size:0.8em;}
.preis { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#c00;}
.bestellen { text-align:right;}

.bestellung-artikel {width:300px;}
.bestellung-menge {fwidth:50px;}
.bestellung-preis {width:100px; text-align:right;}

.eine-spalte-shop table { width:100%; border:0;}
.eine-spalte-shop table tr td { padding:5px 0;/* border-bottom: 1px solid #fff;*/}

#anschrift label { display:block; float:left; width:100px;}

/* --- Logo ----------------------------------- */
#startseite-logo { width:425px; height:527px; text-align:center; margin:auto;}
	#startseite-logo a { display:block; width:425px; height:527px; background:url(../pix/mb-cycles-logo-startseite.gif);}
	#startseite-logo a:hover { background-position:bottom;}
a.logo { display:block; height:380px; width:450px; background-image:url(../img/logo1black-450x380.gif);}
a.logo:hover { background-image:url(../img/logo2red-450x380.gif); text-decoration:none;}








/* nito Logo ------------------------------------ */
#nito { margin:30px 0;}
#nito img { float:left; margin-right:5px; border:0;}
#nito-text { float:left; display:block; margin-top:28px; font:10px/12px Verdana, Geneva, sans-serif; color:#fff; }
#nito-text a { color:#fff; text-decoration:none; font-weight:normal;}
#nito-text a:hover { color:#fff; text-decoration:underline;}