/* RKK main styles
   ------------------------------- */

@import url(basic.css) projection;

html {
height : 100%;
}
body {
margin : 0;
padding : 0;
height: 100%;
background : url(../media/shared/bg/html.png) top left repeat-y transparent;
}
h1 {
line-height: 1em;
margin : 0 0 1em 0;
padding : 0 0 8px 0;
text-shadow : 0px 1px 0px rgba(0,0,0,.3);
background: url(../media/shared/bg/h1.gif) no-repeat 100% 100% transparent;
}
h2 {
font-size : 1.1em;
}
h3 {
color : #000;
font-size : 1em;
}
h4,h5,h6 {
font-size : 1em;
}
hr {
border : 0;
padding : 0;
width : 100%;
clear : both;
height : 1px;
margin : 1em 0;
border-bottom : 1px solid #ccc;
}
form, fieldset {
margin : 0;
padding : 0;
border : none;
}

/* lists
   ------------------------------- */
   
#menu ul {
padding : 0;
margin : 0 200px 0 24px;
font-family : 'Lucida Sans',LucidaSans,Arial,sans-serif;
}
#menu li {
float : left;
list-style : none;
}
#submenu ul, #submenu li {
margin : 0;
padding : 0;
list-style : none;
}
#submenu ul {
line-height : 110%;
}
#submenu li {
float : left;
}
#submenu li.selected {
border-bottom : 1px solid #ccc;
background : url(../media/shared/bg/submenu.gif) repeat-x 0px 0px #fff;
background : #fff;
}
#submenu li.selected ul li {
border-bottom : 0;
background : transparent;
}

/* links
   ------------------------------- */
   
#top a:link, #top a:hover, #top a:visited,#logoright a:link, #logoright a:hover, #logoright a:visited {
border : 0;
padding : 0;
background : none;
text-decoration : none;
}
#content a:link img, #content a:hover img, #content a:visited img {
border : 0;
text-decoration : none;
}
a img {
padding : 0;
border : 0 !important;
text-decoration : none;
}
#menu a:link, #menu a:visited {
border : 0;
float : left;
color: #333;
display : block;
font-weight : bold;
text-decoration : none;
padding : 2px 14px 2px 18px;
text-shadow : 1px 1px 0px #fff;
background : url(../media/shared/tabs.gif) no-repeat 0 -100px transparent;
}
#menu a:hover, #menu a:focus {
color : #000;
background-position: 0 -50px;
}
#menu a.selected:link, #menu a.selected:visited {
color : #000;
background-position: 0 0;
background : url(../media/shared/tabs.gif) no-repeat 0 0 transparent;
}
#submenu a:link, #submenu a:visited {
color: #000;
width : 152px;
display : block;
text-decoration : none;
padding : 4px 4px 4px 24px;
border-top : 1px solid #fff;
border-bottom : 1px solid #ccc;
background : url(../media/shared/bg/link.gif) 0 50% repeat-x #eee;
background : #eee;
}
#submenu a:hover, #submenu a:focus {
color : #000;
background : url(../media/shared/arrow.gif) 4px .5em no-repeat transparent;
}
#submenu li.selected a:link, #submenu li.selected a:visited {
color : #000;
border-bottom : 0;
background : url(../media/shared/arrow.gif) 4px .5em no-repeat transparent;
}
#submenu li.selected ul a:link, #submenu li.selected ul a:visited {
width : 140px;
background : 0;
border-bottom : 0;
margin-left : 24px;
border-top-color : #ddd;
padding : 4px 4px 4px 12px;
}
#submenu li.selected ul a:hover,#submenu li.selected  ul a:focus {
color : #000;
background : url(../media/shared/arrowsmbk.gif) 0 .5em no-repeat #f3f3f3;
}
#submenu li.selected ul li.selected a:link,#submenu li.selected ul li.selected a:visited {
color : #000;
background : url(../media/shared/arrowsm.gif) 0 .5em no-repeat transparent;
}
#sidebar a:link {
color : #900;
text-decoration : none;
border-bottom : 1px solid #900;
}
#sidebar a:visited {
color : #900;
text-decoration : none;
border-bottom : 1px solid #666;
}
#sidebar a:hover, #sidebar a:active, #sidebar a:focus {
border-bottom : 1px solid #900;
}
.floater_right a:link, .floater_right a:visited, .floater a:link, .floater a:visited {
border : 0;
text-decoration : none;
}
#footer a:link, #footer a:visited, #footer a:hover {
padding : 0;
background : none;
border-bottom : none;
text-decoration : underline;
}
address a:link, address a:visited, address a:hover {
color : #666;
border-bottom : none;
text-decoration : underline;
}
.skip a:focus {
top : 4px;
left : 24px;
outline : 1px;
padding : 2px 0;
display : block;
text-indent : 0;
position : absolute;
}
a[href$=".pdf"]:after {
content : ' 'url(../media/shared/pdf.gif);
}
a[href$=".doc"]:after {
content : ' 'url(../media/shared/pdf.gif);
}
a[href^="mailto"]:after {
content : ' 'url(../media/shared/mail.gif);
}
a[href^="http:"]:before {
content : url(../media/shared/external.gif);
}

/* container
   ------------------------------- */

