@charset 'utf-8';
/*

	CSS-Datei der Internetseite
	
	www.siggis-flotte-getraenkeecke.de
	
	Autor:			Marco Philipeit - http://marcophilipeit.de
	Start:			07.01.07
	Letzte Aenderung:		29.04.11
	
*/

@media all {

	/*  Allgemein 
	---------------------------------- */

	q { 
		quotes: '„' '“' '‚' '‘';
	}
	
	img, frame, fieldset {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein 
	---------------------------------- */
	
	* {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: top left;
		outline: none;
	} 
	
	html {
		font: 76%/1.8 "lucida grande", "lucida sans unicode", "trebuchet ms", sans-serif;
	}
	
	html, body {
		height: 100%;
		min-height: 100%;
		direction: ltr;
		cursor: default;
		text-align: left;
		background-color: #fff;
		color: #000;
	}
	
	body {
		height: 100.01%;
		min-height: 100.01%;
	}
	
	q { 
		quotes: '„' '“' '‚' '‘';
	}
	
	.versteckt,
	.druck {
		display: none;
	}
	
	.mittig {
		text-align: center;
	}
	
	.links {
		float: left;
		text-align: left;
	}
	
	.rechts {
		float: right;
		text-align: right;
	}
	
	.clear {
		clear: both;
	}
	
	/*  Elemente 
	---------------------------------- */
	
	h1 { font-size: 2.5em; }
	
	h2, h3 { line-height: 1.2; }
	
	h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.9em; margin: .6em 0 .6em 0; }
	
	h4.information { font-size: 1.1em; color: #ccc; margin-top: 0; }
	
	h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #888; font-weight: normal; }
	
	h3, h4, h5 { margin: .8em 0; }
	
	h3 { font-size: 1.4em; }
	
	h4 { font-size: 1.3em; }
	
	h5 { font-size: 1.2em; }
	
	h1, h2, h3, h4, h5, h6 { clear: both; }
		
	p, address, blockquote, ul, ol, dl, dt, table, pre { margin: 1.3em 0; }
	
	address, cite, var, abbr { font-style: normal; }
	
	blockquote { padding: 0 2.5em; }
	
	blockquote + blockquote { margin-top: 2em; }
	
	ul, ol, dd { margin-left: 2.5em; }
	
	ul { list-style-image: url(../lib.grafiken/auflistungszeichen.png); }
	
	ul ul, ol ol { margin: .1em 0 .15em 1.75em; }
	
	dd pre { margin: 0; }
	
	th { text-align: left; }
	
	label, a { cursor: pointer; }
	
	pre, code, var, kbd { font-family: "lucida console", monaco, monospace; }
	
	abbr[title] { cursor: help; border-bottom: #000 dotted 1px; }
	
	h3 abbr[title] { border-bottom: #aaa dotted 1px; }
	
	#inhalt li { margin: .5em; }
	
	#inhalt p, #inhalt #anschrift, #inhalt #verantwortlicher { font-size: 1.1em; }
		
	/*  Links 
	---------------------------------- */
	
	a {
		color: #002a50;
	}
	
	a:visited { 
		color: #61788d;
		/* background: url(../lib.grafiken/haken.gif) top right no-repeat;
		padding-right: 20px; */
	}
	
	a:focus,
	a:hover {
		color: #396b98;
	}
	
	a#animierte-flasche:visited {
		background: none;
		padding-right: 0;
	}
	
	
	/*  Layout 
	---------------------------------- */
	
	html, body {
		background: #124774 url(../lib.grafiken/bg-normal.jpg) repeat-x;
		color: #002a50;
	}
	
	#begrenzung {
		top: 12%;
		left: 50%;
		position: absolute;
		z-index: 1;
		width: 70%;
		margin-left: -35%;
		padding: 2.5%;
		background: #fff;
		border: 2px solid #3D4C51;
	}
	
	#linke-spalte {
		float: left;
		width: 60%;
	}
	
	#rechte-spalte {
		float: right;
		width: 40%;
	}
	
	#inhalt {
		padding: 1em;
	}
	
	/*  Navigation
	---------------------------------- */
	
		
	#navigation {
		position: absolute;
		top: -30px;
		left: 0px;
		height: 30px;
		width: 100%;
		width: 100%;
		background: inherit;
		line-height: normal;
	}
	
	#navigation ul {
		margin: 0;
		float: right;
		list-style: none;
    }
	
	#navigation li {
		display: inline;
		margin: 0;
		padding: 0;
	}

    #navigation a {
		float: left;
		margin: 0 0.5em;
		text-decoration: none;
		border: 0;
		color: #fff;
		padding: 6px 10px 7px 10px;
		background: #1c6294;
		color: #8ec1e4;
		font-weight: bold;
	}
	
	#navigation a.aktiv,
	#navigation a.aktiv:hover {
		background: #fff;
		color: #002A50;
		border: 2px solid #3D4C51;
		border-bottom: 1px solid #fff;
		padding: 6px 10px 6px 10px;
	}
	
	#navigation a:hover {
		color: #fff;
	}
		
	h1 {
		background: url(../lib.grafiken/logo.jpg) no-repeat;
		width: 326px;
		height: 118px;
	}
	
	h1 a {
		display: block;
		width: 326px;
		height: 118px;	
		background: none !important;
		border: none !important;
		text-indent: -9999em;
	}
		
		
	/* Details
	---------------------------------- */
	
	#bilder ul {
		margin: 0;
		padding: 0;
	}
	
	#bilder ul li {
		float: left;
		list-style: none;
	}
	
	div.org {
		font-weight: bold;
	}
	
	ul#bilder, ul#bilder li {
		float: left;
		list-style: none;
	}
	
	ul#bilder li {
		background-color: #eee;
		padding: 0.4em;
		border: 1px solid #124774;
	}
	
	ul#bilder li a {
		background: #124774;
	}
	
	ul#bilder li a:hover {
		background: #8EC1E4;
	}
	
	#rechte-spalte a#animierte-flasche {
		display: none;
	}
	
	body#index #anschrift {
		background-color: #FFFFCC;
		border: 2px solid #FFFF66;
		padding: 0.3em;
		width: 350px;
	}
	
	#oeffnungszeiten {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#oeffnungszeiten .fett {
		font-weight: bold;
		width: 7em;
	}
	
	#oeffnungszeiten p {
		padding: 0;
		margin: 0;
	}
	
	.produkt {
		float: left;
		width: 28%;
		margin-right: 5%;
		margin-top: 2%;
	}
	
	.produkt .produkttitel {
		width: 180px;
		text-align: center;
		white-space: nowrap;
	}
	
	.produkt p {
		margin: 0;
		padding: 0;
	}
		
	.produkt .preis {
		background: url("../lib.grafiken/preishintergrund.gif") no-repeat;
		color: red;
		font-weight: bold;
		font-size: 1.5em !important;
		position: relative;
		left: 80px;
		top: -20px;
		width: 74px;
		padding-left: 10px;
	}
	
	.produkt .preis .kleiner {
		font-size: 0.7em !important;
	}
	
	.produkt .infotext {
		font-size: smaller !important;
		color: #888;
		position: relative;
		top: -40px;
	}
	
	.produkt .infotext span {
		display: block;
	}
	
	.produkt input.produktAnzahl {
		border: 1px solid #124774;
		padding: 2px;
		width: 17px;
	}
	
	.produkt .feldundbutton {
		position: relative;
		top: -40px;
	}
	
	.breiteBeschraenkung {
		width: 500px;
	}
	
	.produkt .feldundbutton .warenkorbbutton {
		width: 154px;
		height: 29px;
		position: relative;
		top: 11px;
	}
	
	.warenkorb {
		float: right;
		clear: both;
		position: relative;
		top: -60px;
	}
	
	.warenkorb .anzahlkaesten {
		font-size: smaller;
		display: block;
		position: relative;
		top: -5px;
		left: 15px;
	}
	
	.bestellformular {
		position: relative;
		top: -80px;
	}
	
	.warenkorbformular,
	.datenformular {
		position: relative;
		top: -90px;
	}
	
	.datenformular.keinVerschieben {
		position: static;
		top: 0px;
	}
	
	.breiter {
		width: 70% !important;
	}	
	
	.warenkorbformular img.produktfotoKlein {
		width: 50%;
		height: 50%;
	}
	
	.warenkorbformular .produktname {
		display: block;
	}
	
	.warenkorbformular .endpreis {
		font-weight: bold;
		font-size: 1.4em !important;
	}
	
	a.hervorgehoben {
		color: #fff !important;
	}
	
	a.aktiv.hervorgehoben {
		color: #3D4C51 !important;
	}
	
	.angebot {
		width: 45%;
		padding-right: 5%;
		float: left;
	}
	
	.angebot h4 {
		margin-top: 2em;
		margin-bottom: 0.3em;
	}
	
	.angebot .naeher {
		margin: 0.3em 0;
	}
	
	/* Tabelle
	---------------------------------- */
	
	.tabelle {
		margin: 2em 0;
	}
	
	.tabelle td,
	.tabelle th {
		vertical-align: top;
		text-align: left;
		padding: 5px;
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
	}
	
	.tabelle .keinrahmen {
		border-right: 0;
	}
	
	.tabelle .endpreisWort {
		vertical-align: bottom;
		text-align: right;
	}
	
	/* Formulare
	---------------------------------- */
	
	ol.keineliste,
	ol.keineliste li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	legend {
		display: none;
	}
	
	label {
		width: 150px;
		display: block;
		float: left;
	}
	
	.emailinput,
	.datenformular textarea, .datenformular input, .datenformular select {
		border: 1px solid #124774;
		padding: 2px;
		background: #fff;
		width: 200px;
	}
	
	.datenformular textarea {
		font-family: inherit !important;
		font-size: 1em;
	}
	
	.datenformular select {
		width: 206px;
		padding: 0px;
	}
	
	 .datenformular input.warenkorbbutton {
	 	width: auto;
	 }
	
	.datenformular #lieferzeit {
		font-style: italic;
		border: 0;
		height: 30px;
	}
	
	.datenformular .keinrahmen {
		border: 0;
	}
	
	#getraenkekategorieauswahl {
		position: absolute;
		right: 10%;
		top: 10px;
	}
	
	.emailinput {
		position: relative;
		top: -10px;
	}
	
	.emailinput {
		color: #8c8c8c;
	}
	
	.emailinput.eingabe {
		color: #002A50;
	}

	
	/*  Clearfix
	---------------------------------- */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	
	/* Sonderzeiten - Sommer & WM
	---------------------------------- */
	
	/*html, body {
		background: #3586ba url(../lib.grafiken/bg-sommer.jpg) top left no-repeat;
		color: #002a50;
	}
	
	#begrenzung {
		padding-bottom: 190px;
		top: 100px;
	}
	
	#gras {
		width: 100%;
		height: 128px;
		position: fixed;
		z-index: 3;
		bottom: 0;
		left: 0;
		background: url(../lib.grafiken/grafik.gras.png) bottom left repeat-x;
	}
	
	#fussball {
		width: 190px;
		height: 190px;
		position: fixed;
		z-index: 2;
		bottom: 15px;
		right: 10%;
		background: url(../lib.grafiken/grafik.fussball.png) bottom left no-repeat;
	}
	
	#flagge {
		width: 150px;
		height: 130px;
		position: absolute;
		z-index: 0;
		top: 0px;
		left: 70%;
		margin-left: -50%;
		background: url(../lib.grafiken/grafik.deutschlandfahne.png) top left no-repeat;
	}
	
	#sonderbereich {
		width: 265px;
		height: 150px;
		background: url(../lib.grafiken/grafik.deutschlandstriche.png) top right no-repeat;
		margin-top: -100px;
		float: right;
		clear: both;
	}
	
	body#shop #sonderbereich {
		display: none;
	}*/
	
	/* Sonderzeiten - Sommer
	---------------------------------- */
	
	/*html, body {
		background: #3586ba url(../lib.grafiken/bg-sommer.jpg) top left no-repeat;
		color: #002a50;
	}
	
	#begrenzung {
		padding-bottom: 100px;
	}
		
	#gras {
		width: 100%;
		height: 128px;
		position: fixed;
		z-index: 3;
		bottom: 0;
		left: 0;
		background: url(../lib.grafiken/grafik.gras.png) bottom left repeat-x;
	}*/
	
	/* Sonderzeiten - Halloween
	---------------------------------- */
	
	/*html, body {
		background: #3586ba url(../lib.grafiken/bg-halloween.jpg) top left no-repeat;
		color: #002a50;
	}
	
	#gras {
		display: none;
	}*/
	
	/* Sonderzeiten - Ostern
	---------------------------------- */
	
	/*html, body {
		background: #3586ba url(../lib.grafiken/bg-ostern.jpg) top left no-repeat;
		color: #002a50;
	}
	
	#gras {
		display: none;
	}*/
	
	/* Sonderzeiten - Winter
	---------------------------------- */
	
	/*html, body {
		background: #124774 url(../lib.grafiken/bg.gif) top left repeat-x;
		color: #002a50;
	}
	
	#gras {
		display: none;
	}*/
	
	/* Sonderzeiten - Standard
	---------------------------------- */
	
	#gras {
		display: none;
	}
	
	
}



@media print {

	.versteckt,
	p.img,
	#navigation,
	#brotkrume {
		display: none;
	}

	* { voice-family: "\"}\""; background: #fff; color: #000; }
	
	body {
		font:100%/150% Georgia, "Times New Roman", Times, serif;
	}
	h1 a, h2 a, h3 a {
		color:#000;
		text-decoration:none;
	}
	h1,	h2,	h3 { font-family:"Century Gothic",Helvetica,Arial,Geneva,sans-serif; }

}