@charset "UTF-8";

@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% */ }
  body {
	margin: 0px;
	padding: 0px;
	color: #000;
    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, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

 /*------------------------------------------------------------------------------------------------------*/
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {   
  width: 980px;
  height: 128px;
  position:relative;
  border: 0px dotted black;
  padding-top: 0px;
  margin-top: 0px;
  background-image: url(../../img/banner.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px; 
  }
  #topnav {     
  position:absolute;
  top: 10px;
  right: 10px;
  border: 0px dotted black;
  text-align: right; 
  }
  
  #toplogo { text-align: right; padding-top: 56px; border: 0px dotted black; }
 /* #nav { width: 580px; } */
 
 .footer { 
  width: 980px;
  height: 38px;
  text-align:right;
  padding-right:1px;
  background-color: #fff; 
 }
 .footer a {
	color: #666666;
	text-decoration: none;
}
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1_content { 
/*    vertical-align:top;
  	text-align:left;  */
	width: 180px;
	border: 0px dotted black;
	font-size: 11px;
	color: #000;
	border: 0px dotted black; 
	margin-top: 10px;
	padding-left: 15px; 
	padding-right: 5px;
	position:relative;
}
	
.col1 {
width: 190px;
	text-align: left;
	vertical-align: top;
	background-color: #F7F7F1;
	border: 0px dotted black;

}

  #col2_content { 
  	width: 580px;
	margin-top: 0px;
	margin-bottom:30px;
	border: 0px dotted black;
 /*	position:relative;
 background-color: #fff; */
 /* background-image: url(../../img/bg_content.jpg);
    background-repeat: no-repeat; */ }
	
.col2 {
	text-align: left;
	vertical-align: top;
}

  #col3_content {
    width: 200px;
	margin-top: 0px;
	border: 0px dotted black;
	padding-top: 0px;
 /* background-color: #e5e5e5;  */
/*	padding-top: 39px; 
	padding-left: 0px;
	position:relative;  */
}
.col3 {
	background-color: #EAE9E4;
	text-align: left;
	vertical-align: top;

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

  .subcolumns, .subcolumns_oldgecko {
    width: 580px;
    overflow:hidden;
	border: 0px dotted black;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
 .subcolumns, .subcolumns_oldgecko {
    width: 580px;
    overflow:hidden;
	border: 0px dotted black;
  }

  /* (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, .c38lu, .c62lu {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r, .c38ru, .c62ru {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c33l, .c33r { width: 193px; border: 0px dotted black;}
  .c38l, .c38r { width: 239px; border: 0px dotted black; }
  .c62l, .c62r { width: 340px }
  .c38lu, .c38ru { width: 239px; border: 0px dotted black;}
  .c62lu, .c62ru { width: 340px; border: 0px dotted black;}

  .subc  { padding: 10 10 0 0 }

.subcl { 
  padding-top: 10px; 
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 20px;
  color: #000000;
 }
  
.subcr {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
/*	color: #0099FF;  */
color: #000000;

 } 

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

 /*-----------begin mofifications subtemplates----------------------*/
.c62l {
	border: 0px dotted black;
	height: 142px;
	background-color: #F7F7F1;
}
.c38r {
	border: 0px dotted black;
	height: 142px;
	background-color: #F7F7F1;
}
.c38l {
	border: 0px dotted black;
	height: 142px;
	background-color: #F7F7F1;
}
.c62r {
	border: 0px dotted black;
	height: 142px;
	background-color: #F7F7F1;
}
.c38ru {
	border: 0px dotted black;
	
}
.c62ru {
	border: 0px dotted black;
	
}

#introtext  {
	width: 520px;
	margin-top: 19px;
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 18px;
	border: 0px dotted black;
}
.text {
	font-size: 12px;
	line-height: 18px;

}
.table  {
	font-size: 12px;
	line-height: 18px;
}
#introtext  strong {
    color: #333;
	font-weight: bold;
}
#introtext2  {
	width: 520px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 18px;
	border: 0px dotted black;
}
#grundriss {
	position: static;
	border: 0px dotted black;
}
#grundrisstext {
	position: absolute;
	left: 383px;
	top: 235px;
	width: 149px;
	height: 41px;
	border: 0px dotted black;
	z-index: 2;
}
#taglist {
	position:static;
	width:515px;
	clear: both;
