/*----------------------------------------------------------- */
/*----------------------------------------------------------- */
/*------ 	Norman Paschke, tuchfuehlung	------ */
/*------	Bereich: Main Styles, Content	------ */
/*------ 	Version: 1.0, 25.10.2009	------ */
/*----------------------------------------------------------- */
/*----------------------------------------------------------- */

/******************* HTML *******************/
body {
	background-color:#e5e0c8;
	color:#222;
	font:13px/1.6em Verdana,Helvetica,sans-serif;
	margin:0;
	padding:0;
}
hr {
	height:1px;
	border-top-width:1px;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-top-style:solid;
	border-top-color:#383838;
}
a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
a:hover {
	color:#fff;
	background-color:#000;
}
img {
	border:none;
	vertical-align:top;
}
.aleft {
	text-align:left;
}
.aright {
	text-align:right;
}
.acenter {
	text-align:center;
}
.left {
	float:left;
	margin-right:7px;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
i {
	font:italic normal 13px/1.4em Georgia, "Times New Roman", Times, serif;
}
h1 {
	margin:0 0 1em;
	padding:0.8em 6px 0.2em 0.3em;
	text-align:right;
	font:italic normal 24px/1.1em Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.03em;
	text-indent:0;
	color:#fcfbf8;
	background-color:#000;
}
h2 {
	margin:1.2em 0 1em;
	padding:0.8em 6px 0.2em 0.3em;
	font:italic normal 20px/1.1em Georgia, "Times New Roman", Times, serif;
	text-align:right;
	letter-spacing:0.03em;
	text-indent:0;
	color:#fcfbf8;
	background-color:#000;
}
.box-bild h2 {
	margin-top:0;
}
.trigger,
button,
input[type=submit],
label[for] {
	cursor:pointer;
}
p {
	color:#141414;
	font:normal normal 13px/1.6em Verdana, Helvetica, sans-serif;
	letter-spacing:normal;
	margin:0 0 10px;
	padding:0;
}
small {
	font:normal normal 11px/14px Arial, Helvetica, sans-serif;
}
ul,
ol {
	font:normal normal 13px/1.4em Verdana, Helvetica, sans-serif;
	color:#ccc;
	text-align:left;
	letter-spacing:0;
	margin:0 0 10px 20px;
	padding:0;
	list-style-type:lower-roman;
}
ul {
	list-style-type:disc;
}
ul li,
ol li {
	margin:4px 0 4px 5px;
	padding:0;
}
ul li span,
ol li span {
	color:#333;
}
blockquote {
	background:transparent url(../images/blockquote.jpg) no-repeat 0 10px;
	clear:both;
	margin:0 0 20px;
	min-height:31px;
	padding:10px 0 0 40px;	
}
blockquote p {
	font:normal normal 13px/1.6em Georgia, "Times New Roman", Times, serif;
	margin:0;
}
/******************* HTML *******************/

/******************* Layout *******************/
#masthead {
	margin:20px auto;
	width:940px;
}
#utility { 
	color:#666;
	margin:0 auto;
	text-align:left;
	width:100%;
	visibility:visible;
}
.box {
	-moz-box-shadow:0 0 5px #aaa;
	-khtml-box-shadow:0 0 5px #aaa;
	box-shadow:0 0 5px #aaa;
	width:395px;
	min-height:350px;
	background-color:#fff;
	border:#FBF9F4 solid 8px;
	float:left;
	padding:10px;
	margin:0;
	overflow:visible;
}
.box a img {
	border:2px solid #e9e6dc;
}
.box a:hover img {
	border:2px solid #bbb;
}
.box-bild {
	-moz-box-shadow:0 0 5px #aaa;
	-khtml-box-shadow:0 0 5px #aaa;
	box-shadow:0 0 5px #aaa;
	width:283px;
	min-height:200px;
	background-color:#fff;
	border:#FBF9F4 solid 8px;
	float:right;
	padding:10px;
	margin-bottom:20px;
	overflow:hidden;
}
.box-bild img {
	width:283px;
	border:none;
	vertical-align:top;
}
.box-bild a:hover {
	background-color:transparent;
}
.banner {
	-moz-box-shadow:0 0 5px #aaa;
	-khtml-box-shadow:0 0 5px #aaa;
	box-shadow:0 0 5px #aaa;
	color:#e5e0c8;
	float:right;
	border:#e9e6dc solid 8px;
	margin-bottom:20px;
}
#adlink {
	background:transparent url(../images/blank.gif) repeat;
	display:block;
	overflow:hidden;
	height:600px;
	padding:0;
	position:absolute;
	top:236px;
	left:0;
	width:160px;
	z-index:10;
}
.navigation {
	margin:18px 10px 0 0;
	color:#851C0A;
	float:left;
	position:relative;
	width:160px;
}
.navigation ul {
	margin:0 0 5px;
	padding:0;
	float:right;
	list-style-type:none;
	width:120px;
}
.navigation ul li {
	margin:0 0 5px;
	padding:0;
	float:right;
}
.navigation a {
	-moz-box-shadow:0 0 3px #aaa;
	-khtml-box-shadow:0 0 3px #aaa;
	box-shadow:0 0 3px #aaa;
	color:#ccc;
	display:block;
	font:normal bold 15px Arial, Helvetica, sans-serif;	
	margin:0;
	padding:0 6px;
	line-height:28px;
	text-decoration:none;
	background-color:#fff;
	letter-spacing:0.05em;
}
.navigation a:hover,
.navigation a.selected:hover {
	color:#333;
	background-color:#fff;
	border:0 none #fff;
}
.navigation a.selected,
.navigation a.selected:link {
	background-color:#000;
	color:#fff;
}
.navigation a:focus {
	outline:none;
}
.bttext {
	position:fixed;
	background-color:#e2ddcb;
	border:4px solid #dad6b9;
	width:280px;
	padding:5px;
	font:normal normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#ccbf94;
	letter-spacing:10px;
	text-align:center;
}
#phpwarning {
	font:normal normal 9px/10px Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	position:absolute; 
	width:280px; 
	border-top:0 none #cdebf3; 
	border-right:2px solid #cdebf3; 
	border-bottom:2px solid #cdebf3; 
	border-left:2px solid #cdebf3; 
	background-color:#333;
	margin:0;
	color:#cdebf3;
	opacity:0.8;
}	
#phpwarning button {
	color:inherit;
	background-color:inherit;
	font:inherit;
	margin:0 2px;
}
#phpwarning button:hover {
	border-color:inherit;
}
#drag_box_handler {
	font:italic normal 9px/10px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	width:280px;
	letter-spacing:2px;
	padding:10px 10px 0;
	border-top:2px solid #cdebf3; 
	border-right:2px solid #cdebf3; 
	border-bottom:0 none #222;
	border-left:2px solid #cdebf3; 
	background-color:#333;
	margin:0;
	color:#cdebf3;
	cursor:move;
	opacity:0.8;
}
#draggables {
	position:absolute;
}
.tthead {
	font:italic normal 16px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#000;
	background-color:#faf7f0;
	padding:15px;
	border-top:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	width:300px;
}
.ttbody {
	font:normal normal 13px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#222;
	background-color:#faf7f0;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	padding:0 15px 15px;
	width:300px;
}
/******************* Layout *******************/

