/* ---------------------------------------------------
Title: FOOD ARTISTS - Main Style Sheet
Author: Pierpaolo Federici - IDEENWERKSTATT TINTIFAX
Last Updated: 22.09.2010
------------------------------------------------------

------------------- Color Palette --------------------
   RED Logo	-   rgb(154,20,27);
   RED 		-   rgb(204,0,0);
   SILVER	-   rgb(153,153,153);

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

@import "navigation.css";

/* ---------------- General Styles --------------- */
html{

}
body{
	background-color:rgb(153,153,153) !important;
}
body#index {background: url(../_bilder/background_start.jpg) no-repeat center top;}
body#ueber_mich {background: url(../_bilder/background_ueber_mich.jpg) no-repeat center top;}
body#leistungen {background: url(../_bilder/background_leistungen.jpg) no-repeat center top;}
body#referenzen {background: url(../_bilder/background_referenzen.jpg) no-repeat center top;}
body#feedbacks {background: url(../_bilder/background_feedbacks.jpg) no-repeat center top;}
body#fotos {background: url(../_bilder/background_fotos.jpg) no-repeat center top;}
body#links {background: url(../_bilder/background_links.jpg) no-repeat center top;}
body#kontakt {background: url(../_bilder/background_kontakt.jpg) no-repeat center top;}
body#impressum, body#datenschutz {background: url(../_bilder/background_impressum.jpg) no-repeat center top;}
body#shop, body#shop_warenkorb, body#shop_send {background: url(../_bilder/background_shop.jpg) no-repeat center top;}
body#racing-team {background: url(../_bilder/background_racing_team.jpg) no-repeat center top;}

a{text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif;}
a:link {
}
a:visited {
}
a:hover, a:active, a:focus {

}
#referenzen .panel p, #links .panel p{line-height:1.8em}
.panel a{color:rgb(153,153,153);}
.panel a:hover{text-decoration:underline}

p{ 
	font:0.9em Georgia, "Times New Roman", Times, serif;
	color:#EBEBEB;
	line-height:1.4em;
}
h1, h2, h3, h4{
	font:0.9em Georgia, "Times New Roman", Times, serif;
}
h1 {
}
h2 {
	color:rgb(154,20,27);
	font-size:1.3em;
	margin-bottom:10px;
}
h3 {
	font-size:1.1em;
	color:rgb(153,153,153);
	border-bottom:1px solid;
	margin-bottom:5px;
}
h4{
	font-size:1em;
	color:rgb(153,153,153);
	margin-bottom:5px;
}

.panel li{
	font:0.8em Georgia, "Times New Roman", Times, serif;
	line-height:17px;
}

.bold{font-weight: bold;}
.white{color:white;}
.silver{color:rgb(153,153,153);}
.signatur{font-style:italic; color:rgb(153,153,153);}



/* ---------------- Layout --------------- */

#wrapper{
}

/* ---------------- HEAD --------------- */
#head{
	margin-top:45px;
	height:90px;
	background:url(../_bilder/silver_stripe.png) no-repeat right top;
}
h1{
    width: 233px; height: 105px;
    margin-top: -18px;
    display: block;
    text-indent: -9999px;
    background: url(../_bilder/logo.png) no-repeat 0 0;
    float: left;
}
h1 a{
    width: 292px; height: 144px;
    display: block;
}


/* ---------------- HEADLINE --------------- */
#headline{
	position:relative;
	margin-top:55px;
}
span.but_shop a{
    text-indent: -9999px;
	position:absolute;
	display:block;
	width:95px; height:90px;
	margin-top:-30px; right:100px;
	background:url(../_bilder/but_shop.png) no-repeat 0 0;
	z-index:1000;
}
span.but_shop a:hover{
	background-position: -94px 0;
}
.leidenschaft{
	position:absolute;
	z-index:1000;
	top:260px;
}
.nojava{
	position:absolute;
	top:50px;
	font:bold 1.6em Georgia, "Times New Roman", Times, serif;
	color:white;
}

/* ---------------- CONTENT --------------- */
#content{
	margin-top:48px;
}
.rounded{
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url(../_bilder/trans_black.png);
	position:relative;
}
#ueber_mich .rounded, #impressum .rounded{
	height:450px;
}
#referenzen .rounded, #links .rounded, #kontakt .rounded, #racing-team .rounded {
	height:370px;
}
#fotos .rounded, #leistungen .rounded {height:560px;}
#datenschutz .rounded, #feedbacks .rounded {height:590px;}


#leistungen .panel {height: 400px;}
#referenzen .panel, #links .panel, #kontakt .panel, #racing-team .panel{height:320px;}
#datenschutz .panel, #feedbacks .panel {height: 530px; box-sizing: border-box;}

span.page{display:none;} /*seitenz�hler*/

