@charset "UTF-8";

@media print, screen, projection {

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */


  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  pre, tt, code {
  font-family:"Courier New", Courier, monospace;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 75.00%;
    color: #666;
  }

  h1,h3,h4,h5,h6 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight:normal;
    letter-spacing: -1px;
    color:#333;
  }

  h2, h3 em {
    font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
  font-weight:normal;
  letter-spacing: 0px;
  font-style:italic;
  }

  h1 { font-size: 140%; line-height: 1.0em; margin-top: 0; margin-bottom: .5em; letter-spacing: 0px; }/* 36px */
  h2 { font-size: 125%; line-height: 1.5em; margin-top: 0; margin-bottom: .75em; color: #666; }    /* 24px */
  h3 { font-size: 133.333%; line-height: 1.125em; margin-top: 0; margin-bottom: 1.0em; }                 /* 18px */
  h4 { font-size: 16px; letter-spacing: 0px; }
  h5 { font-size: 18px; letter-spacing: 0px; }
  h6 { font-size: 20px; letter-spacing: 0px; }

  #header h2 {border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; margin: 0; padding: .75em 0 .75em 0;}
  #footer h2 {border-bottom: 1px #ddd solid; margin-bottom: 0; padding-bottom: .75em;}

  p { font-size: 1em; color: #444; line-height: 1.5em; margin: 1.5em 0; }
  p.small { font-size: 0.8333em; line-height: 1.8em; margin: 1.8em 0; }
  #main p + p { text-indent: 2em; }
  #header .subcolumns p, .subcolumns .subcolumns p { margin-bottom: 0; padding-bottom: 1.5em; }

  .subcolumns .subcolumns p { text-indent: 0; margin-left: 0;}

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 0px; line-height: 1.5em }

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

  /* ### text formatting | Textauszeichnung ### */

cite, blockquote {
font-style:italic;
}

blockquote {
color: #888;
background: transparent url(/system/main/blockquote_l.png) top left no-repeat;
padding: 10px 0 0 33px;
margin: 0 0 0 -2px;
}

address {
background: transparent url(/system/main/blockquote_r.png) bottom right no-repeat;
padding: 0 28px 10px 0;
margin: 0 0 0 0;
}

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note { text-indent: 0 !important; color: #333; background: #f4f4f4; padding: 1.5em; }
  .important { text-indent: 0 !important; background: #ffd; padding: 1.5em; }
  .warning { text-indent: 0 !important; background: #fdd; padding: 1.5em; }

  .float_left { float: left; display:inline; margin: 0 1em 0.1em 0; padding: 5px 0 0 0; }
  .float_right { float: right; display:inline; margin: 0 0 0.1em 1em; padding: 5px 0 0 0; }
  .center { text-align:center; margin: 1.5em auto }

  img-deaktiviert {padding: 5px; border: 1px #888 solid; }
  
/**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #444; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color:#888; text-decoration:none;}

  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}

#footer a:link, #footer a:visited {
text-decoration : none;
}

#footer a:hover, #footer a:active {
text-decoration: underline;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color:#555;
}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0.8em 0;
    padding:0;
    border:0;
    border-bottom: 2px #ddd solid;
  }

#slide {
z-index: 50;
position: relative;
width: 970px;
height: 150px;
}

.slide-image {
position: absolute;
top: 0;
left: 0;
padding: 0px;
width: 970px;
height: 150px;
background-color: #FFF;
background-position: center center;
background-repeat: no-repeat;
}

.randlinks {
padding: 15px 20px 15px 15px;
}

.randrechts {
padding: 15px 15px 15px 20px;
}

.mitrand {
padding: 15px 15px 15px 15px;
}

.c75l li, .c57r li, .c50l li, .c50r li, .c25l li, .c25r li {
background: url(/system/main/arrow.png) no-repeat 1px 1px;
display : block;
list-style-type : none;
margin: 8px 0 0 -14px;
padding: 0 0 0 17px;
}

.auflistung {
margin: 0 0 0 -15px;
}

#navh ul, #navh li, #navs ul, #navs li {
margin: 0 10px 0 0;
display: inline;
text-decoration : none;
}

.hervorheben_h {
font-weight:bold;
padding: 6px 1px;
background: url(/system/main/arrow_h.png) no-repeat 50% 20px;
text-decoration:none;
z-index: 60;
}

.hervorheben_s {
font-weight:bold;
padding: 6px 1px;
background: url(/system/main/arrow_s.png) no-repeat 50% -3px;
text-decoration:none;
z-index: 60;
}

#navh a:link, #navs a:link, #navh a:visited, #navs a:visited {
text-decoration : none;
}

#navh a:hover, #navs a:hover, #navh a:active, #navs a:active {
text-decoration: underline;
}

#navh a:link, #navh a:visited, #navh a:hover, #navh a:active {
color:#555;
}

#navs a:link, #navs a:visited, #navs a:hover, #navs a:active {
color:#e5e5e5;
}

form p {
margin: 0 0 5px 0;
padding: 0;
}

form fieldset p {
margin-top: 5px;
}

legend {border:1px solid #ccc; background:#b7b7b7 url(/system/forms/bgf_b.gif) repeat-x center center; color:#f7f7f7; padding:4px 10px; margin:0 0 0 -4px; font-size: 110%; font-weight:bold; }
fieldset input:hover, fieldset textarea:hover, fieldset select:hover { border-color : #555; }
/* fieldset input:active, input:focus, fieldset textarea:active, textarea:focus, fieldset select:active, select:focus { border-color : #dc0000; } */
label, label span { display : block; padding-bottom : 2px; color:#666; margin-top: 2px; }
label { float: left; width : 100%; }
label span { float: left; width : 182px; text-align : right; margin: 4px 0 0 0; }

fieldset { 
line-height:1.1em;
border-bottom-left-radius:4px 4px;
border-bottom-right-radius:4px 4px;
border-top-left-radius:4px 4px;
border-top-right-radius:4px 4px;
float : left;
width : 430px;
height : auto;
margin : 0 20px 10px 0; 
padding : 10px; 
background: #eee; 
overflow : hidden;
color: #444;
border:1px solid #ccc;
}

fieldset input, fieldset textarea {
border-bottom-left-radius:4px 4px;
border-bottom-right-radius:4px 4px;
border-top-left-radius:4px 4px;
border-top-right-radius:4px 4px;
float: right;
margin: 1px 0 0 0;
width:225px;
border:1px solid #a7a7a7;
padding: 2px;
background:#fff url(/system/forms/input.gif) top left no-repeat;
}

fieldset input.file {
font-size: 10px; letter-spacing: 0px;
float: right;
margin: 1px 0 0 0;
width:229px;
border:1px solid #a7a7a7;
padding: 2px;
background:#fff url(/system/forms/input.gif) top left no-repeat;
}

fieldset select {
width:231px;
margin: 1px 0 0 17px;
padding: 1px;
background:#f9f9f9;
border:1px solid #a7a7a7;
}

fieldset textarea {
font-size: 110%;
}

fieldset.action {
background:#dadada;
border:1px solid #bbb;
}

.checkbox, .radiobutton {
width:13px;
height:13px;
padding: 0;
margin: 5px 220px 3px 0;
border:0px;
background:#eee;
}

.button {
width:auto;
border:1px solid #eee;
background:#b7b7b7 url(/system/forms/bgf_b.gif) repeat-x center center;
color:#f7f7f7;
padding:4px 10px;
margin:0 0 0 -4px;
font-size: 110%;
font-weight:bold;
}

.button:hover {
border:1px solid #555;
background:#b7b7b7 url(/system/forms/bgf_d.gif) repeat-x center center;
}

.highlight {
color: #dc0000;
}

.bearbeiten {
color: #006db8;
}

input, textarea, select {
padding: 2px;
border:1px solid #006db8;
}

ul.voting-result li dd {
width : 415px;
margin: 0 0 5px 0;
padding: 0;
}

ul.voting-result li dd div {
margin-top: 2px;
padding: 2px;
height: 6px;
border:0px solid #ccc;
background: url(/system/voting/balken.gif) repeat-x;
}

#main ul.voting-result li {
background: url(/system/main/arrow.png) no-repeat 1px 15px;
}

.c50ll {
float: left;
text-align : left;
display : inline;
}

.c50rr {
font-style:italic;
float: right;
margin-left: -5px;
width: 50%;
text-align : right;
display : inline;
}

.c25rr {
float: right;
margin : 1px 0 2px 0;
width: 25%;
text-align : right;
display : inline;
}

#karte { 
display: block; 
width: 970px; 
height: 150px; 
margin: 0; 
} 
    
#karte li { 
list-style-type: none; 
} 
    
#karte a { 
display: block; 
position: absolute; 
width: 970px; 
height: 150px; 
visibility: visible; 
overflow: hidden; 
} 
    
#karte a:hover { 
width: 970px; 
height: 150px; 
} 

#homelink {
left: 0px; top: 0px;
}

