@charset "UTF-8";

@media screen, projection
{
	body {
		background-color: #FCFCED;
		background-image: url(../_rsc/bg.png);
		background-repeat: repeat-x;
	}

	.page_margins {
		width: auto;
		min-width: 960px;
		max-width: 1200px;
		margin: 0 auto;
		padding: 10px 10px 10px 9px;
	}
	.page_content {
	}

	div.page {
		padding: 0;
		border: 2px solid #DEDD3A;
	}
	#col1 {
		width: 15em;
		max-width: 240px;
		margin-right: 10px;
		overflow: hidden;
/*		margin-top: -20px; */
	}
	#col1_content {
	}
	#col2 {
		width: 300px;
		margin-right: 20px;
		margin-left: 20px;
		z-index: 99!important;
	}
	div.img_gap {
		height: 20px;
	}
	#col3 {
		width: auto; 
		margin: 0 0 0 280px;
	}
	#col3_content {
		padding: 0px 20px 20px 0;
		min-height: 30em;
/*		width: 35em;*/
		max-width: 885px;
	}
	#col3_content p {
		max-width: 35em;
	}
	#col3_content li {
		max-width: 30em;
	}
	#col3_content h1 {
		max-width: 19.5em;
	}
	#col3_content h2 {
		max-width: 23.4em;
	}
	#col3_content h3 {
		max-width: 26.2em;
	}
	#col3_content h4 {
		max-width: 30em;
	}
	#col3_content h5 {
		max-width: 30em;
	}
	
	#page-content {
		min-height: 30em;
	}
	div#main {
		min-height: 14em;
	}
	div.sinnbox {
		max-width: 32em;
		margin: 20px 0;
		padding: 20px;
/*		border: 1px solid #F2F2B0;*/
		font-style: italic;
	}

	/* set column dividers */ 
	/*	#col3 { border-left: 1px #ddd solid }	*/
	
	
/* === Site Menu ================================================*/
	div#site-menu {
		width: 100%;
/*		height: 2em;*/
		padding-top: 117px;
		padding-bottom: 50px;
	}
	div.site-menu {
		/*height: 1.5em;*/
		padding: 0;
	}
	
/* === Header ==================================================*/
	body#mobile-page div#header {
/*		background-image: url('../_rsc/Mobile_Header.png');*/
		background-repeat: no-repeat;
	}
	div#mobile_title {
		font-size: 20pt;
		font-weight: bold;
		position: absolute;
		left: 595px;
		top: 20px;
	}
	div#mobile_header {
		height: 288px;
	}
	
	#header {
		position: relative;
/*		height: 140px;*/
	}
	div#logo {
		position: absolute;
		top: 17px;
		right: 19px;
		z-index: 9;
	}
	body#home-page div#logo {
		position: absolute;
		top: 26px;
		right: 19px;
		z-index: 9;
	}
	div#bereichs-bezeichnung {
		position: absolute;
		top: 54px;
		left: 0px;
		width: 100%;
	}
	div#bb_content {
		width: 22em;
		margin: 0 auto;
		padding-left: 200px;
	}
	div#top-img {
		position: absolute;
		width: 400px;
		height: 100px;
		top: 30px;
		right: 20px;
		/*border: 1px solid gray;*/
	}
	div#mobile_header {
		/*width: 960px;*/
		margin: 0;
		padding: 0;
	}
	div#mobile_header img {
		position: absolute;
    	right: 0;
    	top: 70px;
    }
	body#mobile-page div.page_content {
		padding-top: 4px;
		min-width: 972px;
	}
	body#mobile-page div#site-menu {
		padding-top: 0px;
		margin-top: 8px;
	}
/* === Main Navigation ==============================================*/
	div#main-navi {
		float:left;
		margin-top: 30px;
		margin-left: 15em;
		padding-left: 20px;
		/*overflow:hidden; */
	}
	
	div#site-tools.top {
		width: 100%;
		height: 2.5em;
		background: #ebeb89;
	}
	div#site-tool-icons {
		float: left;
		margin: 7px 50px 0 8px;
	}
	div#site-tools ul {
		padding-top: 8px;
	}
/* === Navigation ==============================================*/
	div.nav-head {
		padding: 0 0 8px 10px;
	}
	#navi { 
		margin-top: 2px; 
	}
	ul.navi ul {
		margin-top: 10px;
	}

/* === Footer =======================================================*/
	div#footer {
		position: relative;
/*		width: 100%;*/
		font-size: 90%;
		padding: 5px 10px;
	}
	div#spenden {
		position: absolute;
		bottom: 10px;
		right:28px;
	}
	img#wai {
		position: relative;
		bottom: 0px;
		left: -10px;
	}
	img#zewo {
		position: relative;
		bottom: -6px;
		left: 0px;
	}
	div#adresse {
		position: absolute;
		bottom: -4px;
		left: 10px;
		width: 70em;
	}
}

/* === Headings ===================================== */
h2 {
	margin: 1em 0 0.5em 0;
}


/* === Bilder ========================================= */
div.pic_right {
	float:right;
}

/* === Misc ========================================= */
div.bild_box {
	padding: 0;
	margin: 2em 0;
}

div.bild_box img {
	margin: 0 0 0 16px;
}
div.bild_box img:first-child {
	margin: 0;
}

div.rightcol { 
	float:right;
	padding-left: 30px;
	padding-bottom: 30px;
}
div.pic_space  .caption {
	margin: 0;
	padding: 5px 0px;
}
span.image-caption .caption {
	margin: 0;
	padding: 5px 42px;
}
div.ton-player1, div.ton-player2 {
	display:inline-block; 
	width: 15em;
}
/*========= Erzeugnisse Galerie =========================*/
.img-control {
	display:  inline-block;
/*	padding-top:120px;
	margin-left: 500px;*/
	width: 15em;
	padding: 120px 0 0 30px;
	vertical-align: top;
}
.erzeugnis-bild {
/*	float:left;*/
	display:  inline-block;
/*	margin-left: 30px;*/
	width: 400px;
}

.erzeugnis-bild .legend {
	width: 400px;
	padding: 10px 20px;
	text-align:center;
}

/* === Video Spots ===================================== */
/*#videos {
	width: 90%;
	max-width: 540px;
}*/
#videos ul {
	margin-left: 3px;
	list-style: circle;
}

#video1, #video2, #video3 , #video4{
/*	width:250px; */
	padding: 0 10px 40px 10px;
}
#videos img {
	margin-top: 5px;
	margin-bottom: 10px;
}
#video1, #video2, #video3, #video4 {
	margin-top: 0em;
	width: 250px;
}
#video1, #video3, #video5 {
	float:left;
}
#video2, #video4 {
	float:right;
}
.video-player {
	padding: 20px 0 20px 10%;
}
form#login {
	margin-bottom: 7em;
}