/* @group Base */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*
font-family:'DIN Next W01 Bold';
font-family:'DIN Next W01 Light';
font-family:'DIN Next W01 Regular';
*/

body {
	font-family:'DIN Next W01 Regular', Sans, sans-serif;	
}

#wrapper {
	width: 1234px;
	margin: 45px auto;
	background: #fff;
}

/* @end */

/* @group Top */

#top {
	overflow: hidden;
	margin-bottom: 7px;
}

#top img {
	display: block;
}

#toplinks,
#topmitte,
#toprechts {
	width: 265px;
	height: 265px;
	margin-right: 7px;
	float: left;
	position: relative;
}

#topmitte h1 {
	color: #fff;
	font-size: 46px;
	line-height: 46px;
	padding: 16px 18px;
	font-family:'DIN Next W01 Light';
}

#topmitte p {
	color: #fff;
	font-size: 12px;
	position: absolute;
	left: 18px;
	bottom: 14px;
}

#topmitte.koeln {
	background: #70a91d;
}

#topmitte.duesseldorf {
	background: #fbc700;
}

#toprechts li {
	font-size: 12px;
	line-height: 20px;
	padding-left: 1px;
}

#toprechts li.sprache {
	font-size: 10px;
}

#toprechts li.abstand {
	margin-top: 30px;
}

#toprechts li.aktiv {
	text-decoration: underline;
	font-family:'DIN Next W01 Bold', Sans, sans-serif;
}

#toprechts a {
	color: #575557;
	text-decoration: none;
}

#toprechts li.koeln a {
	color: #70a91d;
}

#toprechts li.duesseldorf a {
	color: #fbc700;
}

#toprechts li.koeln.aktiv,
#toprechts li.duesseldorf.aktiv {
	text-decoration: none;
}

#toprechts.koeln {
	background: url(../img/sub-links-gruen.png) 1px 0 no-repeat;
	margin-right: 0;
}

#toprechts.duesseldorf {
	background: url(../img/sub-links-gelb.png) 1px 19px no-repeat;
	margin-right: 0;
}

div#extras {
	float: left;
	width: 265px;
}

/* @end */

/* @group Hauptinhalt */

#mainwrap {	
	overflow: hidden;
}

#mainlinks {
	width: 265px;
	margin-right: 7px;
	float: left;
}

#mainlinks img {
	display: block;
	margin-bottom: 7px;
}

#mainrechts {
	width: 497px;
	float: left;
}

#mainrechts.rand {
	margin-left: 272px;
}

#mainrechts h1 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 12px;
	color: #575557;
}

#mainrechts p,
#mainrechts h2 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 12px;
	color: #575557;
}

#mainrechts h2 {
	text-transform: uppercase;
	cursor: pointer;
}

#mainrechts a {
	color: #575557;
}

#mainrechts a:hover {
	color: #222;
	text-decoration: none;
}

#mainrechts ul {
	padding: 10px 0;
}

#mainrechts li {
	font-size: 12px;
	line-height: 18px;
	color: #575557;
	text-transform: uppercase;
	padding: 5px 0;	
}

/* @end */

/* @group Imageslide */

#slider {
	position: relative;
	margin-bottom: 25px;
}

#slider .slider li {
	float: left;
}

#slider .slideleft, #slider .slideright {
	cursor: pointer;
}

#slider .slideleft {
	position: absolute;
	top: 115px;
	left: 0;
}

#slider .slideright {
	position: absolute;
	top: 115px;
	right: 0;
}

/* @end */

#lgslider {
	position: relative;
	margin-bottom: 25px;
	width: 1131px;
}

#lgkoelnslider {
	position: relative;
	margin-bottom: 25px;
	width: 564px;
}

.lgslider li,
.lgsliderkoeln li {
	float: left;
}

#lgslider .slideleft,
#lgkoelnslider .slideleft {
	position: absolute;
	top: 805px;
	right: 42px;
	cursor: pointer;
}

#lgslider .slideright,
#lgkoelnslider .slideright {
	position: absolute;
	top: 805px;
	right: 4px;
	cursor: pointer;
}

#lgslider .pdf,
#lgkoelnslider .pdf {
	position: absolute;
	top: 805px;
	right: 80px;
}

#lgslider .slideleft.large,
#lgkoelnslider .slideleft.large {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 550px;
	height: 800px;
	cursor: pointer;	
}

#lgslider .slideright.large,
#lgkoelnslider .slideright.large {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 550px;
	height: 800px;
	cursor: pointer;
}

#lgkoelnslider .slideleft.large,
#lgkoelnslider .slideright.large {
	width: 250px;
}

#lgslider .caroufredsel_wrapper,
#lgkoelnslider .caroufredsel_wrapper {
	border-bottom: 1px solid #ccc;
}

iframe {
	border: 1px solid #aaa;
}