*{
	margin:0;
	padding:0;
	font-family:sans-serif;
}
body{
	width:100%;
	height:100%;
	overflow-y:scroll;
}
a{
	color:#363;
	text-decoration:none;
}
img{
	border:none;
}
h2{
	color:#464646;
	text-align:left;
	font-size:16pt;
	font-weight:normal;
}
h3{
	text-align:left;
	font-size:12pt;
	font-weight:bold;
}
p{
	font-size:14pt;
	line-height:16pt;
	color:#464646;
}
li{
	color:#464646;
}

.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.empty{
	color:#464646!important;
	text-decoration:none!important;
	background:none!important;
}
.clear{
	clear:both;
	margin:0!important;
}
.back{
	padding-left:14px;
	background:url('../img/arrow_left.png') no-repeat 0 50%;
}
.cont{
	padding-right:14px;
	background:url('../img/arrow_links.png') no-repeat 100% 50%;
	float:right;
}
.bg{
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	z-index:-1;
}
.bg img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-height:50%;
	min-width:50%;
}

#container{
	width:900px;
	margin:0 auto;
	height:100%;
	text-align:center;
	padding-bottom:1px;
}

/*
* #   #  #####  ###  ####  ##### #####
* #   #  #     #   # #   # #     #   #
* #####  ###   ##### #   # ###   #####
* #   #  #     #   # #   # #     #  #
* #   #  ##### #   # ####  ##### #   #
*/
#header{
	background:url('../img/wpwm_header.png') no-repeat;
	width:900px;
	height:60px;
	opacity:0.9;
	margin-top:20px;
}
#header .content{
	padding:15px 30px;
	font-size:16pt;
	line-height:33px;
}
#header .content ul{
	list-style:none;
}
#header .content li{
	display:inline-block;
	width:265px;
}

#header a{
	color:#99bbff;
}

/*
* ##### ##### #    # ##### ##### #    # #####
* #     #   # ##   #   #   #     ##   #   #
* #     #   # #  # #   #   ###   #  # #   #
* #     #   # #   ##   #   #     #   ##   #
* ##### ##### #    #   #   ##### #    #   #
 */
#handwriting{
	position:absolute;
	top:-80px;
	left:-20px;
	width:300px;
	height:87px;
	background:url('../img/handwriting.png') no-repeat;
}
#content .head a{
	color:#fff!important;
	background:none!important;
	margin:none!important;
}
/*#content a{
	padding-right:14px;
	background:url('../img/arrow_links.png') no-repeat 100%;
}*/
#content ul a{
	text-decoration:none!important;
	background:none!important;
}
#content .imglink{
	color:#464646!important;
	text-decoration:none!important;
	background:none!important;
	margin:0;
}
#content ul{
	font-size:14pt;
	line-height:15pt;
}
#content .head{
	font-size:36pt;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}
#content .caption{
	font-size:12px;
	line-height:17px;
	color:#999;
}

/*Dynamische Boxen START*/
#dynboxes{
	position:relative;
	margin-top:150px;
	width:900px;
}
.dyntop{
	margin-top:30px;
}
.dynfollow{
	margin-top:85px;
}
.dynbottom{
	margin-top:85px;
	margin-bottom:85px;
}

/*Dynamische Box RAND und BG*/
#dynbox{
	position:relative;
	width:900px;
}
#dynbox .bg{
	position:absolute;
	top:0px;
	left:30px;
	width:870px;
	height:100%;
	background:#fff;
}
#dynbox #border{
	position:absolute;
	left:30px;
	width:835px;
	height:100%;
	margin:0 auto;
	background:#fff;
	opacity:0.9;
}
#border div{
	position:absolute;
	width:30px;
	height:30px;
}
#border .top{
	top:-30px;
	width:100%;
	background:url('../img/box/top.png') repeat-x;
}
#border .bottom{
	bottom:-30px;
	width:100%;
	background:url('../img/box/bottom.png') repeat-x;
}
#border .left{
	left:-30px;
	height:100%;
	background:url('../img/box/left.png') repeat-y;
}
#border .right{
	right:-30px;
	height:100%;
	background:url('../img/box/right.png') repeat-y;
}
#border .top_left{
	top:-30px;
	left:-30px;
	background:url('../img/box/top_left.png') no-repeat;
}
#border .top_right{
	top:-30px;
	right:-30px;
	background:url('../img/box/top_right.png') no-repeat;
}
#border .bottom_left{
	bottom:-30px;
	left:-30px;
	background:url('../img/box/bottom_left.png') no-repeat;
}
#border .bottom_right{
	bottom:-30px;
	right:-30px;
	background:url('../img/box/bottom_right.png') no-repeat;
}

