/*-----------------------------------------------------------------------------
Grill-Innovation Screen Stylesheet

version:   1.0
date:      06/2010
author:    Dörthe Dickel
email:     info@ddidesign.de

website:   www.grill-innovation.de

Farben:
blau:#3C91D3
grün:#09BD0D	

-----------------------------------------------------------------------------*/

			
* {margin:0; padding:0; border:0;}

.clear {clear:both;}

.right {float:right;}

.left {float:left;}



html, body {
	
	background-image:url(img/bg_bild.jpg);
	background-position:top;
	color:#000;
	font: 82.5%/1.5  Arial, Helvetica, sans-serif; 
	text-align:center;
	/*   erzwungender Scrollbalken im FF, verhindert das Springen der Seite  */
	min-height: 100.5%;
}

body {position:relative; height:1%}


#container { 
	width:955px;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	background-color:#FFF;
	border-left:5px solid #3C91D3;
	border-right:5px solid #3C91D3;
}

h1 {font-size: 2.1em; font-weight:bold; margin-bottom:15px; line-height:105%;}
#sp1 h1, #sp2 h1, #sp3 h1 {font-size:1.9em; font-weight:normal; line-height:130%; padding-top:5px;}	
h2 {font-size: 1.3em; display:inline; color:#3C91D3}
	
h3 {font-size: 1.2em;}
	
h4 {font-size: 1.6em;}
	
h5 {font-size: 1.4em;}
h6 {font-size: 1.4em;}
	
p {font-size: 1.2em; line-height:135%; margin-bottom:15px;}

cite {font-size: 1.2em; line-height:135%;}

ul {list-style:none;}

li {font-size:1.2em;}

table {border-collapse:collapse; border:none; margin:0;}

a {color:#000;}
a:hover {color:#3C91D3;}
.linkpfeil {
	background:url(img/g_pfeil.gif) no-repeat left;
	padding-left:15px;
	}



/* Bereich Header */
#header {
	width:955px;
	height:115px;
	background-image:url(img/bg_header.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
/*#logo {position:relative; top:0; left:0; width:320px; float:left;}*/
#logo { width:320px; padding:10px 0 0 12px; float:left;}
#logo a{ font-size:3em; color:#09BD0D; text-decoration:none; font-weight:bold;}
#produktnavi {float:right; margin:0;}



/* ----------- Bereich Navigation ----------------- */

#navigation {
	float:left;
	width:734px;
	height:30px;
	background:url(img/bg_kopfnavi.jpg) right repeat-y;
	background-color:#3C91D3;
	text-align:right;
	padding-top:3px;
	}
#navigation a {
	font-size:1.65em;
	color:#FFF;
	text-decoration:none;
	padding:0 15px;
	}
#navigation a:hover {color:#000;}
.aktiv {color:#000!important;}
.trenner {margin-bottom:4px;}

#kontakt {
	float:right;
	width:191px;
	height:30px;
	text-align:center;
	background: url(img/bg_navi-kontakt-bestellung.jpg) no-repeat top left;
	background-color:#09BD0D;
	padding:3px 15px 0 15px;
	}
#kontakt a {
	font-size:1.65em;
	color:#FFF;
	text-decoration:none;
	}
#kontakt a:hover {color:#000;}




/* ----------- Bereich Inhalte ----------------- */



#content {text-align:left;}


#sp1 { float:left; width:295px; background:url(img/f-edelstahl-grillrost-im-garten.jpg) no-repeat top left; padding:193px 10px 30px 15px;}
#sp1 h1 {color:#3C91D3;}

#sp2 { float:left; width:295px; background:url(img/f-edelstahl-grillrost-in-aktion.jpg) no-repeat top left; padding:193px 10px 30px 15px;}
#sp2 h1 {color:#09BD0D;}

#sp3 { float:left; width:290px; background:url(img/f-edelstahl-grillrost-einfach-reinigen.jpg) no-repeat top left; padding:193px 10px 30px 15px;}
#sp3 h1 {color:#3C91D3;}


#inhalt {padding:15px;}

#subnavi {
	float:left;
	width:205px;
	margin-left:15px;
	margin-top:76px;
	}
