@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 135 $
 * @lastmodified    $Date: 2007-10-15 21:34:35 +0200 (Mo, 15 Okt 2007) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0 }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative }

  #topnav {
    position:absolute;
    top: 10px;
    right: 10px;

    /* (en) essential for correct alignment in Opera 6 ! */
    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    text-align: right;
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Adjustment: sort #col3 behind float columns using z-index */
  /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col2_content {z-index: 6}
  #col3_content {z-index: 2}

  #col1_content, #col2_content, #col3_content { position:relative }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 {margin-left: 0; margin-right: 0}
  .hidecol1 #col3 {margin-left: 0; margin-right: 200px}
  .hidecol2 #col3 {margin-left: 200px; margin-right: 0}

  .hideboth #col1, .hideboth #col2 {display:none}
  .hidecol1 #col1 {display:none}
  .hidecol2 #col2 {display:none}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}
.show_instance .label {
	width:200px;
	display:block;
	float:left;
	padding:5px;
}

.show_instance textarea,.show_instance input {
	float:left;
}

.show_instance form br {
	clear:left;
}/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/overlay.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
/*	background: #ffffff;*/
	z-index: 102;
	color:#000000;
	display:none;
/*	border: 4px solid #525252;*/
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*General Area */
html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
height: 100%;

background-color: white;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

img {
border: 0px;
}

h1 {
color: black;
font-size:1.6em;
font-weight:bold;
}

h2 {
color: #CCCCCC;
font-size: 1.2em;
font-weight:bold;
}

hr {
width: 97%;
height: 0px;
border: 0px;

border-top: 1px dashed white;
}

/* Formulare */
input {
background-color: #E5E9EE;
border: 1px solid black;
padding:2px;
}

textarea {
background-color: #E5E9EE;
border: 1px solid black;
padding:2px;
}

.noborder {
border: 0px;
}

a {
color: black;
}

/* Navi */
#nav_main a {
color: #D6D9E9;
margin-top:0px;
margin-bottom:0px;
padding:0px;
text-align:left;
text-decoration:none;
font-weight:bold;
}

#nav_main ul {
list-style:none;
margin:0px;
padding:0px;	
}

#nav_main li {
width:70%;
border-bottom: 1px dashed white;
margin-top:5px;
margin-left:0px;
padding-left:10px;
}


/*Div-Boxen*/
#bottom {
width:749px;
min-height: 100%;
margin:0px;
padding:0px;
padding-bottom: 200px;

border-right: 1px dashed black;
background-color: #E5E9EE;
}

#header {
width:730px;
height:132px;
margin:0px;
padding:10px;
}

#navi {
width: 196px;
min-height: 298px;
padding-bottom: 50px;

float:left;

background-color: #2B6DB9;
background-position: bottom;
background-repeat: no-repeat;
}

#Logo {
width: 196px;
margin-top:30px;
padding:0px;

clear:left;
float:left;
text-align:center;
}

#content
{
margin-left: 210px;
width: 529 px;
padding:5px; 
}

/* Misc */
.right {
text-align: right;
}

.bold {
font-weight:bold;
}

.center {
text-align: center;
}

.small {
font-size:0.8em;
}body,html {
	height:100%;
	min-height:100%;
}

img {
	border:0px;
	vertical-align:middle;
}

.disp_none {
	display:none;
}

.float_right, .right {
	float:right;
}

.float_left, .left {
	float:left;
}

.padding10 {
	padding:10px;
}


fieldset label {
	display:block;
	float:left;
	width: 100px;
	padding:6px 4px;
	text-align:right;
}

.edit_body {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/*.edit_body div, .edit_body span, .edit_body h1, .edit_body h2, .edit_body h3, .edit_body h4, .edit_body h5, .edit_body h6, .edit_body p, .edit_body a, .edit_body img, .edit_body small, .edit_body strong, .edit_body ul, .edit_body li, .edit_body fieldset, .edit_body form, .edit_body label, .edit_body table, .edit_body tr, .edit_body th, .edit_body td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background:none;
	text-align:left;
}*/

.edit_body a, .edit_body a:link, .edit_body a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:none;
	color: #000000;
	font-weight:normal;
	display:inline;
	font-size: 10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	height:none;
	line-height: normal;
	text-align:left;
	width: none;	
}

.edit_body input, .edit_body textarea {
background: #FFFFFF;
color: #000000;
border: 1px solid #000000;
}


.edit_body input.checkbox {
background: none;
border: 0px;
}

fieldset {
border:0px;
}

fieldset br {
clear:both;
}

fieldset input, fieldset select {
	margin:2px 0px;
}

.text_right {
	text-align:right;
}

.middle * {
	vertical-align:middle;
}

/*---------------------------------------------------------*/
/* Style-Definitionen des Login-Headers */



.button {
	background: #EFEFEF url(/images/kis/edit/edit_header_page_bg.gif) repeat-x;
	border:0px;
	height:22px;
	padding:3px 2px;
	font-size:11px;	
}

#sign_footer {
	padding:5px;
	background: #EFEFEF;
}

/*********************
Gallery
**********************/
.gallery_picture {
	float:left;
}

.border_1 {
	padding:5px;
	margin:5px;
	border:1px solid #000000;
}

.border_2 {
}

.border_3 {
	border:1px solid #000000;
	margin:5px;
}

.gallery_slideshow {
	padding:0px;
	margin:0px;
	margin:auto;
}

.gallery_slideshow_small {
}


.gallery_slideshow img {
	padding:15px;
	border:1px solid #CCCCCC;
	background: #EEEEEE;
	top: 0;
	left: 0;
}

.gallery_slideshow_small img {
}

.comments_form label {
	width:20%;
	font-weight:bold;
}

.comments_form .text, .comments_form .textarea {
	width:60%;
	margin:3px 0px;
}

.comments_form .textarea {
	height:100px;
}

.comments_form .submit {
	margin-left: 70%;
}

.comments_comment {
	padding:5px 0px;
}

.comments_comment .title {
padding:3px;
font-weight:bold;
}

#login {
	position:fixed;
	width:320px;
	padding:10px;
	height:50px;
	right:0px;
	bottom:0px;
	background: #FFFFFF;
	border:1px solid #DFDFDF;
	color: #000000;
	z-index:1000;
}

#login input.text {
	width:100px;
}


.height100{
	height:100px;
}

#message{
	position:absolute;
	width:100%;
	bottom:0px;
	background: lightblue;
	clear:both;
	display:none;
	text-align:center;
	font-weight:bold;
	color: #FFFFFF;
	z-index:5000;
}

#message .content {
	padding:5px;
	}


.paddingtop60{
	margin-top: 60px;
}