/*Dynamische Box CONTENT*/
#dynbox .content{
	position:relative;
	top:-15px;
	left:15px;
	width:870px;
}
#dynbox .content p{
	text-align:justify;
	margin-left:15px;
}
#dynbox .content div{
	margin:15px;
}
#dynbox .content .left{
	float:left;
	width:440px;
	padding-left:15px;
}
#dynbox .content .left img{
	margin:10px 0 0 20px;
}
#dynbox .content .right img{
	margin:0;
}
#dynbox .content .left.konzept{
	width:800px;
}
#dynbox .content .left.kontakt{
	width:320px;
}
#dynbox .content .right{
	float:left;
	width:340px;
}
#dynbox .content .right.konzept{
	float:right;
	width:405px;
}
#dynbox .content .right.kontakt{
	width:450px;
}
#dynbox .content .full{
	float:left;
	width:825px;
}
#dynbox .content .full.impressum p{
	font-size:11pt;
}
#dynbox .content ul{
	text-align:left;
	list-style:none;
	margin-left:15px;
}
#dynbox .content li{
	background:url('../img/list-item.png') no-repeat 0 50%;
	list-style:dot;
	padding-left:20px;
	line-height:25px;
}
#dynbox .content li.top{
	background:url('../img/list-item.png') no-repeat 0 8px;
}
#dynbox .content .imgframe{
	border:1px solid #e0e0e0;
	background:#efefef;
	padding:4px 2px;
	text-align:center;
	width:304px;
}
#dynbox .content .imgframe_ob{
	padding:2px;
	text-align:left;
}
#dynbox .content .imgframe .links{
	text-align:center;
	width:270px;
	height:25px;
	margin:10px 15px 0;
}
#dynbox .content .imgframe .links a.cont{
	float:right;
}
#dynbox .content .imgframe .links a.lupe{
	float:left;
}
/*Feste Boxen Startseite*/
#boxes{
	position:absolute;
	width:900px;
	height:50px; /*320px*/
	margin:0 auto;
	bottom:120px; /*bottom:20px*/
}
#box{
	position:relative;
	background:url('../img/wpwm_box.png') no-repeat;
	width:295px;
	height:265px;
	opacity:0.9;
	float:left;
	font-size:11pt;
	color:#464646;
}
#boxes .head{
	font-size:48pt;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}
#box .head{
	font-size:14pt;
	font-weight:normal;
	text-align:center;
	color:#464646;
	padding:25px;
	padding-bottom:10px;
}
#box .content{
	width:260px;
	margin:10px auto;
	text-align:justify;
	font-size:14pt;
}
#box .link{
	position:absolute;
	bottom:25px;
	right:25px;
	text-align:right;
	font-size:12pt;
}
/*
* ##### ##### ##### ##### ##### #####
* #     #   # #   #   #   #     #   #
* ###   #   # #   #   #   ###   #####  
* #     #   # #   #   #   #     #  #
* #     ##### #####   #   ##### #   #
*/
#footer{
	position:relative;
	background:url('../img/wpwm_header.png') no-repeat;
	width:900px;
	height:60px;
	opacity:0.9;
	margin-top:55px;
	margin-bottom:5%;
}
#footer .content{
	padding:15px 30px;
	line-height:33px;
	font-size:12pt;
}
#footer .content ul{
	list-style:none;
}
#footer .content li{
	display:inline-block;
	width:150px;
}