.saktiv {color:#3C91D3!important; font-weight:bold; text-decoration:none!important;}
.s2aktiv{color:#3C91D3!important; text-decoration:none!important;}

#subnavi li.smauf {
	list-style-type:none;
	background:url(img/g_pfeil-aktiv.gif) no-repeat 0 .5em;
	padding:0 0 10px 20px;
	}

#subnavi li {
	list-style-type:none;
	background:url(img/g_pfeil.gif) no-repeat 0 .1em;
	padding:0 0 10px 20px;
	}
	
#subnavi li li{
	list-style-type:none;
	background:url(img/g_pfeil3.gif) no-repeat 0 .3em;
	font-size:1em;
	padding:0 0 5px 10px;
	}
	
ol {margin-left:1.5em;}



/* IE6 */
* html div#spcontent {width:675px;}
	
#spcontent {
	float:right;
	width:705px;
	margin:30px 0;
	}

.pressedate {
	font-size:1em;
	font-weight:bold;
	margin-bottom:10px;
}

.bildlabst {margin-left:15px;}
.bildrabst {margin-right:15px;}
div.artikel {float:right; width:430px;}
.artikel p {margin-bottom:10px;}
.artikelnr {background-color:#9dc8e9; padding:0 5px; font-weight:bold}
div.thumbbilder {width:271px; float:left;}
.thumbbilder img {border:1px solid #9dc8e9; padding:2px; margin:2px 2px 2px 0;}
div.thumbbilder2 {width:705px; float:left;}
.thumbbilder2 img {border:1px solid #9dc8e9; padding:2px; margin:10px 10px 2px 0;}

.preis {font-size:1.3em; color:#09BD0D; font-weight:bold;}
.mwst {font-size:0.8em;}
.abstop { margin-top:30px;}
.absthumbbig {margin-bottom:3px;}
.textblock {position:relative; width:600px; overflow:auto; margin-bottom:30px; overflow:hidden; }
.textblock img { margin-bottom:20px;}
h1 img { vertical-align:middle; margin-right:15px;}

#spcontent h1 {font-weight:bold;}
h2 > img {vertical-align:middle; margin-right:10px;}
#splinks2 h2 {margin-top:15px; display:block!important;}

table.tdaten {margin:-7px 0 8px 0;}
.tdaten td {font-size:1.2em; vertical-align:top; }

.splinks {width:48%; float:left;}
.sprechts {width:48%; float:right;}
.splinks2 {width:400px; float:left;}
.sprechts2 {width:250px; float:right;}
.valmid {vertical-align:middle; margin:5px 10px 5px 0;}

.kasten {background-color:#c4def2; border:1px solid #3c91d3; padding:5px; margin-bottom:20px}
.box { width:145px; border:1px solid #3c91d3; margin-top:20px}


/*-------Bestellformular----------*/
/* IE6 */
* html table#bestellformular {font-size:0.85em;}
* html label.formularfehler {font-size:1.2em!important;}
/* IE7 */
*+html table#bestellformular {font-size:0.85em;}
*+html td.tanrede {width:200px;}

#bestellformular table {width:auto; border:none; font-size:1.2em;}
#bestellformular td {padding:0 10px 10px 0; font-size:1.2em; text-align:left; vertical-align:top; }
#bestellformular td.spre {width:20%;}
#bestellformular input, textarea, select {padding:2px; border:1px solid #999999;}
#bestellformular input, textarea {width:240px;}
#bestellformular select {width:246px;}
td.tanrede {width:30px; border:none;}
td.tanrede input {width:auto!important; border:none!important; margin-right:6px}
.pflicht { border:1px solid #999999!important;}
input.bgpflicht { background-color:#999!important; border:none;}
input.button {width:248px!important; background-color:#09BD0D; font-weight:bold; border:0!important;; }

/* IE6 */
* html div.meldung {width:360px;}
* html td.tanrede {width:200px;}

.meldung {border:1px solid #FF0000; padding:15px; background-color:#FFCCCC; width:400px;}
.formularfehler { background:#FFCCCC; color:#FF0000; display:block; }

/* ---------------- Bereich Footer ----------------- */
#footer {
	width:925px;
	height:30px;
	background-color:#3C91D3;
	color:#FFF;
	clear:both;
	padding:17px 15px 0 15px;
	margin-top:40px;
	}

#footer p {font-size:1em;}
#footer a {text-decoration:none; color:#FFF;}
#footer a:hover {color:#000;}