/* ############################# */
/*         Allgemeines           */
/* ############################# */
html, body {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#333333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	line-height:18px;
	
	vertical-align:middle;
	text-align:center; /* Für IE 5 */
	
	scrollbar-base-color:#FFFFFF;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	
	color:black;
}

img {
	margin:0px;
	padding:0px;
	border-width:0px;
}
ul, li {
	list-style-type:none;
}
a {
	color:#8C362E;
	text-decoration:none;
}
a img {
	border-width:0px;
}
.rot {
	color:#901C25;
}

table, table tr, table tr td {
	margin:0px;
	padding:0px;
	empty-cells:show;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
}

.hr {
	width:auto;
	height:1px;
	background-color:#999999;
	margin:7px 0px;
	display:block;
}

/* ############################# */
/*         Zentrieren            */
/* ############################# */
#vertikalzentrieren, #vertikalzentrieren .row, #vertikalzentrieren .row .column {
	height:95%;
	width:100%;
	vertical-align:middle;
}

/* ############################# */
/*         Grundaufbau           */
/* ############################# */
#frametable {
	height:533px;
	width:607px;
	margin:auto; /* Zentriert die Tabelle horizontal */
	text-align:right; /* Für IE 5 */
	border-collapse:collapse;
}

#frametable #head {
	height:81px;
}
#frametable #spacer {
	height:10px;
}
#frametable #body {
	height:462px;
}

#frametable .left {
	width:453px;
	vertical-align:top;
}
#frametable #body .middle {
	width:10px;
}
#frametable .right {
	width:155px;
		padding-left:11px;
	}
#frametable .spacer, #frametable .spacer td {
	height:10px;
}

#frametable #body .right {
	vertical-align:top;

	background-image:url(/images/menu_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
/* ############################# */
/*             Menü              */
/* ############################# */
#menu {
	margin:0px;
	padding:0px;
}
#menu, #menu div, #menu a, #menu img {
	margin:0px;
	padding:0px;
}
#menu .item {
	width:145px;
	height:20px;
}
#menu .item:hover {
	background-position:145px;
}
#menu .item_active {
	width:145px;
	height:20px;
	background-position:145px;
}

#impressum {
	position:relative;
	top:303px;
	left:83px;
}

/* ############################# */
/*            Seiten             */
/* ############################# */

.marginright {
	margin-right:10px;
}

/* Home */
#home #box {
	margin-top:9px;
}

/* Philosophie */
#philosophie .item {
	width:144px;
	height:144px;
}
#philosophie .item:hover {
	background-position:144px;
}
#philosophie .item_active {
	width:144px;
	height:144px;
	background-position:144px;
}
#philosophie #content {
	margin-top:10px;
	background-color:#FFFFFF;
	height:298px;
	width:100%;
}
#content table {
	height:100%;
	width:100%;
}
#content table tr td {
	padding:0px 10px;
}
#content table .top td {
	padding-top:10px;
		height:270px;
	}
#content table .bottom td {
	text-align:right;
}

/* Bezugsquellen */
#bezugsquellen {
}
#bezugsquellen, #bezugsquellen tr , #bezugsquellen tr td {
	margin:0px;
	padding:0px;
}
#bezugsquellen button {
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	border-width:0px;
	border:0px solid #FFFFFF;
	color:#8C362E;
	font-size:10px;
	margin:0px;
	padding:0px;
}

/* Impressum */
#seite_impressum {
	background-color:#FFFFFF;
	height:453px;
}	
#seite_impressum div {
	padding:10px;
	padding-top:25px;
}


/* Kontakt */
#kontaktformular .text {
	width:80px;
	vertical-align:middle;
	text-align:left;
}
#kontaktformular .input {
	vertical-align:middle;
	text-align:left;
	padding:2px 0px;
}
#kontaktformular .input input {
	width:200px;
}

#seite_impressum button {
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	border-width:0px;
	border:0px solid #FFFFFF;
	color:#8C362E;
	font-size:10px;
	margin:0px;
	padding:0px;
	}
#seite_impressum textarea {
	margin:0px;
	padding:0px;
}

/* Die 17 Winzer */
#die17winzer img {
	height:48px;
	width:47px;	
	margin-right:2px;
	margin-bottom:2px;
}
#die17winzer img:hover {
	background-position:47px;
}
#die17winzer .mitte img {
	height:48px;
	width:46px;	
}
#die17winzer .mitte img:hover {
	background-position:46px;
}
#die17winzer .rechts img {
	margin:0px;
}
#die17winzer #namen {
	float:right;
	background-color:#717171;
		height:298px;
		width:298px;
	line-height:16px;
}
#die17winzer #namen div {
	padding:10px;
	padding-top:14px;
}
#die17winzer #namen a {
	color:black;
}

#die17winzer .namensbox {
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#FFFFFF;
	height:144px;
	width:452px;
	line-height:16px;
	display:none;
	margin-top:9px;
}
#die17winzer .namensbox div {
	padding:10px;
	padding-top:15px;
}

#die17winzer #waehlen {
	height:144px;
	width:452px;
	margin-top:9px;
}

#die17winzer #waehlen img {
	height:144px;
	width:451px;
}

/* shop */
#philosophie button {
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	border-width:0px;
	border:0px solid #FFFFFF;
	color:#8C362E;
	font-size:10px;
	margin:0px;
	padding:0px;
	text-align:right;
}

#shop_pakete {
	height:32px;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
#shop_pakete tr {
	height:32px;
}

#shop_pakete .beschreibung {
	color:#8C362E;
	font-weight:bold;
	width:120px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}
#shop_pakete .preis {
	font-weight:bold;
	width:55px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}
#shop_pakete .menge {
	width:60px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}
#shop_pakete .menge input {
	width:30px;
	padding:0px;
	margin:0px;
}

#shop_pakete .button {
	padding:0px;
	margin:0px;
	text-align:right;
}

#shop_pakete .button button {
		margin-right:7px;
	margin-top:11px;
	}

/* Kasse */ 

.kasse_formular {
	margin:0px;
	padding:0px;
}

.kasse_formular .links {
	vertical-align:top;
	width:240px;
}
.kasse_formular .mitte {
	width:10px;
	vertical-align:top;
}
.kasse_formular .rechts {
	width:170px;
	vertical-align:middle;
}

.kasse_formular .text {
	width:100px;
	vertical-align:middle;
}
.kasse_formular .eingabe {
	width:140px;
	vertical-align:middle;
}
.kasse_formular .eingabe input {
	width:135px;
}
.kasse_formular .eingabe .plz {
	width:40px;
}
.kasse_formular .eingabe .ort {
		width:87px;
	}
.kasse_formular .rechts .button {
	background-color:#8F1E24;
	color:#FFFFFF;
	font-size:11px;
	width:140px;
	border-top:1px solid #921D25;
	border-left:1px solid #921D25;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}