/* #### GLOBAL FORMATS #### */
html,body,td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

html,body{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;

	background-image: url(pic/hg.jpg);
	background-position: top left;
	background-repeat: repeat-x;

}

h1{
	font-size: 20px;
	color: #ab437f;
	font-weight: normal;
}

h2{
	color: #ab437f;
	font-size: 18px;
	font-weight: normal;
}

h3{
	color: #ab437f;
	font-size: 16px;
	font-weight: normal;
}

a:link{
	color: #ab437f;
}

a:hover{
	text-decoration: none;
}

a:visited{
	color: #74646d;
}

img, img a{
	border: none;
}

/* classes */

span.small{
	font-size: 11px;
}

span.bu{
	font-size: 10px;
	text-align: center;
}

.error{
	color: red;
	padding: 5px;
	border: 2px solid red;
	background-color: yellow;
	text-align: center;
}


/* #### ID FORMATS #### */
#centerContainer{	/* <-- For IE6 */
	width: 100%;
	text-align: center;
}

#mainContainer{
	width: 940px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}


/* navi */
#naviContainer{
	width: 100%;
	height: 307px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

#lunchButton{
	padding-top: 210px;
	margin-left: 850px;
	z-index: 10;
}

div#navi{
	/*margin-left: 93px;*/
	width: 100%;
	/*background-image: url(pic/mascot.png);
	background-position: top left;
	background-repeat: no-repeat;*/
}

div#navi #naviPusher{
	float: left;
	height: 150px;
	width: 105px;
}

div#navi #naviPusher a{
	display: block;
	height: 150px;
}

#navi #navPoint{
	float: left;
	height: 46px;
	margin-top: 19px;
	overflow: hidden;
}

#navi #navPoint:hover{
	height: 200px;
}

#navPoint .subNav {
	margin: 0px;
	padding: 0px;
}

#navPoint .subNav a{
	background-color: #f3a8d1;
	display: block;
	float: left;
	clear: both;
	width: 106px;
	padding: 3px 20px;
	color: #ab437f;
	border-bottom: 1px solid #ab437f;

	/*background-image: url(pic/subNavBG.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/
	
}

#navPoint .subNav a:hover{
	background-color: #fbe0ef;
}

#navi a{
	text-decoration: none;
	color: #ffffff;
}

#navi a img{
	border: none;
}

/* head */
#headerContainer{
	width: 100%;
	height: 244px;
	
	background-position: top left;
	background-repeat: no-repeat;
}

/* content */
#contentContainer{
	width: 100%;
	background-image: url(pic/contentHG.png);
	background-position: 23px top;
	background-repeat: repeat-y;
	/*border: 1px solid black;*/
	z-index: 0;
}

#content{
	padding: 10px 20px 20px 35px;
	
	font-size: 16px;
	line-height: 125%;
}

#content img{ 
/* *****************************************
 * Wirkt echt sinnfrei, ich weiß, aber wenn 
 * mal ein Bild nicht da ist greift das auf 
 * die Texte in den Alt-Tags.
 * ****************************************/
	font-size: 12px;
	font-weight: bold;
}

#content div#left{
	float: left;
	width: 48%;
	margin-right: 10px;
	
}

#content div#right{
	float: right;
	width: 48%;
	margin-left: 10px;
	
}
#content h2{
	color: #ab437f;
}

#content div#right td, #content div#left td{
	vertical-align: top;
}

div.shop{
	width: 210px;
	height: 115px;
	float: left;
	background-image: url(pic/shopBg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

div.shop div.adress{
	padding-top: 20px;
	padding-left: 20px;
	font-size: 10px;
}

div.productLine{
	margin-bottom: 30px;
}

div.product{
	float: left;
	width: 160px;
	margin-right: 30px;
	
	font-size: 12px;
	font-weight: bold;
	/*border: 1px solid blue;*/
}

div.product input{
	vertical-align: middle;
}

p.box{
	margin-left: 30px;
	padding: 10px;
	background-color: #ffd9f9;
	width: 280px;
}


span.count{
	float: right;
	font-size: 11px;
}
span.count input{
	width: 50px;
	height: 14px;
}

#content fieldset{
	/*width: 500px;*/
	border: none;
}
#content fieldset input{
	/*width: 220px;*/
	width: 150px;
	font-size: 12px;
	border: 1px solid #aaa;
	
	background-image: url(pic/inputShadow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}
#content fieldset textarea{
	/*width: 300px;*/
	width: 150px;
	height: 130px;
	font-family: verdana;
	font-size: 11px;
	border: 1px solid #aaa;
	
	background-image: url(pic/inputShadow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#content fieldset input.button{
	width: 100px;
	background-image: none;
	border: none;
}
#content fieldset input.sec{
	width: 30px;
}
#content fieldset label{
	float: left;
	width: 130px;
	padding-right: 30px;
	text-align: right;
}


/* footer */
#footerContainer{
	width: 100%;
	color: #aaaaaa;	
	background-image: url(pic/footer.png);
	background-position: 23px top;
	background-repeat: no-repeat;
}

#footerContainer a{
	padding-top: 20px;
	color: #aaaaaa;
}


.clear{
	font-size: 0px;
	height: 0px;
	width: 0px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

/* Uploads Images und links */

.file_link img {
		display:inline;
		vertical-align:middle;
}

.file_link a {
	text-decoration:none;
	display:inline;
	vertical-align:middle;
}