/* CSS Document */
/*
 *	Layout (Bildschrim, Beamer)
 *
 *@author Daniel Kussin
 *@version 1.1
 *@date 2010-07-06
 */

body {
	background-image:url(../images/bground.gif);
	background-position:left top;
	background-repeat:repeat-x;
	z-index:0;
}

#wrapper {
	width:100%;
	overflow:hidden;
	z-index:2;
}

.width {
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

.left,
.right {
	margin-bottom:12px;
	width:49%;
	overflow:hidden;
}
.left,
.col1,
.col3 {
	float:left
}
.right,
.col2,
.col4 {
	float:right;
}
.col1,
.col2,
.col3,
.col4 {
	width:48%;
}

#header {
	padding-bottom:19px;
	text-align:center;
	z-index:3;
}
#navigation {
	height:45px;
	background-image:url(../images/bgnavigation.png);
	background-position:center center;
	background-repeat:repeat-x;
	overflow:hidden;
	z-index:7;
}
#teaserInHeader {
	display:none;
}

.category-interaktive-videos #teaserInHeader {
	display:inherit;
	text-align:center;
	align:center;
	padding:60px 10px 10px 10px;
	height:115px;
	width:100%;
	border: 0px solid #ffffff;
}
#content {
	padding:50px 0;
	z-index:6;
}
#maps {
	display:none;
	border-top-style:solid;
	border-top-width:1px;
	z-index:4;
}
#footer {
	border-top-style:solid;
	border-top-width:1px;
	overflow:hidden;
	z-index:5;
}
/* Zusätzlicher Hintergrund */
#sec-bground {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1;
}

#canvas {
	height:400px;
	z-index:0;
}
#locations {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-97px;
	width:194px;
	height:28px;
	z-index:10;
}
#copyright {
	clear:both;
	padding:12px 0;
	text-align:center;
	border-top-style:dotted;
	border-top-width:1px;
}

/* Kopfzeile */
#header .logo {
	margin:40px 0 36px 0;
}
#header .logo h1 {
	margin:0 auto;
	width:92px;
}
#header .logo h1 a {
	display:block;
	width:92px;
	height:50px;
	overflow:hidden;
	background-image:url(../images/ddd-logo-bgrot_s.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
#header .logo h1 a span {
	visibility:hidden;
}

/* Fußzeile */
#footer .logo {
	margin:25px 0 0 0;
	text-align:center;
}
#footer .col1 h3,
#footer .col1 p,
#footer .col1 ul,
#footer .col2 h3,
#footer .col2 p,
#footer .col2 ul,
#footer .col3 h3,
#footer .col3 p,
#footer .col3 ul,
#footer .col4 h3,
#footer .col4 p,
#footer .col4 ul {
	padding:0 10px;
}