body {
	font: 14px "trebuchet ms", helvetica, sans-serif;
	display: table;
	width: 100%;
}
a {text-decoration:none; color: #5279AE; }
a:hover {text-decoration:underline;}


strong { font-weight:bold; }

/* logo start */
.logo {
	left: 0;
	position: absolute;
	top: 115px;
	display: block;
	z-index:2;
}
.logo a {
	background: url(../images/logo.jpg) no-repeat;
	width: 255px;
	height: 50px;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
}
/* logo end */
#wrapper-bg {
	overflow: hidden;
	margin: 0 auto;
	width: 850px;
	background:  url(../images/bg-schatten.png) repeat-y;
}
#wrapper-bg-top {
	background: url(../images/bg-schatten-top.png) no-repeat;
	height: 20px;
	margin: 0 auto;
	width: 850px;
}
#wrapper-bg-b {
	background: url(../images/bg-schatten-b.png) no-repeat;
	height: 60px;
	margin: 0 auto;
	width: 850px;
}
#wrapper {
	overflow: hidden;
	margin: 0 0 0 20px;
	padding: 410px 20px 0 20px;
	width: 770px;
	background-color: #fff;	
	color: #2e2d30;
	position: relative;
}
#main {
	overflow: hidden;
	height: 1%;
	margin-bottom: 35px;
}
/* nav start */
.nav {
	clear: both;
	padding-top: 30px;
	height: 1%;
}
.nav:after {
	clear: both;
	display: block;
	content: "";
}
.nav ul {
	float: right;
}
.nav ul li {
	float: left;
	margin-left: 18px;
}
.nav ul li a {
	color: #a4a4a4;
}
.nav ul li a:hover {
	color: #ca521f;
	text-decoration: none;
}
/* nav end */



/* header start */
#header {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 20px;
	height: 400px;
}
#header .content {
	width: 770px;
}
#header .stad {
	float: right;
	background: url(../images/logo-stadtaachen.jpg) no-repeat;
	width: 63px;
	height: 37px;
	margin: 25px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#header .content .columns {
margin: 62px 0 0 0;
}

#header .content .img-headr {
	float: left;
	overflow: hidden;
	width: 507px;
}

#header .content .columns .box {
	width: 262px;
	height: 194px;
	float: left;
	margin: 51px 0 0 0;
	padding:0px;
	color: #fff;
	background-color: #1F1E21;
	overflow:hidden;
}
#header .content .columns .box a:link, #header .content .columns .box a:active, #header .content .columns .box a:visited{
    color:#FFF;
    display:block;
    height:169px;
    background: #1F1E21 url(../images/bg-btn-top.jpg) no-repeat bottom right;
    font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	padding: 25px 12px 0 12px;
}
#header .content .columns .box a:hover{
    text-decoration:none;
    background: #1F1E21 url(../images/bg-btn-top_hl.jpg) no-repeat bottom right;
}

#header .content .columns .box p {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	padding: 25px 12px 0 12px;
}
/* header end */




/* container start */
#content {
	overflow: hidden;
	width: 470px;
	float: left;
	background: url(../images/bg-content.jpg) no-repeat;
	padding: 0 15px;
}
#content h1 {
	color: #1f1e21;
	font-size: 24px;
	font-weight: bold;
	margin: 15px 0;
}
#content h2 {
	color: #1f1e21;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 5px 0;
}
#content h3 {
	color: #1f1e21;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
}
#content h4 {
	color: #1f1e21;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0;
}
#content p {
    text-align:justify;
	margin: 0 0 20px 0;
	font-size: 14px ;
}

#content p.imgal {margin:0px;}
#content p.img_subtitle { margin:5px 0 20px 0;  text-align:right; font-size:70%;}

#content ul li {
    text-align:justify;
    list-style:none;
    background:#FFF url(../images/dot.png) no-repeat 0 11px;
    padding: 5px 0 0 15px;
    font-size: 14px ;
}
#content ol{
background:#F0F0F0;
padding:10px;
}
#content ol li {
    text-align:justify;
    list-style:none;
    margin: 5px 0 0 0;
    font-size: 14px ;
    display:block;
    clear:left;
}
#content ol li span{
font-size: 14px ;
font-weight:bold;
color:#999;
padding: 0 ;
width:20px;
display:block;
float:left;
}

#content ol li strong{
margin:0 0 0 10px;
display:block;
float:left;
}

#content p.toc{
display:block;
width:280px;
background:#F0F0F0;
padding:10px;
}

#content em { font-style:italic; }
	