/*	height:120px; */
	padding-top: 12px;
/*	padding-bottom: 12px; */
	border-top: 2px solid #CCCCCC;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#taglistsmall {
	position:static;
	width:515px;
	clear: both;
/*	height:120px; */
	padding-top: 12px;
/*	padding-bottom: 12px; */
	border-top: 1px solid #e2e2e2;
	border-right: none;
	border-bottom: none;
	border-left: none;

}
.tagbild {
	float: right;
	padding-left:10px;
	padding-bottom: 15px;
}
.tagico {
	float: left;
	padding-right:25px;
	padding-bottom: 15px;
}
.text11 {
	font-size: 11px;
}
#maustext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: visible;
	z-index: 3;
}
#senfkorntext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#scharniertext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#kamintext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#bandentext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#tropentext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#jerusalemtext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#gnadenthaltext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#herrnhuttext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#sareptatext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#badbolltext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#chorsaaltext {
	position: absolute;
	left: 382px;
	top: 286px;
	width: 170px;
	height: 41px;
	padding: 6px;
	background-color: #fff;
	border: 0px dotted black;
	visibility: hidden;
	z-index: 3;
}
#senfkorn {
	position:absolute; 
	width:75px; 
	height:78px; 
	z-index:1; 
	left: 40px; 
	top: 272px;
	visibility: hidden;
}
#scharnier {
	position:absolute; 
	width:75px; 
	height:65px; 
	z-index:2; 
	left: 89px; 
	top: 272px;
	visibility: hidden;
}
#banden {
	position:absolute; 
	width:47px; 
	height:59px; 
	z-index:2; 
	left: 177px; 
	top: 356px;
	visibility: hidden;
}
#tropen {
	position:absolute; 
	width:67px; 
	height:54px; 
	z-index:2; 
	left: 225px; 
	top: 356px;
	visibility: hidden;
}
#kaminz {
	position:absolute; 
	width:47px; 
	height:59px; 
	z-index:2; 
	left: 42px; 
	top: 373px;
	visibility: hidden;
}	
#gnadenthal {
	position:absolute; 
	width:51px; 
	height:55px; 
	z-index:2; 
	left: 40px; 
	top: 451px;
	visibility: hidden;
}
#herrnhut {
	position:absolute; 
	width:42px; 
	height:47px; 
	z-index:2; 
	left: 90px; 
	top: 454px;
	visibility: hidden;
}
#sarepta {
	position:absolute; 
	width:46px; 
	height:51px; 
	z-index:2; 
	left: 177px; 
	top: 456px;
	visibility: hidden;
}
#badboll {
	position:absolute; 
	width:47px; 
	height:48px; 
	z-index:2; 
	left: 228px; 
	top: 455px;
	visibility: hidden;
}
#chorsaal {
	position:absolute; 
	width:149px; 
	height:102px; 
	z-index:2; 
	left: 356px; 
	top: 409px;
	visibility: hidden;
}
#jerusal {
	position:absolute; 
	width:75px; 
	height:65px; 
	z-index:2; 
	left: 261px; 
	top: 255px;
	visibility: hidden;
}
 /*------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
#breathcrumb {
	width: 520px;
	margin-top: 15px;
	padding-left: 30px;
	font-size: 11px;
	color: #666;
}

#breathcrumb a {
	color: #666666;
	text-decoration: none;
	
}
#breathcrumb a:hover {
	text-decoration: underline;
	color: #666;
}

#querverweis {
width: 170px;
	margin-top: 30px;
	border: 0px #FEDC01 solid;
}
#querverweis img {
	float: left;
	vertical-align: top;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 45px;
}
#kontaktbox {
	width: 165px;
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 5px;
	border: 2px #ccc solid;
	background-color: #FFFFFF;
	/* background: transparent; */
}

/**
  * @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: -5000em;
    left: -5000em;
    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;
  }
}

}