/***** LAYOUT *****/
body {
	margin:			0 0 0 0;
	/*min-width:		1000px;*/ /* war nicht gut für mobilgeräte */
	/*overflow:		auto;*/ 		/* if the navi extends the viewport, it won't get inaccessible this way */
	overflow:		hidden; /* otherwise the fancybox gets too large - maybe it is because of the thick border I applied there, check the css... */
	padding:		60px 0 0 0;
	min-width:		590px; /* war nicht gut für mobilgeräte */
}
#header {
	height: 		60px;		/* padding-top of body */
	margin-top: 	-60px; 		/* negative padding-top of body */
	width: 			100%;
}
#navi {
	left:			20px;
	overflow:		auto;
	position:		absolute;
	top:			75px;
	width: 			190px; 		/* info width - padding-left of navi */
    bottom:0px;
}
#info {
	float:			right;
	min-height: 	10px;
	width:			175px;
}
#contentcontainer {
	bottom:			0px; /* we don't have a footer */
	left:			210px; /* navi width + navi left */
	overflow:		auto;	/* so it will get a scrollbar when the content extends the viewport */
	position:		absolute;
	/*right:			175px; /* info width */
	right:			0; /* info width */
	top:			60px; /* header height */
	min-width: 325px; /* so viel braucht man für ein einzelnes bild */
}
#content {
	padding: 		20px;
}

/***** STYLE *****/
body {
	background:		#333;
	

	font-family:	ArchitectsDaughterRegular, Arial, sans-serif;
	font-size:		90%;
	letter-spacing: 1px;
}
.einzelbild {
	background:		black;
	box-shadow: 	0 0 25px black;
	margin: 		20px;
	padding: 		10px;
}
.bindetipps {
	box-shadow: 	0 0 25px black;
	margin-bottom:	50px;
	margin-top:		20px;
	width:			650px;

}
#header {
	text-align:		center;
}
.header {
	font-size:		2.1em;
	font-weight:	bold;
	height:			100%;
	text-align:		center;
	vertical-align:	middle;
	width:			100%;
	background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    text-shadow: 0 0 7px white, 0 0 7px white;
}
.header td {
	border:			0;
}
#navi {
	text-align:		right;
}
.navfont,.navitem {
	color:			#aaa;
	cursor:			pointer;
}
.navfont,.navitem,.navselected,.navhover {
	padding: 		5px 15px;
    display:        block;
    text-decoration: none
}
.navselected {
	background:		#eee;
	border-radius:	0.8em 0em 0em 0.8em;
	box-shadow:		0 0 25px black;
	color:			black;
	font-weight:	bold;
}

.navhover {
	color:			white;
	cursor:			pointer;
	padding-left: 5px;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-right:	 20px;
}
#info {
}
#contentcontainer {
	background:		#eee;
	box-shadow: 	0 0 25px black;
	color:			black;
}
#content {
	text-align:center;	
}
/* home */
.seide-header {
	text-align:		justify;
	max-width:			820px; 
}
.seide-header img {
	float:			left;
	width: 			auto;
}
/* Galerien */
.galinfobox {
	background:		#ddd;
	color:			black;
	font-size:		1em;	
	padding:		10px;
	text-align:		left;	
	width: 			630px; /* same as galimage - padding */
}
.galinfobox td {
	border:			0;
}
.galimagecontainer {
	color:			#333;
	font-size:		1.1em;
	padding-top: 	70px; /* bestimmt den abstand der bilder zueinander */
	text-align:		center;
	width: 			650px;	
}
.galimage {
	background: black;
	box-shadow: 	0 0 25px black;
	margin-bottom:	12px; /* Abstand zwischen Bild und Bildunterschrift */
	padding-bottom:	15px; /* x pixel größer als das bild */
	padding-top:	15px; /* x pixel größer als das bild */
	width:			650px;	
}
span.imgtitle, #fancybox-title-inside {
	font-family: sans-serif;
	font-weight: lighter;
	font-size: 0.9em;
}
.thumbnail {
	border:			0px;
}
.thumbnail img {
	border:			none;
}
.preload {
	display: none;
}

/* markttabelle */
.markttabelle {
	border-collapse:collapse;
	border: 		1px solid black;
	background:		#fff;
}
.markttabelle tr,th,td {
	border: 		1px solid black;
}
.markttabelle td {
	padding: 		5px;
	vertical-align:	top;
	white-space:	nowrap;
}
.erfolgt { 
	/* grau */
	color: 			#808080; 
}
.erfolgt a { 
	/* grau */
	color: 			#808080; 
}
.geplant {
	/* schwarz */
	color: 			#000000;
}
.geplant a {
	/* schwarz */
	color: 			#000000;
}
.bestaetigt {
	/* grün */
	color: 			green;
}
.bestaetigt a {
	/* grün */
	color: 			green;
}
.aktuell {
	/* pink */
	color: 			#FF00FF;
}
.aktuell a {
	/* pink */
	color: 			#FF00FF;
}

/*** bestellung ***/
.bestellung table {
	width:			653px;
	height:			226px;
}
.bestellung td {
	border:			0;
}
.shadow {
	box-shadow:		0 0 25px black;
}

/*** LANGUAGE PICKER ***/
#languagepicker {
    position: absolute;
    color:			#aaa;
    bottom: 10px;
    text-align:center;
    right: 20px;
    left:0px;
    font-size:x-small;
}

.active {
    display: none;
    font-weight: bold;
    cursor: default;
}
.inactive {
    cursor: pointer;
}
#category-container {
    display:inline-block;
    max-width: 860px;
}
div.category-image {
    color: #aaa;
    background:		#333;
    
    width: 250px;
    height: 250px;
    display: inline-block;
    margin: 20px 15px;
	box-shadow: 	0 0 25px black;
    font-size: large;
    cursor:pointer;
}
div.category-image:hover {
    font-weight: bold;
    color:#eee;
    	box-shadow:	0 0 30px 5px black;

}

img.category-image {
    width: 250px;
    
}

#ORDER_SALESTAX {
	margin-top:4em;
}

 {

}