@charset "UTF-8";
/* CSS Document */

/*
Theme Name: KRANHAUS-SUED
Theme URI: http://www.kranhaus-sued.com
Description: baustelle
Date: 21.09.2008
Author: © 2008, Ansgar Hiller, Planet Pixel, Köln
*/

body {
	margin:0px;
	color:#333333;
	font: 11px/18px Georgia, "Times New Roman", Times, serif;
}

img {border:none; margin:0px; padding:0px;} 

#addthis {
	position: absolute;
	left: 195px;
	top:384px;
}


#headContainer {
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	height: 232px;
	width:100%;
	position: fixed;
	background:transparent url(../bilder/balken_tile.png) repeat-x scroll left bottom;
	z-index:3;
}

#argoLogo {
	width:300px;
	height:200px;
	background:transparent url(../bilder/logo_argo.png) no-repeat scroll left top;
}

#kranLogo {
	width:300px;
	height:200px;
	background:transparent url(../bilder/logo_kran.png) no-repeat scroll left top;
}

#headImgContainer {
	margin:0px;
	padding:0px;
	position: absolute;
	top:0px;
	left:0px;
	height: 200px;
	width:100%;
	overflow: hidden;
}

#site {
	margin:0px;
	display:inline;
	float:left;
	width:720px;
	height:auto;
	margin-top: 250px;
	margin-left: 300px;
	z-index: 1;
}

/* TOP-NAVI */

#headContainer ul {
	position:absolute;
	margin:0px;
	height:15px;
	left:545px;
	top:205px;
	width:400px;
	list-style: none;
	font: 9px/15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing:0.1em;
	color:#FF6600;
}

#headContainer ul li {
	margin:0px;
	float:left;
	padding: 0px 10px;
	border-right: solid #FFFFFF 1px;
}

#headContainer ul li a, #headContainer ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
}

#headContainer ul li a:hover, #headContainer ul li a:active {
	color:#FF6600;
	text-decoration:none;
	font-weight: normal;
}

#headContainer ul li.home {
	padding: 0px 10px 0px 0px;
}
#headContainer ul li.english, #headContainer ul li.deutsch  {
	border: none;
}

/* HAUPT-NAVI */

#navi {
	margin:0px;
	height:100%;
	width: 405px;
	top: 225px;
	left:0px;
	position: fixed;
	background:transparent url(../bilder/bg_tile_1.png) repeat-y fixed left top;
	z-index: 2;
}

#navi ul {
	float:left;
	width: 298px;
	list-style: none;
	font: 10px/28px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 78px 0px 0px 147px;
}

#navi ul li {
	margin:0px;
	float:left;
	width: 298px;
	height: 33px;
}

#navi ul li a, #navi ul li a:visited {
	margin:0px;
	float:left;
	height: 33px;
	width: 159px;
	background:transparent url(../bilder/menBtnBg0.png) no-repeat 0 0;
	color:#9AB6C2;
	text-align:right;
	text-decoration:none;
}

#navi ul li a:hover, #navi ul li a:active {
	background:transparent url(../bilder/menBtnBg1.png) no-repeat 0 0;
	width: 163px;
}

#navi ul li.active {
	background:transparent url(../bilder/menBtnBg2.png) no-repeat 0 0;
	color:#FFFFFF;
	text-align:right;
}
/* COLUMNS - Spalten ohne Steg  */
.columnItem {width:120px; float:left; margin:0px; display:inline;} /* default (1 spalte) */

div.columns1 {width:120px;}
div.columns2 {width:240px;}
div.columns3 {width:360px;}
div.columns4 {width:480px;}
div.columns5 {width:600px;}
div.columns6 {width:720px;}

/* COLS - Spalten mit 10px Steg  */
.contentItem {min-height:10px; width:110px; float:left; margin:0px 5px; display:inline;} /*default (1 spalte) */
div.cols1 {width:110px;}
div.cols2 {width:230px;}
div.cols3 {width:350px;}
div.cols4 {width:470px;}
div.cols5 {width:590px;}
div.cols6 {width:710px;}