#kartendiv {
z-index: 51;
position: relative;
width: 0px;
height: 0px;
}

/********************************* LiveValidation *************************************/

.LV_valid {
display: none;
}

.LV_invalid {
color:#dc0000;
}

.LV_valid, .LV_invalid {
position: relative; 
text-align : left;
left: 200px;
background: none;
padding: 0;
margin: 0;
width: 210px; 
}
	
.LV_validation_message {
font-weight:bold;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
border: 1px solid #00dc00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
border: 1px solid #dc0000;
}



#styleactive0 { display: inline; }
#styleactive1 { display: none; }
#styleactive2 { display: none; }

.slideshow {
	z-index:50;
	left: 0px;
	top: 0px;
	position: relative;
	width: 970px;
	height: 150px;
	overflow: hidden;
	border: 0px solid #000000;
}
.slideshow img {
	z-index:50;
	position: absolute;
	left: 0;
	top: 0;
	width: 970px;
	height: 150px;
}

.hideimg {
display: none;
}

#schoen1 {
display: none;
}

#counter_start {
display: inline;
}

#homelink {
top:0px;
visibility: visible;
z-index: 59;
position: absolute;
overflow: hidden;
}

.slideshow {
	z-index:20;
	left: 0px;
	top: 0px;
	position: relative;
	width: 970px;
	height: 150px;
	overflow: hidden;
	border: 0px solid #000000;
}