#top {
padding : 32px 0 12px 24px;
background : url(../media/shared/bg/k.png) no-repeat top right #fff;
}
.skip {
margin : 0;
height : 0;
padding : 0;
float : left;
margin-left : -100em;
text-indent : -2000px;
}
#container {
min-height : 100%;
position: relative;
background : url(../media/shared/bg/body.png) top right repeat-y transparent;
}
* html #container {
height: 100%;
}
#center {
float : left;
width : 100%;
margin-right : -95%;
}
#content {
line-height : 140%;
margin : 56px 201px 0 182px;
padding : 0 20px 6.4em 20px;
}
#sidebar {
color : #800;
float : right;
width : 190px;
min-height : 360px;
padding-top : 52px;
line-height : 130%;
background : url(../media/shared/bg/k.png) no-repeat 100% -98px transparent;
}
#footer {
color : #666;
background : #fff;
line-height : 140%;
position : relative;
margin : -6.4em 220px 0 200px;
}
#breadcrumbs {
margin : 0;
width : 100%;
padding : .6em 0 0 0;
border-top : 1px solid #ddd;
}
address {
padding :  0;
margin : 4px 0 0 0;
font-style : normal;
}
#menu {
left : 0;
top : 96px;
width : 100%;
z-index : 99;
line-height : 120%;
position : absolute;
padding : 10px 0 11px 0;
background : url(../media/shared/bg/menu.gif) no-repeat top right transparent;
}
#submenu {
left : 0;
bottom : 0;
top : 152px;
width : 180px;
position : absolute;
border-top : 1px solid #ccc;
border-right : 1px solid #ccc;
}
#logoright {
top : 6px;
width : 200px;
right : 210px;
text-align : right;
position : absolute;
}

/* global search
   ------------------------------- */
   
#quicksearch {
top : 50px;
right : 0px;
width : 180px;
position : absolute;
}
#quicksearch fieldset {
border : 0;
margin : 0;
padding : 0;
height : 16px;
}
#search {
width : 100px;
padding : 2px;
color : #3a3a3a;
font-size : 11px;
background : #fff;
border : 1px solid #ccc;
font-family : 'Helvetica Neue',Arial,sans-serif;
}
#search:focus {
color : #000;
border : 1px solid #666;
}

/* special treatments
   ------------------------------- */

#content ul {
list-style-image : url(../media/shared/dot3.gif);
}
#content ul ul {
list-style-image : url(../media/shared/dot2.gif);
}
#content ul ul ul {
list-style-image : url(../media/shared/dot.gif);
}
#content ol {
list-style-position : inside;
}
#content p.floater {
margin : 0;
padding : 0;
float : left;
z-index : 99;
background : #fff;
position : relative;
padding-bottom : 20px;
}
.floater img {
display : block;
margin : 0 20px 0 0;
}
#content p.floater_right {
padding : 0;
float : right;
background : #fff;
margin : 0 0 .5em 20px;
}
.floater_right img {
display : block;
}
img.resizeable:hover {
cursor : pointer;
}
.hide {
display : none;
}
.clear_both {
height : 1px;
clear : both;
visibility : hidden;
}
.separator {
margin-top : 1em;
}
.label {
float : left;
width : 8em;
}
#sidebar p {
margin : .5em 0;
padding-left : 10px; 
padding-right : 10px;
}
#sidebar h2 {
margin : 0;
color : #900;
font-size : 1em;
padding : 2px 10px;
letter-spacing : 1px;
background : #fff5cc;
text-shadow : 0px 1px 1px #fff;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : url(../media/shared/bg/h2.png) repeat-x top left #fff5cc;
}
#sidebar p.box {
padding-top : 6px;
padding-bottom : 6px;
margin-bottom : 10px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : url(../media/shared/bg/box.gif) no-repeat top right transparent;
}
#sidebar ul,#sidebar ol {
margin : 10px;
padding : 2px 1em;
}
#sidebar dl {
margin : 10px;
}
#sidebar dd {
margin-left : 2em;
}
#history dt {
margin : 0;
padding : 0;
width : 9em;
float : left;
font-weight : bold;
border-top : 1px solid #fff;
}
#history dd {
margin : 0;
padding : 0;
margin-left : 9em;
margin-bottom : .5em;
border-top : 1px solid #fff;
}
.history dt {
width : 9em;
float : left;
font-weight : bold;
border : 1px solid #fff;
}
.history dd {
margin-left : 9em;
margin-bottom : .5em;
border : 1px solid #fff;
}

/* popups
   ------------------------------- */

#popupbody, #popupbody body {
text-align : center;
background-image : none;
background-color : #fff;
}
#singlecontent {
margin : 10px auto;
}


/* Baustelle Zukunft
   ------------------------------- */

#cam {
width : 100%;
height : 600px;
overflow : hidden;
}
#galerie {
margin : 20px 0 0 0;
padding : 0;
list-style : none;
}
#galerie li {
float : left;
margin : 0 10px 10px 0;
list-style : none;
}
#galerie a, #galerie a img, #jquery-lightbox a, #jquery-lightbox a img {
text-decoration : none;
border : none;
background : transparent;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 12px Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* end. thanks for attention
   ------------------------------- */