body {
	background-color:#444444;
	height:100%;
	/* background-image:url(bilder/back.jpg); */
	background-color:rgb(99, 192, 184);
	font-family:Comic Sans, Comic Sans MS, cursive;
}

.gruen { color:#1E969F; }

div.main {
	/* border: 1px solid #287392; */
	margin: 20px auto 0 auto;
	width: 1000px;
	position: relative;
	padding: 0 30px 0 30px;
}

div.foto {
	border: 1px solid #000000;
	background-color: white;
	/* background-repeat: no-repeat;
	background-position: 20px 20px; */

	box-shadow: 6px 6px 6px #333333;

	border-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

div.title_wrapper {
	/* border: 1px solid #973682; */	
	position: relative;
	height: 260px;
}

div.title2 {
	right: -4px;
	top: 5px;
	width: 290px;
	height: 241px;

	transform: rotate(2deg);
	-ms-transform: rotate(2deg); /* IE 9 */
	-webkit-transform: rotate(2deg); /* Safari and Chrome */
	-o-transform: rotate(2deg); /* Opera */
	-moz-transform: rotate(2deg); /* Firefox */
	/*-moz-transform:rotate(2deg);*/

	background-image:url(bilder/title_rechts.png);
	z-index:1;
	position: absolute;
}

div.title {
	left: -10px;
	top: 10px;
	width: 700px;
	height: 240px;
	background: rgba(255, 255, 255, 0.7);
	/*
	background-image:url(bilder/title4.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	*/
	transform: rotate(358deg);
	-ms-transform: rotate(358deg); /* IE 9 */
	-webkit-transform: rotate(358deg); /* Safari and Chrome */
	-o-transform: rotate(358deg); /* Opera */
	-moz-transform: rotate(358deg); /* Firefox */
	/* -moz-transform:rotate(-2deg); */
	
	z-index:2;

	position: absolute;

	/* opacity:0.8; */
}

div.main_wrapper {
	/* border: 1px solid #0C9279; */	
	position: relative;
	float: left;
}

div.nav {
	/* border: 1px solid #FFFFFF; */
	width: 180px;
	position: relative;
	float: left;
}

div.nav_foto {
	width: 200px;
	height: 30px;
	left: -6px;
	padding: 10px 10px 10px 10px;

	text-align: center;
	position: relative;

	margin: 15px 0 0 0;
	float: left;

	/* opacity:0.8; */
}

div.nav_foto_sub {
	width: 173px;
	/* height: 10px;*/
	right: 0px;
	padding: 8px 0 8px 0;
	margin-top: 3px; 
	vertical-align: middle;
	text-align: center;
	position: relative;

	float: right;
	background-color:#666666;
}

div.nav_lila {
	background-color:#D5017F;
	/*-moz-transform:rotate(2deg);*/
	transform: rotate(2deg);
	-ms-transform: rotate(2deg); /* IE 9 */
	-webkit-transform: rotate(2deg); /* Safari and Chrome */
	-o-transform: rotate(2deg); /* Opera */
	-moz-transform: rotate(2deg); /* Firefox */
	position: relative;
	/* background: rgba(213, 1, 127, 0.7); */
}

div.nav_gruen {
	background-color:#1E969F;
	transform: rotate(358deg);
	-ms-transform: rotate(358deg); /* IE 9 */
	-webkit-transform: rotate(358deg); /* Safari and Chrome */
	-o-transform: rotate(358deg); /* Opera */
	-moz-transform: rotate(358deg); /* Firefox */
	/*-moz-transform:rotate(-2deg);*/
	position: relative;
	/* background: rgba(30, 150, 159, 0.7); */
}

div.content {
	min-height: 500px;
	width: 730px;
	left: 15px;
	margin: 10px 0 0 30px;
	padding: 25px 25px 25px 25px; 
	/* -moz-transform:rotate(-0.5deg); */
	position: relative;
	float: left;
	background: rgba(255, 255, 255, 0.7);

	/*
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	*/
}

div.content p
{
	margin: 0 0 10px 0;
	line-height: 150%;
}

div.content p.subtitle
{
	color:#D5017F;
	font-weight:bold;
}

div.footer {
	margin-top: 15px;
	height: 120px;
	width: 990px;
	/*-moz-transform:rotate(0.5deg);*/
	position: relative;
	float: left;
	text-align: center;
	padding: 10px 10px 10px 10px;
	background: rgba(255, 255, 255, 0.7);
	margin-bottom:30px
}

div.ball {
	/* border: 1px solid #237923; */
	left: 35px;
	width: 140px;
	height: 140px;
	background-image:url(bilder/ball.gif);
	margin-top: 10px;
	position: relative;
	float: left;
}

div.deg-05 { 
	transform: rotate(359.5deg);
	-ms-transform: rotate(359.5deg); /* IE 9 */
	-webkit-transform: rotate(359.5deg); /* Safari and Chrome */
	-o-transform: rotate(359.5deg); /* Opera */
	-moz-transform: rotate(359.5deg); /* Firefox */
	/*-moz-transform:rotate(-0.5deg);*/ 
}
div.deg05 { 
	transform: rotate(0.5deg);
	-ms-transform: rotate(0.5deg); /* IE 9 */
	-webkit-transform: rotate(0.5deg); /* Safari and Chrome */
	-o-transform: rotate(0.5deg); /* Opera */
	-moz-transform: rotate(0.5deg); /* Firefox */
	/*-moz-transform:rotate(0.5deg);*/
}
div.deg-2 {
	transform: rotate(358deg);
	-ms-transform: rotate(358deg); /* IE 9 */
	-webkit-transform: rotate(358deg); /* Safari and Chrome */
	-o-transform: rotate(358deg); /* Opera */
	-moz-transform: rotate(358deg); /* Firefox */
	/*-moz-transform:rotate(-2deg);*/
}
div.deg2 {
	transform: rotate(2deg);
	-ms-transform: rotate(2deg); /* IE 9 */
	-webkit-transform: rotate(2deg); /* Safari and Chrome */
	-o-transform: rotate(2deg); /* Opera */
	-moz-transform: rotate(2deg); /* Firefox */
	/*-moz-transform:rotate(2deg);*/
}

a, a:link, a:visited, a:active { color:#1E969F; text-decoration:none; border:0; font-size:11pt; font-weight:bolder; }
a:hover { color:#1E969F; text-decoration:underline; border:0; font-size:11pt; } 

a.nav, a.nav:link, a.nav:visited, a.nav:active { color:#FFFFFF; text-decoration:none; border:0; font-size:16pt; font-weight:bolder; }
a.nav:hover { color:#EEEEEE; text-decoration:underline; border:0; font-size:16pt; } 

a.nav_sub, a.nav_sub:link, a.nav_sub:visited, a.nav_sub:active { color:#FFFFFF; text-decoration:none; border:0; font-size:14pt; font-weight:bolder; }
a.nav_sub:hover { color:#EEEEEE; text-decoration:underline; border:0; font-size:14pt; } 

h1, h2, h3, h4, h5  { color:#D5017F; }
h1 { margin: 0  0 20px 0; font-size:24px; }
h2 { margin: 0  0 15px 0; font-size:18px; }
h3 { margin: 0  0 15px 0; font-size:16px; }
h4 { margin: 0  0 15px 0; font-size:14px; }


/* Produkte */
div.produkte { padding:10px 10px 10px 10px; position:absolute; }
div.produkte.h { width:220px; }
div.produkte.v { width:150px; }

div.bullet { float:left; width:20px; height:20px; vertical-align: middle; background-size: 100%; margin-right:5px; float:left; }
div.bullet.gruen { background-image:url(bilder/knopf_gruen.png); }
div.bullet.gelb { background-image:url(bilder/knopf_gelb.png); }
div.bullet.lila { background-image:url(bilder/knopf_lila.png); }
div.bullet.orange { background-image:url(bilder/knopf_orange.png); }
div.bullet.rosa { background-image:url(bilder/knopf_rosa.png); }
div.bullet.tuerkis { background-image:url(bilder/knopf_tuerkis.png); }

ul li { overflow:auto; margin-bottom:5px;}

td.td_gal { width:150px; height:150px; text-align:center; vertical-align:middle; margin:0 0 0 0; }

.shop_icon { float:left; padding:3px; margin:8px; }
.shop_icon_blank { width:120px; text-align:center; }
.shop_icon_img { /*border: 1px solid #000000;*/ width:120px; height:115px; display: table-cell; vertical-align:middle; text-align:center; margin-left: auto margin-right: auto;}