.contentImg {float:left; margin:5px 0px; display:inline;}

.galerieImg {float:left; margin:5px 0px; display:inline; border:solid #205E78 2px;}

a .galerieImg, a:visited .galerieImg {border:solid #205E78 2px;}
a:hover .galerieImg, a:active .galerieImg {border:solid #FF6600 2px;}

.white {background-color:#FFFFFF;}

.assetRight {
	display:inline;
	float: right;
}

.assetLeft {
	display:inline;
	float: left;
}

/* TEXT STYLES */

h1, h2, h3 {
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
h1 {font-size:18px; line-height:20px; letter-spacing:1px; font-weight:bold;}
h2 {font-size:13px; font-weight:bold; line-height:14px; margin: 6px 0px 2px;}
h3 {font-size:12px; line-height:18px;}
h4 {font-size:12px; color:#62bcda; margin: 6px 0px 4px;}

h1, h2 {color:#205E78;}

h3 {color:#333333;}

p {margin:6px 0px;}

.gruen {color:#205E78;}
.bigger {font: 12px/20px Georgia, "Times New Roman", Times, serif;}

a, a:visited {color:#205E78; font-weight:bold; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

ul {margin:0px; padding:0px;}
li {margin-left:14px;}

.download	{font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#205E78; text-decoration:underline;} 

.downloadklein	{font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#205E78; text-decoration:underline;}

/* HEAD IMAGE BY BODY ID */

#content00 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg0.jpg) no-repeat scroll left top;
}
#content01 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg1.jpg) no-repeat scroll left top;
}
#content01 #site {
	background: #FFFFFF url(../bilder/img_01_1.jpg) no-repeat scroll -10px 125px;
}
#content02 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg2.jpg) no-repeat scroll left top;
}
#content03 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg3.jpg) no-repeat scroll left top;
}
#content04 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg4.jpg) no-repeat scroll left top;
}
#content05 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg5.jpg) no-repeat scroll left top;
}
#content06 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg6.jpg) no-repeat scroll left top;
}
#content07 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg7.jpg) no-repeat scroll left top;
}
#content08 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg8.jpg) no-repeat scroll left top;
}
body#content08 {
	background: #FFFFFF url(../bilder/bg_img_08.jpg) no-repeat fixed 310px bottom;
}
#content09 #headContainer #headImgContainer {
	background: #FFFFFF url(../bilder/headImg9.jpg) no-repeat scroll left top;
}
/* STATUS */

table.status {
	margin:0px;
	width: 120px;
	border-left: solid #205E78 1px;
	border-right: solid #205E78 1px;
	border-bottom: solid #205E78 1px;
}

table.status tr td {
	width: 20px;
	border-left: solid #D2DFE4 1px;
	border-right: solid #D2DFE4 1px;
	color:#205E78;
	text-align: center;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
table.statusImg {
	margin:0px;
	width: 120px;
}
table.statusImg tr td {
	width: 18px;
	height:18px;
	border: solid #FFFFFF 1px;
	border: solid #FFFFFF 1px;
	
}

table.statusImg tr td.hotspot a {
	display:block;
	margin:0px;
	width: 18px;
	height:18px;
	background-color: #205E78;
	color:#FFFFFF;
	font-size:10px;
	line-height:18px;
	text-align: center;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

table.statusImg tr td.hotspot a:hover, table.statusImg tr td.hotspot a:active {background-color: #FF6600; }

/* Stadtplan */

#stadtplan	{float:right;}

/* 1col Bilder */

.standortbild1	{margin-top:299px;}
.raumnutzungbild1 {margin-top:263px;}
.bildklein	{margin-top:8px;}
.pdfsymbol {float:right; margin: 0px;}

/* POP UP */

#popup {
	margin:0px;
	background:#D2DFE4 url(../bilder/headImgPopup.jpg) no-repeat 0 0;
}

#pager {
	position: absolute;
	top:505px;
	left:10px;
	width:590px;
	text-align:center;
}

.popupImg {
	position: absolute;
	top: 67px;
	left:10px;
	border: 5px solid #FFFFFF;
}