/******************* Formulare *******************/
input,
textarea,
.inpSmall {
	font:normal normal 13px/1.6em Verdana, Helvetica, sans-serif;
	width:383px;
	color:#333;
	padding:1px 3px;
	margin:0 0 5px;
	border:1px solid #eee;
	background-color:#fbf9f4;
}
input[type=checkbox] {
	border:none !important;
	padding:0 !important;
	width:auto !important;
}
button {
	font:bold normal 12px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	padding:1px 2px;
	margin:0 0 10px;
	background-color:#fff;
	border:1px solid #555;
}
input:hover,
textarea:hover,
.inpSmall:hover {  
	border: 1px solid #eee; 
}
input:focus,
textarea:focus,
.inpSmall:focus {  
	border:1px solid #ccc;
}
button:hover,
button:focus {  
	color:#000; 
	background-color:#fbfbfb;
	border:1px solid #000;
}
.inpSmall {
	width:140px;
	margin:0 0 4px;
}
textarea {
	height:210px;
}
select {
	margin:0 0 5px;
	font:normal normal 13px/1.6em Verdana, Helvetica, sans-serif;
	width:391px;
	padding:1px 3px;
	border:1px solid #eee;
}	
fieldset {
	border:none;
	margin:10px 0 12px;
	padding:0;
}
legend {
	font:normal normal 10px/10px Georgia, "Times New Roman", Times, serif;
	color:#faf8f5;
	background-color:#b31919;
	padding:4px 5px 3px 4px;
	margin:0;
}
fieldset .imFieldset {
	background-color:#e2ddcb;
	padding:10px; 
	margin:0;
	min-height:1px;
}
#bestellform {
	color:#141414;
}
#bestellform label {
	float:left;
}
#bestellform input {
	width:auto;
}
#bestellform fieldset {
	border:none;
	clear:both;
}
#bestellform label img {
	height:100px;
	margin-bottom:5px;
	width:71px;
}
#bestellform button {
	margin:0;
}	
.selection input {
	margin-right:5px;
}
.selection label {
	margin-bottom:10px;
	text-align:center;
	width:98px;
}
.bestellung label {
	width:80px;
}
#bestellform #name,
#bestellform #nachname,
#bestellform #email,
#bestellform #strasse {
	width:296px;
}
#bestellform #preis,
#bestellform #plz {
	width:60px;
}
#bestellform #ort {
	width:223px;
}
#bestellform #abo {
	float:left;
	margin:3px 5px 0 0;
	width:auto;
}
/******************* Formulare *******************/

#tip1,
#tip2,
#tip3,
#tip4,
#tip5 {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	width:450px;
	height:auto;
	background-color:#333;
	border:solid 1px #fff;
	padding:2px;
	color: #fff;
}