.slideshow img {
	z-index:19;
	position: absolute;
	left: 0;
	top: 0;
	width: 970px;
	height: 150px;
}

fieldset hr { border-bottom: 2px #bbb solid;}

.suchetitel a { font-weight: bold; color: #444; }
a { color: #444; }

.hideimg {
display: none;
}

.nounderline a { text-decoration:none; }

.spanlogin {
font-size:105%;
padding:0 0 0 18px;
background: url(/system/main/dot_red.png) no-repeat 0 1px;
}

.spanlogout {
font-size:105%;
padding:0 0 0 18px;
background: url(/system/main/dot_green.png) no-repeat 0 1px;
}

.abstandoben {
margin-top:5px;
}

.rechts_ausgerichtet {
float: right;
text-align : right;
display : inline;
}

#coverflow li {
background:none;
margin:0;
padding:0;
}

.roundabout-holder {
	list-style: none;
	height: 10em;
	width: 32.5em;
	margin: 0em 1.7em 4.2em 2.8em;
}
			
.roundabout-moveable-item {
	height: 10em;
	width: 13em;
	cursor: pointer;
}
			
.roundabout-moveable-item img {
	height: 10em;
	width: 13em;
}
			
.roundabout-in-focus {
	cursor: auto;
}

#img_title_bottom {
	font-size: 0.8em;
	text-align: center;
	height: 1em;
}

.galerie_haupt_image {
padding: 0.5em 0 0 0;
}

}




@media screen, projection {

acronym, abbr { cursor: help; }
label { cursor:pointer; }
fieldset select { cursor:pointer; }
.button:hover { cursor:pointer; }

}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }