/* AKKORDEON */
.basic  {
  width: 200px;
  font-family: Arial, Helvetica, sans-serif;
  border: 0px solid white;
  }
.basic div {
  background-color: #eee;
  }
.basic p {
  margin-bottom : 10px;
  border: none;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  margin: 0px;
  padding: 10px;
  }
.basic a {
  cursor:pointer;
  display:block;
  margin-top: 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.8em;
  color: black;
  background-color: #ccc;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #ccc;
  padding: 0.3em;
  }
.basic ul{
  text-align: left;
  padding: 0;
  margin: 0;
  }
.basic li{
  text-align: left;
  padding: 0;
  margin: 0;
  }
.basic a:hover {
  background-color: white;
  }
.basic a.selected {
  color: #fafafa;
  background-color: #333;
  }
.basic a.MainCat {
  padding-left : 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: 500;
  color: #333;
  background-color: #efefef;
  }
.basic a.MainCat:hover {
  color: #fff;
  background-color: #ff6600;
  }
.basic a.MainCat:active{
  color: #fff;
  background-color: #111111;
  }
.basic a.rublink {
  font-weight: normal;
  color: #333;
  background: #fafafa url(../img/arrow.gif) 8px 12px no-repeat;
  padding-left : 22px;
  }
.basic a.rublink:hover {
  font-weight: normal;
  color: #ccc;
  background: #111 url(../img/arrow.gif) 10px 12px no-repeat;
  padding-left : 25px;
  }
.basic a.MainCat .selected{
  color: #fafafa;
  background-color: #333;
  }
a.light{
  text-decoration: none;
  color: #cccccc;
  }
a.light:hover{
  text-decoration: none;
  color: #ff6600;
  }

#Seitenspruch{
  text-align: center;
  font: 200%, Arial, Helvetica, sans-serif;
  font-weight: 100;
  padding-top: 50px;
  min-height: 95px;
  }

#iframe{
  border:1px solid #CCCCCC;
  margin:5px 5px 0 0;
  padding:7px;
  }

}

/* News Teaser*/
#blockbildl{
  float : left;
  border:1px solid #CCCCCC;
  margin:20px 25px 0 0;
  padding:7px;
  }
.blocktext{
  margin:20px 25px 0 0;
  padding:10px;
  max-width: 450px;
  }
/*Partner Logos auf weiss*/
.weisslogo{
  margin-bottom: 1em;
  background-color: #fdfdff;
  padding: 1em;
  min-height:80px;
  height:auto !important;  /* für moderne Browser */
  height:80px;  /*für den IE */
	}
/*cite */
.weiss{
  margin-bottom: 1em;
  /*background-color: #fdfdff;*/
  /*padding: 1em;*/
 /* min-height:100%;
      /*  border:               1px solid silver;
        border-top:           1px solid #ffffff;
        border-left:          1px solid #ffffff;*/
 /* height:auto !important;  /* für moderne Browser */ */
  height:100%;  /*für den IE */
}
/*Textile mit Bild*/
.weissminh{
  margin-bottom: 1em;
  background-color: #fdfdff;
  padding: 1em;
  min-height:195px;
  height:auto !important;  /* für moderne Browser */
  height:195px;  /*für den IE */
}
  /*
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS
Für: do form! 2.x
Stand: 20.04.2009
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
	background: #FFF;
	padding-top: 25px;
	padding-bottom: 25px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]{
	cursor : pointer;
	}
.formgen form{
	line-height : 180%;
	}
/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
.formgen .formblock{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	}
 .forminfo {
	width: 480px;
	margin-bottom: 15px;
	background-color: #FFCC99;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 3px dashed #ff6600;
	}

/*
Verhalten von br-Tags
*/
.formgen br{
	clear : both;
	}
/*
--------- FORMULAR-OBJEKTE ------------
*/

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield{
	width: 350px;
	height: 220px;
	margin-left: 4px;
	border: 1px solid #999;
	background-color: #FDFDFF;
	}
/* Textfeld */
.formgen .formtext{
	width: 350px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #FDFDFF;
	border: 1px solid #999;
	margin-bottom:10px;
	}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #EFEFEF;
	}
/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #666;
	}
/* Aussehen der Select-Ausgabe */
.formgen .formselect{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
	}