.panel h3 {clear:both;}
.panel li {
	margin:4px 0;
	float:left;
}
.panel li span.bez{
	color:rgb(153,153,153);
	position:absolute;
}
.panel li span.daten{
	color:#EBEBEB;
	display:block;
	margin-left:160px;
}
#image_sidebar{
	float:right;
	-moz-border-radius: 0px 10px 10px 0;
	border-radius: 0px 10px 10px 0; /* Opera 10.5, IE 9 */
	-webkit-border-radius: 0px 10px 10px 0; /* Saf3+, Chrome */
}
#image_sidebar.impressum{background: url(../_bilder/fotos_sidebar/impressum.jpg) no-repeat;}
#image_sidebar.kontakt{background: url(../_bilder/fotos_sidebar/kontakt.jpg) no-repeat;}
#image_sidebar.leistungen{background: url(../_bilder/fotos_sidebar/1.jpg) no-repeat;}
#image_sidebar.referenzen{background: url(../_bilder/fotos_sidebar/referenzen.jpg) no-repeat;}
#image_sidebar.links{background: url(../_bilder/fotos_sidebar/links.jpg) no-repeat;}
#image_sidebar.ueber_mich{background: url(../_bilder/fotos_sidebar/impressum.jpg) no-repeat;}
#image_sidebar.racing-team{background: url(../_bilder/fotos_sidebar/racing-team.jpg) no-repeat;}

/* ---------------- GALERIE --------------- */
#fotos #content a img{
	border:2px solid black;
	margin:0px 8px 16px 8px;
}
#fotos #content a:hover img{
	border:2px solid gray;
}


/* ---------------- SHOP --------------- */
ul.shop h2{font-size:16px; font-weight:bold;}
li.shop {
	width:340px;
	display:block;
	float:left;
	margin:25px 15px 5px 20px;
	height:130px;
	min-height:130px;
}
li.shop span{
	display:block;
	float:left;
}
li.shop span img{position:absolute;}
li.shop span.titel, li.shop span.beschreibung{
	padding-left:130px;
}
li.shop span.weiter{
	padding:5px 30px 5px 130px;
	padding-bottom:2px;
	font-weight:bold;
	background:url(../_bilder/weiter.png) no-repeat 180px 8px;
	cursor:pointer;
}
li.shop a{color:#EBEBEB;}
li.shop a:hover{color:rgb(154,20,27);}

#prod_desc{
	padding:20px;
	min-height:260px;
}
#prod_desc img{
	position:absolute;
}
#prod_desc p, #prod_desc h2{
	padding-left:280px;
}
#prod_desc p{
	margin-bottom:12px;
}
#prod_desc input, form#bestellen input{
	margin:20px 280px 0;
	padding:3px 10px;
	border:1px solid black;
	background-color: rgb(154,20,27);
	color:black;
	font:bold 0.9em Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
}
form#bestellen{text-align: right; margin-bottom: 10px;}
form#bestellen input{
    margin: 0;
}

#prod_desc input:hover, form#bestellen input:hover{
	color:white;
}
#prod_desc a.zurueck{
    float:right;
    margin-top: -15px;
    color:rgb(153,153,153);
    font-size: 0.7em;
    font-weight: bold;
	position:relative;
	z-index:10;
}
#prod_desc a.zurueck:hover{
    color: white;
}
a.mein_warenkorb{
	position:absolute;
	margin: -38px 19px 0;
	background: rgb(154,20,27);
	color:white;
	padding:5px;
	font-size:0.9em;
	font-weight:bold;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:1px solid rgb(154,20,27);
}
a.mein_warenkorb:hover{
	border-color:white;
}

/* ---------------- WARENKORB --------------- */
table#warenkorb {
	margin:20px 40px 0;
	border-collapse:collapse;
}
table#warenkorb th{
	font:bold 0.7em Georgia, "Times New Roman", Times, serif;
	background-color: #333333;
	color: #EBEBEB;
	padding:5px;
}
table#warenkorb th {border-right:1px solid black}
table#warenkorb th.anzahl{width:80px;}
table#warenkorb th.artikel{width:280px;}
table#warenkorb th.inhalt, table#warenkorb th.einzelpreis, table#warenkorb th.summe{width:80px;}

table#warenkorb td{
	text-align:center;
	padding:5px 0;
	font:bold 0.9em Georgia, "Times New Roman", Times, serif;
	color: #EBEBEB;
}
table#warenkorb td.empty {
	vertical-align:bottom;
}
table#warenkorb td.empty a{
	color:rgb(154,20,27);
}
table#warenkorb td.empty a:hover{
	color:white;
}

table#warenkorb td.zwischensumme{
	height:40px;
	vertical-align:bottom;
	color: rgb(154,20,27);
	font-size:1.1em;
}
table#warenkorb td.info{
	font-size:0.8em;
	text-align:right;
}

table#warenkorb span.add, table#warenkorb span.rem{
	display:block;
	position:absolute;
	width:15px; height:15px;
	background:url(../_bilder/add_rem.png) no-repeat -1px -1px;
}
table#warenkorb span.rem{
	background-position:-17px -1px;
	margin-left:70px;
}
table#warenkorb td.quantity{
	text-align:left;
}
table#warenkorb span.quantity{
	display:block;
	text-align:center;
}
table#warenkorb a.zurueck{
    color:rgb(154,20,27);
    font-weight: bold;
    float:left;
}
table#warenkorb a.zurueck:hover{
    color:white;
}

/* ---------------- FOOTER --------------- */
#footer{
	height: 70px;
	margin-top:20px;
}
#footer a{
	color:white;
	text-shadow: 2px 2px 2px #000;
}
#footer a:hover{
	color:rgb(204, 0, 0);
}
#kontakt_impressum{
	text-align:right;
	margin-top: 5px;
}
#footer .log_admin{
	font-size:10px;
}

#footer .racing-team {
	margin-top: -10px;
}
#footer .facebook {
	margin: -13px auto 0 auto;
	display: block;
}