/*
Schnupf-Truppe.ch CSS
=====================

Erstellt: 24.07.2009
Author: Marcel Piller

Letzte Änderung: 24.07.2009
Version: 1.0


*/



/*
HTML Grundgerüst
================
*/
* {
margin: 0px;
padding: 0px;
}
body {
	background-image: url(../bilder-design/holz-hintergrund.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #433816;
	font-size: 1em;
}


/*Titel*/
h1 {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #761102;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

h2 {
	font-size: 1.1em;
	color: #FEEEBD;
	margin: 0px 0px 3px 0px;	
}

h4 {
	font-size: 0.9em;
	color: #FEEEBD;
	margin: 0px 0px 3px 0px;	
}

/*Links*/

#maincontent a:link, #maincontent a:visited {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #433816;
	background-image: url(../bilder-design/link-bullet.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 1px;
	padding-left: 10px;

}
#maincontent a:hover, #maincontent a:active {
	font-weight: bold;
	color: #761102;
	background-image: url(../bilder-design/link-bullet-hover.gif);
	background-repeat: no-repeat;
}

#footer a:link, #footer a:visited {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #433816;
	text-decoration: none;

}
#footer a:hover, #footer a:active {
	font-weight: bold;
	color: #761102;
}


#lieferungen a:link, #lieferungen a:visited {
	color: #FEEEBD;
}

/*
DIV Tags
========
*/

#wrapper {
	width: 800px;
	margin: 0px auto;
	clear: left;
}

#header {
	background-image: url(../bilder-design/hintergrund-header.png);
	background-repeat: repeat-x;
	height: 370px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}

#content {
	width: 800px;

}

#main {
	float: left;
	width: 520px;
}

#mainheader {
	background-image: url(../bilder-design/hinterund-hd-maincontent.gif);
	background-color: #D5C286;
	background-repeat: no-repeat;
	width: 520px;
	height: 26px;
}

#maincontent {
	padding: 10px;
	background-color: #D5C286;
}

#lieferdaten {
	width: 450px;
	height: 300px;
}


#mainfooter {
	background-image: url(../bilder-design/hinterund-ft-maincontent.gif);
	background-color: #D5C286;
	background-repeat: no-repeat;
	width: 520px;
	height: 28px;

}

#sidebar {
	float: left;
	width: 230px;
}

#footer {
	font-weight: bold;
	color: #433816;
	background-image: url(../bilder-design/hintergrund-footer.png);
	background-repeat: no-repeat;
	width: 520px;
	padding: 25px 10px;
	margin: 10px 0px;
}

/*
Klassen
=======
*/

.clearer {
	clear: left;
}
.aktionsschild {
	background-image: url(../bilder-design/hintergrund-aktion.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 119px;
	margin: 0px 0px 0px 15px;
}

.nagelschild {
	background-image: url(../bilder-design/hintergrund-nagelschild.png);
	background-repeat: no-repeat;
	width: 230px;
	height: 180px;
	margin: 0px 0px 0px 15px;
	padding: 80px 0px 5px 20px;
}

.offene-dose {
background-image: url(../bilder-design/hintergrund-offene-dose.png);
	background-repeat: no-repeat;
	width: 178px;
	height: 120px;
	margin: 0px 0px 0px 15px;
}

.ohne-icon {
	background-image: none !important;
	padding-left: 0px !important;
}

#zeige-details{
	float: left;
}

/*
Formulare 
=========
*/
label{
	width: 100px;
	float: left;
	text-align: right;
	margin: 10px 15px 0px 0px;
	font-size: 1em;
}

input{
	width: 195px;
}

textarea {

}

/*Schriftarten und Abstand für alle Eingabefelder*/
input, textarea, select {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #482109;
	margin: 5px 0px 5px 0px;
	background-color: #F0E6D8;
	border: 1px solid #964A18;
}
input, textarea {
	padding: 5px;
}

input[type="radio"] {
	background: none;
	border: none;
	width: 20px;
	height: 30px;
}

.label-breit {
	width: 160px;
}

.textfeld-klein {
	width: 60px;
}

.textfeld-mittel {
	width: 120px;
}

.text-nach-formularfeld {
	text-align: left;
	margin: 10px 15px 0px 0px;
	font-size: 1em;
	float: left;	
}

.absendeknopf, .zurueckknopf {
	color: #FFFFFF;
	background-color:#874217;
	border: none !important;
	background-image: url(../bilder-design/hintergrund-button-normal.gif);
	background-repeat: no-repeat;
	width: 123px;
	height: 34px;
}

/*einige Textfelder floaten*/
#itensitaet, #menge {
	float: left;
}

.schieberegler {
	width: 500px;
	height: 20px;
}

/*Hintergrund Bild auf Sliderlinks entfernen*/
#slider-itensitaet a, #slider-menge a, #lieferungen a {
	background-image: none !important;
}

/*Titel im Accordion etwas vom Rand entfernen*/
#lieferungen h4 {
	padding-left: 30px;
}