/* Sende-Button */
.formgen .formsubmit{
	width: 100%;
	height:30px;
	text-align: right;
    padding-right: 15px;
	background-color: #ccc;
	border: 1px solid #999;
	float: right;
    font-weight: bold;
	color: #666;
	}
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
	}
.formgen .fieldset {
	margin-bottom: 10px;
	}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 1px;
	color: #f60;
	}
.formgen .formcaptcha{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
	}
.formgen .formreq {
	color: #006633;
	}
.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
	}


/* Navigation Seitenblock*/
ul.rex-navi1{
  width: 195px;
  color: #333;
  border-top: 0px solid #fff;
  border-left: 0px solid #efefef;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 140%;
  font-weight: 500;

  background-color: #efefef;
}

ul.rex-navi2{
background-color: #fafafa;
padding-left: 0em;
border-bottom: 1px solid #f60;
}
.rex-navi2 .rex-normal a{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
background-color: #fafafa;
padding-left: 1.2em;
}
.rex-navi2 .rex-normal a:hover{
background-color: #FFF;
}
ul.rex-navi3{
background-color: #555555;
}
ul.rex-navi4{
background-color: #123456;
}
li.rex-current{
color: #000000;
background-image : url(../files/indic.gif);
background-repeat : no-repeat;
background-position: left;
}
 a.rex-current{
	color:#fff;
	padding-left:1em;
	cursor:pointer;
	display:block;
	margin-top:0;
	text-decoration:none;
	font-weight:700;
	font-size:.7em;
	border-top:1px solid #FFF;
	border-bottom:1px solid #ccc;
	background:#f60;
	padding: 0.2em 0.2em 0.2em 1.2em;
 }
 a.rex-normal{
  padding-left:1em;
 }

li.rex-active{
color: #FF3300;
}
 a.rex-active{
	color:#555;
	cursor:pointer;
	display:block;
	margin-top:0;
	text-decoration:none;
	font-weight:700;
	font-size:.8em;
	border-top:1px solid #FFF;
	border-bottom:1px solid #ccc;
	padding:.3em;
	padding-left:1em;
	background:#fff;
}

li.rex-normal{
}
 a.rex-normal{
  color: #555;
  cursor:pointer;
  display:block;
  margin-top: 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.8em;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #ccc;
  padding: 0.2em 0.2em 0.2em 1em;
 }


/* REX -Akkordeon */
#accordion {
	font-family: Verdana, sans-serif;
	background: silver repeat-y;
	position: relative;
	float: left;
	clear: both;
	display: block;
}

#accordion h3 {
	color: black;
	margin-top: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: -1px;
	font-size: 13px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-weight: normal;
	font-style: normal;
}

#accordion div.ui-accordion-content {
	text-align: left;
	padding-bottom: 10px;
	padding-top: 5px;
	padding: 5px;
}

#accordion div.ui-accordion-content img {
	margin-top: 10px;
	float: left;
	padding-bottom: 3px;
	clear: both;
}

p a.more {
	display: inline-block;
	float: right;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


/* Kategorieliste */
a.more{
	/* border-bottom:1px dotted #444444; */
	font-size:110%;
	font-weight:700;
	letter-spacing:0;
	margin:0;
	padding:0.2em 0 0.2em;
	text-transform:uppercase;
	display: block;
}

/* Download Modul*/
.link_icon { display:block; padding-left:20px; background-repeat:no-repeat; background-position:0px 2px;}
.ico_pdf { background-image:url(../gfx/fico_pdf.gif); }
.ico_xls { background-image:url(../gfx/fico_xls.gif); }
.ico_doc { background-image:url(../gfx/fico_doc.gif); }
.ico_zip { background-image:url(../gfx/fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(../gfx/fico_jpg.gif); }
.ico_gif, .tif { background-image:url(../gfx/fico_pic.gif); }
.ico_def { background-image:url(../gfx/fico_def.gif); }

/*Login Modul*/
.m_formular {
	background-color: #ECF0E6;
	width: 540px;
	border: 1px solid red;
	padding: 10px;
}

.m_headline {
	color: #FFFFFF;
	background-color: #333333;
	display: block;
	padding-left: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
}
/* Image Slider NEU */
.image_fade_wrapper {
	float: left;
	border: 1px solid rgb(204, 204, 204);	
	margin-top: 2.5em;
	margin-bottom:20px;
}
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: none;
}
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}