html, body {
	height:100%;
	width:100%;
	overflow:hidden;
}

/**
* Block-Definitionen
*/

body {
	background:#fff url(../img/header-bg.jpg) top left no-repeat;
}

#header {
	height:119px;
	position:relative;
	max-width:980px;
}
#footer {
	position:absolute;
	bottom:0;
	height:49px;
	width:100%;
}
#footerInner {
	max-width:980px;
	position:relative;
}
#main {
	height:100%;
	position:relative;
}
#sidebar {
	background:#fff url(../img/sidebar-bg.jpg) top left no-repeat;
	position:absolute;
	left:0px;
	width:250px;
	height:100%;
	overflow:auto;
}
#content {
	position:absolute;
	left:200px;
	top:2px;
	height:100%;
	width:100%;
	overflow:auto;
}

.contentInner {
	padding:18px 0 18px 18px;
	width:705px;
}

/**
 *	Base Fonts
 */

html, body, td, th, p {
	color:#4f4947;
	font-family:"Lucida Sans Unicode","Lucida Grande","LucidaGrande","Verdana",sans-serif;
	font-size:13px;
	line-height:18px;
}
a {
	color:#008ace;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	padding-bottom:18px;
}
h1, h2, h3, h4, h5, h6 {
	color:#ab511f;
}
h1 {
	font-size:30px;
	font-weight:normal;
	line-height:34px;
	padding-bottom:10px;
}
h2 {
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding-bottom:6px;
}
h1 span.marker-id {
	color:#ccc;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
}
strong {
	font-weight:bold;
}


/**
* Header
*/
#header {
	font-size:14px;
	line-height:14px;
}
#header a {
	color:#4f4947;
	text-decoration:none;
}
#logo {
	position:absolute;
	left:22px;
	top:9px;
}
#logo-bar {
	position:absolute;
	right:0px;
	top:5px;
}
#logo-bar img {
	display:inline-block;
	margin-left:20px;
}
#userinfo {
	position:absolute;
	right:0px;
	top:60px;
	font-size:12px;
}
#navi {
	position:absolute;
	top:90px;
	left:22px;
	float:left;
	list-style-type:none;
}
#navi li {
	margin-right:26px;
	float:left;
	position:relative;
}
#navi li.active {
	padding-left:14px;
	background:transparent url(../img/nav-fx.png) 0 4px no-repeat;
}
#navi li.active a {
	color:#008ace;
}
#navi li a {
	font-weight:bold;
}
#featurenavi {
	position:absolute;
	top:90px;
	right:0px;
	list-style-type:none;
}
#featurenavi li {
	margin-left:20px;
	float:right;
}
#lang-menu {
	display:none;
	z-index:99999;
	position:absolute;
	top:114px;
	padding:5px 10px;
	min-width:120px;
	background-color:white;
	opacity:0.8;
}
#lang-menu ul li {
	text-align:right;
	padding:4px 0;
}

/**
* Sidebar
*/

#sidebarInner {
	padding:18px 9px 18px 22px;
}
#toggleSidebar {
	position:absolute;
	right:0;
	top:0;
	display:block;
	height:35px;
}
#toggleSidebar.hide {
	background:transparent url(../img/sidebar-arrow-left.png) no-repeat;
	width:37px;
}
#toggleSidebar.show {
	background:transparent url(../img/sidebar-arrow-right.png) no-repeat;
	width:32px;
}
#sidebarInner a {
	color:#4f4947;
}
ul.sidebarnav {
}
ul.sidebarnav li {
	padding-bottom:18px;
}
ul.sidebarnav  ul li {
	padding-bottom:0px;
	padding-left:18px;
}

/**
* Footer
*/

#footer .logos {
	position:absolute;
	top:10px;
	left:18px;
}
#footer .logos li {
	float:left;
	margin-right:60px;
}
#footer a.imprint {
	position:absolute;
	top:12px;
	right:0;
}

/**
* MarkerCategoryMenu
*/

#markerCategoryMenu ul ul {
	margin-left:20px;
	margin-top:2px;
}
#markerCategoryMenu ul li {
	margin-bottom:18px;
}
#markerCategoryMenu ul ul li {
	margin-bottom:4px;
}
#markerCategoryMenu input {
	margin-right:3px;
}

#markerCategoryMenu span.checkboxicon {
	margin-right:3px;
	display:inline-block;
	width:13px;
	height:10px;
	background-image:url(../img/checkboxes.gif);
	background-repeat:no-repeat;
}
#markerCategoryMenu span.checkboxicon.on {
	background-position:0 0;
}
#markerCategoryMenu span.checkboxicon.off {
	background-position:-12px 0;
}
#markerCategoryMenu span.checkboxicon.null {
	background-position:-24px 0;
}
#markerCategoryMenu li.type_branch label {
	position:relative;
}
#markerCategoryMenu li.type_branch label span.arrow {
	display:block;
	position:absolute;
	right:-12px;
	top:7px;
	width:7px;
	height:7px;
	background:transparent url(../img/arrows.gif) -7px 0 no-repeat;
}
#markerCategoryMenu li.type_branch label span.arrow.open {
	background-position:0 0;
}

/**
* Markerinfo-Popup
*/

.markerinfo-popup {
	padding:6px 5px 3px 0;
}
.markerinfo-popup h1 {
	font-size:14px;
	line-height:18px;
}
.markerinfo-popup h2 {
	font-size:13px;
	line-height:18px;
}
.markerinfo-popup ul {
	margin-bottom:18px;
}
.markerinfo-popup li {
	margin-left:15px;
}

/**
* Detail-Layer
*/
#kuMap_layer a.close {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}
#kuMap_layer-inner {
	padding:15px;
}
.text-col {
	float:left;
	width:460px;
}
.info-col {
	float:right;
	width:236px;
}
ul.categories {
	padding-bottom:9px;
}
p.summary {
	font-weight:bold;
}
div.description {
	padding-bottom:18px;
}
a.link-url, a.link-pdf {
	display:block;
	text-align:right;
	padding-right:25px;
	margin-bottom:10px;
}
a.link-url {
	background:transparent url(/img/icon_link.png) right 0px no-repeat;
}
a.link-pdf {
	background:transparent url(/img/icon_pdf.png) right 0px no-repeat;
}
.info-col .imagebox {
	border:1px solid #fee2c8;
	padding:1px;
	background:#fff url(/img/image-bg.jpg) bottom no-repeat;
	margin-bottom:36px;
}
.info-col .imagebox img {
	display:block;
	margin:0 auto;
}
.info-col .caption {
	text-align:right;
	font-size:12px;
	line-height:14px;
	color:#4f4947;
	margin:0;
	padding:5px 0px;
}

/**
* Login-Form
*/
.login-form {
	
}
.login-form p {
	padding-bottom:10px;
}
.login-form label {
	display:inline-block;
	width:120px;
}
.login-form input.submit {
	margin-left:123px;
}

.marker-icon {
	display:inline-block;
	width:21px;
	height:21px;
	background-position:-8px -7px;
	background-repeat:no-repeat;
}

/**
* Backend
*/

.space_bottom {
	padding-bottom:12px;
}

.tablerow {
	border-bottom:1px solid #f6e5d6;
}
.tablerow:hover {
	background-color:#f6e5d6;
}
.ui-widget p {
	padding:9px;
}

a.icon-button {
	position:relative;
	padding:0.2em 1em 0.2em 20px;	
}
a.icon-button span.ui-icon {
    left: 0.2em;
    margin: -8px 5px 0 0;
    position: absolute;
    top: 50%;
}
a.ui-state-hover {
	text-decoration:none;
}

span.online {
	color:green;
}
span.offline {
	color:red;
}

/**
* Input-Elemente innerhalb des GRIDs
*/
.grid_8 textarea {
	width:522px;
	height:80px;
}
/* HINWEIS: Das sollte theoretisch gleichzeitig auch für Tiny's gelten. Tuts aber nicht.
            Dort besser direkt im Quellcode die Breite angeben! */
.grid_8 textarea.mli {
	width:522px;
}
.grid_3 input[type="text"],
.grid_8 input[type="text"] {
	width:100%;
}
.grid_3 select {
	width:100%;
}
.grid_8 input[type="text"].mli {
	width:522px;
}
.grid_3 input.url {
	width:149px;
}


/**
* Sprach-Auswahl innerhalb der Formulare
*/
.lang_chooser {
	float:left;
	display:inline-block;
	margin:5px 5px 5px 0px;
}
#lang_chooser {
	background-color:#eee;
	border:1px solid #ccc;
	padding:5px 0 5px 5px;
}
#lang_chooser a {
	margin-right:5px;
}

/**
* Paginator
*/
.paginator {
	margin-top:18px;
}
.paginator li {
	float: left;
    padding:0 4px;
}
.paginator .resultinfo {
	margin-right:18px;
	color:#999;
	font-size:11px;
	padding-top:1px;
}