/* container end */
/* sidebar-right start */
#sidebar-right {
	width: 230px;
	float: left;
	padding: 0 10px 0 25px;
}
#sidebar-right h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
a.taeserbox:link, a.taeserbox:active, a.taeserbox:visited {
    display:block;
    margin-top:50px;
    color:#1f1e21;
    padding: 0 0 3px 0;
    text-decoration:none;
    background: url(../images/bg-more.gif) no-repeat bottom right;
}
a.taeserbox:hover {
    background: url(../images/bg-more_hl.gif) no-repeat bottom right;
}
a.taeserbox p {
	font-size: 14px ;
	padding: 5px 14px 0 0;
}

/* download start */
.download {
	width: 230px;
	height: 100px;
	margin-bottom: 30px;
	background: url(../images/bg-download_.gif) no-repeat;
}
.download a {
	font-size: 27px;
	margin-top: 15px;
	color:#1f1e21;
	float: left;
	width: 145px;
	background: url(../images/bg-btn-download.jpg) no-repeat 100% 15px;
}
.download a:hover { color: #ED4A11;}
.download a span {
	font-size: 16px;
	float: left;	
}
.download a:hover {
	background: url(../images/bg-btn-download-hover.jpg) no-repeat 100% 15px;
	text-decoration: none;
}
.download img{ border:0; margin:7px 0 0 0; }
/* download end */
/* sidebar-right end */
/* column end */
.column {
	overflow: hidden;
	width: 780px;
	padding-bottom: 20px;
	margin-top: 10px;
}

.column a.taeserbox{
float: left;
width: 230px;
margin: 30px 10px 0 15px;
}

.column h2 {
	font-size: 20px;
	margin-bottom: 5px;
}
.column a.taeserbox p {
	height:58px;
	display:block;
}
/* column end */
.more {
	background: url(../images/bg-more.gif) no-repeat 0 0;
	bottom: 0;
	cursor: pointer;
	height: 15px;
	margin: 0 0 0 218px;
	position: absolute;
	text-indent: -9999px;
	width: 15px;
	z-index:2;
}
/* wallpapers start */
.wallpapers {
	background: url(../images/bg-separator.gif) repeat-x;
	overflow: hidden;
	height: 1%;
	margin-top: 20px;
	padding: 30px 15px 20px 15px;
}
.wallpapers h3 {
	color: #a4a4a4;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.wallpapers em{
  display:block;
  font-style:italic;
  font-size:80%;
  margin-bottom: 20px;
  color: #a4a4a4;
}
.wallpapers ul {
	overflow: hidden;
	width: 832px;
	margin-left: -22px;
}
.wallpapers ul ul {
	width: auto;
	height: 1%;
}
.wallpapers ul li {
	float: left;
	width: 105px;
	margin-left: 22px;	
	display: inline;
}
.wallpapers ul li ul {
	margin-top: 7px;
}
.wallpapers ul li li {
	clear: both;
}
.wallpapers ul li a {
	color: #a4a4a4;
	text-decoration: none;
	font-size: 12px;
}
.wallpapers ul li a:hover {
	color: #1f1e21;
}
/* wallpapers end */
/* footer start */
#footer {
	overflow: hidden;
	height: 1%;
	background: url(../images/bg-separator.gif) repeat-x;
	margin: 20px 0;
	padding: 45px 0 0 15px;
}
#footer .box {
	float: left;
	width: 250px;
	margin-bottom: 20px;
}
#footer h3 {
	font-size: 18px;
	font-weight: bold;
	color: #a4a4a4;
	margin-bottom: 15px;
}
#footer .box ul {
	float: left;
	width: 220px;
}
#footer .box ul li {
	margin-bottom: 8px;
	display:block;
	float:left;
	width:100px;
	margin-right:10px;
}
#footer .box ul li a {
	color: #a4a4a4;
	font-size: 11px;
	font-weight: bold;
}
#footer .block {
	overflow: hidden;
	height: 1%;
	float: left;
	width: 490px;	
	margin-bottom: 20px;	
} 
#footer .block ul {
	float: left;
	overflow: hidden;
	height: 1%;
	margin-left: -30px;
	width: 535px;
}
#footer .block ul li {
	float: left;
	width: 220px;
	margin-left: 30px;
}
#footer .block ul li a {
	color: #a4a4a4;
	font-weight: bold;
	font-size: 11px;
}
#footer .block ul li p {
	color: #a4a4a4;
	font-size: 11px;
	margin-top: 10px;
}

#footer p.copy{
float:left;
color:#a4a4a4;
font-size: 11px;
}
/* footer end */