/****************************************************************************************************************
style.css
erstellt: 02.03.05
Autor: Goran

 Stylesheet fuer Werbeagentur aufwind.

geaendert: 07.04.05 Sebastian
Grund: ueberarbeitet

*******************************************************************************************************************/

/*#####################################################
 Pseudo-Klassen & Redefinierung von HTML-Elementen
######################################################*/

/* Allgemeine Angaben */
html, body,
a, a:link, a:visited, a:hover, a:active,
p, div,
table, tbody, th, tr, td,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, input, select, option, optgroup, button, fieldset, textarea, label, legend
{
 font-family: Arial, Verdana, Helvetica, SunSans-Regular;
 font-size: 100%;
 color: #666;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html	{
 background: url('../common/bg_html.gif') repeat-x;
}
body{
	background: url('../common/bg_body.gif') repeat-x;
	background-position: 0px bottom;
}
/* Links */
a, a:link, a:visited, a:hover, a:active
{
/* color: #1D53A1;*/
	color: #3D5F0C;
 text-decoration: underline;
}

a:hover
{
 text-decoration: none;
}

/* Formular-Elemente */
/* siehe weiter unten */

/* Block- und Inline-Elemente */
p
{
 font-size: 11px;
 margin: 5px 0px;
}

td, label, legend
{
 font-size: 11px;
}

td td,
p label
{
 font-size: 1em;
}
th{
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

/* Ueberschriften */
h1
{
 color: #555;
 text-decoration: none;
 letter-spacing: 0.8px;
 margin: 20px 0px 5px 0px;
 margin-bottom: 0px;
 color: #fff;
	margin-top: 20px;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
#content2 h1{
	height: 20px;
}
h2
{
 font-size: 14px;
 color: #666;
 font-weight: normal;
 letter-spacing: 1px;
 margin-top: 20px;
 margin-bottom: 20px;
 height: 20px;
}

/***** wird bei Newsletter verwendet *****/
h3
{
 font-size: 0.85em;
 font-weight: normal;
 letter-spacing: 1px;
 margin-bottom: 10px;
}

/* wird bei Newsletter verwendet */
h4
{
 font-size: 0.8em;
 font-weight: normal;
 letter-spacing: 1px;
 background: #69b0cc;
}

h5
{
 font-size: 0.8em;
 font-weight: normal;
 letter-spacing: 1px;
 margin-top: 20px;
 margin-bottom: 5px;
}

h6
{
 font-size: 0.75em;
 font-weight: bold;
 border-bottom: 1px solid #666;
 margin-top: 15px;
 margin-bottom: 2px;
}

/* Bild-Definitionen */
img
{
 border: none;
 white-space: nowrap;
 margin-bottom: 10px;
}

ul
{
 list-style-type: square;
 padding: 10px 5px 5px 5px;
}

ul li
{
 font-size: 0.7em;
 line-height: 100%;
 margin: 0px 0px 2px 15px;
}

hr
{
 border: 1px solid #000;
 width: 100%;
 height: 1px;
 margin: 5px 0px;
}
/*------------- Ende Pseudo-Klassen & Redefinierung von HTML-Elementen ------------- */

/*#################################################
 CSS-Klassen bezogen auf die div-Bloecke
#################################################*/

/* Seite zentriert ausrichten */
#center
{
 background-image: url('../../assets/common/bg_center.gif');
 background-repeat: repeat-y;
 width: 1005px;
 padding: 0;
 margin: 15px auto 0px auto;
 border: 1px solid #C6C7C8;
}

/* --------------- Oben: Links und Suchfeld --------------- */
#top
{
 /* BG = dynamisch direkt im Rahmen-Template */
 height: 148px;
 width: 1005px;
 background-image: url('../common/bg_head.jpg');
}

#kopfbild{
	width:702px;
	height:135px;
	float:left;
	margin-left:19px;
	margin-top:3px;
}

.sitenavi
{
 font-size: 0.6em;
 color: #696969;
 padding-top: 0px;
 padding-right: 15px;
 /*text-transform: lowercase;*/
 text-align: right;
}



.sitenavi a,
.sitenavi a:link,
.sitenavi a:visited,
.sitenavi a:hover,
.sitenavi a.active
{
 font-size: 1.05em;
 color: #696969;
 text-decoration: none;
 margin: 0px 5px;
}

.homelink_logo{
	margin: 40px 0px 0px 25px;
	float: left;
	display: inline;
}
#underline{
	margin: 10px 0px 0px -39px;
	background: url('../common/contentarea_bg.jpg') repeat-x;
	height: 100px;
	width: 805px;
	float:left;
}
#underline_bestellform{
	margin: 10px 0px 0px -39px;
	background: url('../common/contentarea_bg.jpg') no-repeat;
	height: 26px;
	width: 805px;
	float:left;
}
/*------------- Ende Oben: Links und Suchfeld ------------- */

/* ------------- Hauptnavigation ------------- */

/* Formatierung der Links in der Aufklappnavi */
.linkmenu td{
	font-size: 1.0em;
	width: 150px;
	padding: 0px;
	margin: 0px;
}
.link_content a{
	background-repeat: no-repeat;
}
.linkmenu a,
.linkmenu a:link,
.linkmenu a:visited,
.linkmenu a:hover,
.linkmenu a:active
{
 font-size: 0.7em;
 color: #FFF;
 text-decoration: none;
 background: #69b0cc;
 border: 1px solid #FFF;
 border-top: none;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu a:hover
{
 color: #69b0cc;
 background: #FFF;
}

.linkmenu_first td{
	font-size: 1.0em;
	width: 150px;
	padding: 0px;
	margin: 0px;
}

.linkmenu_first a,
.linkmenu_first a:link,
.linkmenu_first a:visited,
.linkmenu_first a:hover,
.linkmenu_first a:active
{
 font-size: 0.7em;
 color: #FFF;
 text-decoration: none;
 background: #69b0cc;
 border: 1px solid #FFF;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu_first a:hover
{
 color: #69b0cc;
 background: #FFF;
}

.breadcrumb
{
 font-size: 0.7em;
 border-bottom: 1px solid #000;
 padding: 1px 0px;
 margin: 0;
}

/*------------- Ende Hauptnavigation ------------- */

/* ------------ Content-Bereich ------------ */
#contentarea
{
	background-image: url('../common/contentarea_top.gif');
	background-repeat: repeat-x;
	width: 1005px;
}
#headline{
	width: 700px;
	height: 20px;
	margin: 30px;
	float:left;
	color: #fff;
	padding: 0px 0px 0px 10px;
}
#head_left{
	color: #fff;
	width: 330px;
	float: left;
}
#head_right{
	width: 330px;
	color: #fff;
	float: left;
	margin-left: 40px;
}
/* ------------ Teaser Boxen Startseite ------------ */
.teaser_start_left,
.teaser_start_right{
	width: 242px;
	float: left;
	margin-bottom: 15px;
	background: #EFEFEF;
}

.teaser_start_left{
	margin-right: 10px;
	background: #EFEFEF;
}

.teaser_start_left h1,
.teaser_start_right h1{
 font-weight: normal;
 font-size: 14px;
 color: #FFF;
 background-color:#1d53a1;
 background-repeat: no-repeat;
 padding: 5px;
 margin:0px;
}
.teaser_start_right a,
.teaser_start_right a:link,
.teaser_start_right a:hover,
.teaser_start_right a:visited,
.teaser_start_right a:active{
	color:#1d53a1;
	text-decoration:none;
}
.teaser_free_count{
	width: 51px;
	padding: 3px;
	padding-left: 0px;
}

.teaser_free_link{
	width: 181px;
	padding: 5px;
}

.teaser_free_link a,
.teaser_free_link a:link,
.teaser_free_link a:hover,
.teaser_free_link a:visited,
.teaser_free_link a:active{
	color:#1d53a1;
	text-decoration: none;
}

.teaser_start_right div{
	font-size: 0.7em;
	padding: 3px;
}

/* ------------ Content-Bereich: Subnavigation ------------ */
#subnavi
{
 background: #fff url('../common/navi_bg.gif') no-repeat;
 width: 200px;
 float: left;
 text-transform: uppercase;
 color:#0070B8;
 margin-bottom: 0px;
}

/* Subnavigation Ebene 0 */
#subnavi ul
{
 list-style-type: none;
 padding: 0;
 margin: 0;
 line-height: 120%;
}

#subnavi ul li
{
 margin: 0;
 line-height: 120%;
}

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active
{
 font-size: 11px;
 color: #0070B8;
 text-decoration: none;
 /*background-image: url('../../assets/common/subnavi.gif');
 background-repeat: no-repeat;*/
 line-height: 100%;
 display: block;
 padding: 6px;
 padding-left: 30px;
 line-height: 120%;
}

#subnavi ul li a:hover
{
 background-color: #81addc;
}

/* aktive Links in der Subnavigation erhalten diese Klasse */
#subnavi a.akt,
#subnavi a:link.akt,
#subnavi a:visited.akt,
#subnavi a:hover.akt,
#subnavi a:active.akt
{
 /*background-image: url('../../assets/common/subnavi_akt.gif');*/
 background-color: #81addc;
}

#subnavi a.downarrow,
#subnavi a:link.downarrow,
#subnavi a:visited.downarrow,
#subnavi a:hover.downarrow,
#subnavi a:active.downarrow{
 /*background-image: url('../../assets/common/subnavi_akt_down.gif');*/
}

#subnavi a:hover.akt
{
}

/* Subnavigation Ebene 1 */
#subnavi ul.under
{
	margin: 0px;
}

#subnavi ul.under li
{
 border: none;
 margin: 0px;
 padding: 0px;
}

#subnavi ul.under li a,
#subnavi ul.under li a:link,
#subnavi ul.under li a:visited,
#subnavi ul.under li a:hover,
#subnavi ul.under li a:active
{
 font-size: 10px;
 font-weight: normal;
 color: #0070B8;
 background: #d4e0f3;
 display: block;
 padding-top: 6px;
 padding-bottom: 6px;
 padding-left: 40px;
 margin: 0px;
 text-transform: uppercase;
}

#subnavi ul.under li a:hover
{
 margin: 0px;
}

#subnavi ul.under li a.akt,
#subnavi ul.under li a:link.akt,
#subnavi ul.under li a:visited.akt,
#subnavi ul.under li a:hover.akt,
#subnavi ul.under li a:active.akt
{
 background: #d4e0f3;
 font-weight: bold;
}

/* Subnavigation Ebene 2 */
#subnavi ul.under1
{
}

#subnavi ul.under1 li
{
 border: none;
}

#subnavi ul.under1 li a,
#subnavi ul.under1 li a:link,
#subnavi ul.under1 li a:visited,
#subnavi ul.under1 li a:hover,
#subnavi ul.under1 li a:active
{
 font-size: 11px;
 color: #666;
 /*background-image: url('../../assets/common/subnavi2.gif');
 background-repeat: no-repeat;*/
 background-color: #d4e0f3;
 display: block;
 padding: 6px;
 padding-left: 50px;
}

#subnavi ul.under1 li a:hover
{
}

#subnavi ul.under1 li a.akt,
#subnavi ul.under1 li a:link.akt,
#subnavi ul.under1 li a:visited.akt,
#subnavi ul.under1 li a:hover.akt,
#subnavi ul.under1 li a:active.akt
{
}

/* Subnavigation Ebene 3 */
#subnavi ul.under2
{
}

#subnavi ul.under2 li
{
 border: none;
}

#subnavi ul.under2 li a,
#subnavi ul.under2 li a:link,
#subnavi ul.under2 li a:visited,
#subnavi ul.under2 li a:hover,
#subnavi ul.under2 li a:active
{
 font-size: 2.1em;
 padding: 2px 3px 0px 31px;
}

#subnavi ul.under2 li a:hover
{
}

#subnavi ul.under2 li a.akt,
#subnavi ul.under2 li a:link.akt,
#subnavi ul.under2 li a:visited.akt,
#subnavi ul.under2 li a:hover.akt,
#subnavi ul.under2 li a:active.akt
{
 padding-left: 23px;
}
/*------------- Ende Content-Bereich: Subnavigation ------------- */
/* ------------ Content-Bereich: Inhalte ------------ */

/* mit Zusatzinfos auf der rechten Seite */
#content
{
 float: left;
 width: 700px;
 padding: 0px 20px 0px 40px;
 margin-top: 0px;
 line-height: 120%;
 color: #666;
}
#content_left{
	color: #666;
	float: left;
	width: 330px;
	font-size: 1em;
}
#content_right{
	color: #666;
	float: right;
	width: 330px;
	font-size: 1em;
}

/* ohne Zusatzinfos auf der rechten Seite */
#content2
{
 float: left;
 width: 465px;
 padding: 0px 20px 0px 40px;
}

/* Startseite */
#content3
{
 float: left;
 width: 465px;
 padding: 50px 20px 0px 40px;
}

/* nur fuer die Druckversionen! */
#content4
{
 width: 500px;
 padding: 0px 15px 15px 15px;
}

.nofloat
{
 clear: both;
}

.hidden
{
	visibility: hidden;
}

.nodisplay
{
	display: none;
}


#bottom{
  padding:2px;
  padding-left: 20px;
  color: white;
  text-align: left;
  height: 13px;
  padding-top: 4px;
  width:983px;
  font-size: 10px;
	background-color: #BECD00;
	background-image: url(../../assets/common/z.gif);
	background-repeat: no-repeat;
	background-position: 935px bottom;
}
#bottom p{
}

#bottom a,
#bottom a:hover,
#bottom a:active,
#bottom a:focus,
#bottom a:visited{
  color: #fff;
  text-decoration: none;
}

/********************************************* Projekt Bilder *****************************/
#thumbs{
  text-align:center;
  margin: 20px 0px 10px 25px;
}
.bild_thumb{
  width: 85px;
  height: 85px;
  margin: 5px 17px 5px 5px;
  text-align:center;
  float: left;
}
#vorschau{
  text-align: center;
}
.aktives_bild img{
  border: 2px solid #006ca0;
}
#vorschau p{
  text-align: left;
}
/*#################################################
 Contentmaker: Link, Download, Bild
#################################################*/
/* Contentmaker: Link */
.link{
	/*background: #D9EF74;*/
	/*border-top: 1px solid #58585A;*/
	padding: 0px 3px 3px 3px;
	margin: 0px 10px 10px auto;
	font-family: Arial;
	font-size: 11px;
	color: #666;
}

.link h1 {
	font-weight: normal;
	padding: 3px;
	margin: 0px;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
 font-size: 14px;
}

.link img{
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 10px;
}

.link div{
	margin-right: 2px;
	/*border-right: 1px solid #69b0cc;
 	border-bottom: 1px solid #69b0cc;*/
}

.link div img{
	margin-left: 0px;
}

.link a,
.link a:link,
.link a:visited,
.link a:hover{
	text-decoration: none;
	color: #1D53A1;
	margin: 5px;
}

.link a:hover{
	color: #69b0cc;
}

.link div a,
.link div a:link,
.link div a:visited,
.link div a:hover{
	background: none;
	margin: 0px;
}

.link p{
	padding: 5px;
	margin: 0px;
}

/* Contentmaker: Download */
.download{
	/*background: #D9EF74;
	border-top: 1px solid #58585A;*/
	padding: 3px;
	margin: 5px 0px 10px 0px;
}

.download h1 {
	font-weight: normal;
	padding: 3px;
	margin: 0px;
	height: 100%;
	margin-bottom: 10px;
	font-size: 14px;
}

.download img{
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 10px;
}

.download div{
	margin-right: 2px;
	/*border-right: 1px solid #69b0cc;
	border-bottom: 1px solid #69b0cc;*/
}

.download div img{
	margin-left: 0px;
}

.download a,
.download a:link,
.download a:visited,
.download a:hover{
	text-decoration: none;
	color: #1D53A1;
	font-size: 0.7em;
	margin: 5px;
}

.download a:hover{
	color: #69b0cc;
}

.download div a,
.download div a:link,
.download div a:visited,
.download div a:hover{
	background: none;
	margin: 0px;
}

.download p{
	padding: 5px;
	margin: 0px;
}

.download span
{
	font-weight: normal;
	font-size: 11px;
}

/* Contentmaker: Bild */
.image{
  padding: 0;
  margin: 0;
}

.image h1{
 font-size: 14px;
 font-weight: normal;
 height: 100%;
 margin-bottom: 10px;
}

.image div{
 font-size: 0.7em;
}
.image img{
  margin-top: 20px;
}
/* Ende Contentmaker: Link, Download, Bild*/

/*#################################################
 Contentmaker: Bild und Text
#################################################*/

/*Startseite Bild rechts im Text*/
.home_ti_float_right {
   float: right;
   margin-left: 3px;
   margin-bottom: 10px;
   font-size: 0.7em;
   font-weight: normal;
}

.home_ti_float_right img {
  border: 1px solid #69b0cc;
}

.home_ti_float_right_text {
  font-size: 0.65em;
  font-weight: normal;
  margin-left: 5px;
  margin-bottom: 20px;
}

/*Startseite Bild links im Text*/

.home_ti_float_left {
   float: left;
   margin-left: 5px;
   margin-bottom: 20px;
   margin-right: 5px;
   font-size: 0.7em;
   font-weight: normal;
}

.home_ti_float_left  img {
  border: 1px solid #69b0cc;
}

.home_ti_float_left_text {
  font-size: 0.65em;
  font-weight: normal;
  margin-left: 5px;
  margin-bottom: 20px;
}

/*Bild rechts im Text*/
.image_float{
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
.image_float h1{
	height: 100%;
	margin-bottom: 0px;
}
.image_float_right {
   border: 1px solid #69b0cc;
   background: #69b0cc;
   float: right;
   font-size: 11px;
   font-weight: normal;
   color: #666;
   margin-left: 10px;
   margin-bottom: 5px;
}

.image_float_right img {
  margin-bottom: 1px;
}

.image_float_right_text {
}

.image_float_right_text h1 {
  font-size: 1.2em;
  font-weight: normal;
  color: #666;
	height: 100%;
	margin-bottom: 10px;
}

/*Bild links im Text*/
.image_float_left {
   /*background: #69b0cc;*/
   float: left;
   font-size: 11px;
   font-weight: normal;
   color: #666;
   margin-right: 10px;
   margin-bottom: 5px;
}

.image_float_left_image
{
	width: 150px;
	float: left;
	margin: 10px 10px 10px 0px;
}

.image_float_left_image span.bildunterschrift
{
	display: block;
	padding: 2px 10px;
	background: #EBEFD1;
	color: #2e70bb;
}

.image_float_left img {
  margin-bottom: 1px;
  margin-right: 10px;
}

.image_float_left_text {
	margin-top: 10px;
}

.image_float_left_text h1 {
  font-weight: normal;
  color: #666;
	height: 100%;
	margin-bottom: 0px;
}

/*Standardvorlage fuer die rechte Spalte*/
/*Bild links im Text*/
.standard_right_col {
   border: 1px solid #69b0cc;
   background: #69b0cc;
   float: left;
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin-right: 10px;
   margin-bottom: 5px;
}

.standard_right_col img {
  margin-bottom: 1px;
}

.standard_right_col_text {
  font-size: 0.7em;
  font-weight: normal;
}

.standard_right_col_text h1 {
  font-size: 1.8em;
  font-weight: normal;
  color: #58585A;
	height: 100%;
	margin-bottom: 10px;
}
/* Ende Contentmaker: Bild und Text*/

/* ------------ Ende Content-Bereich: Inhalte ------------ */

/* ------------ Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ */

/* Dieser div sorgt fuer den Rahmen */
#custom
{
 float: left;
 width: 285px;
 margin-bottom: 15px;
 margin-left: 15px;
}

/* Definition von Teaserboxen auf der rechten Seite */
.box
{
 color: #FFF;
 margin: 0;
 clear: both;
 /*border-bottom: 1px solid #69b0cc;*/
}

.box_indent{
	margin-left: 3px;
}

.box h1,
.box h2
{
	font-weight: normal;
 	/*background-image: url('../../assets/common/right_h1.gif');
 	background-repeat: no-repeat;*/
 	color: #000000;
 	font-weight: bold;
 	margin: 0;
	padding: 0px;

}

.box p
{
	margin: 5px 10px 15px 0px;
}

.box div div
{
	font-size: 0.7em;
	color: #333;
	padding: 5px;
}

.box a,
.box a:link,
.box a:visited
{
  color: #333;
}

.box a:hover
{
  color: #69b0cc;
}

.box ul
{
 list-style-type: none;
 padding: 5px;
 margin: 0px;
 border-bottom: 1px solid #F7B85B;
}

.linklist{
}

.last_link{
	border-bottom: none;
}

.box ul li
{
 margin: 0px;
}

.box ul li a,
.box ul li a:link,
.box ul li a:visited,
.box ul li a:hover,
.box ul li a:active
{
 font-size: 1em;
 line-height: 120%;
 text-decoration: none;
 color: #000;
 letter-spacing: -0.05em;
}

.box ul li a:hover
{
 text-decoration: underline;
}

.box ul li img
{
 vertical-align: middle;
 text-align: center;
}

.box ul.assetlink{
  clear:both;
}

.box ul.assetdownload img{
 float: left;
 margin-bottom: 5px;
}

/* Teaser: Einzeiler */
.box ul.ulist
{
 border: none;
 list-style-type: square;
 padding: 0;
}

.box ul.ulist li
{
 padding: 4px 5px;
 margin: 0;
}

.box table {
 text-align: left;
 width: 250px;
 margin: 0px;
 text-align: left;
 vertical-align: middle;
 /*font-size: 0.75em;*/
}

.box table td {
 padding: 3px;
 color: #000;
 text-align: left;
}

.box table td a {
 	color: #FFF;
 	text-decoration: none;
 	display: block;
}

.box table td.week {
 padding: 3px;
 color: #000;
 background-color: #EEE;
}

.box table td.today {
 padding: 3px;
 color: #F00;
 background-color: #EEE;
}

.box table td.today a {
  text-decoration: none;
  background-color: #69b0cc;
 	color: #FFF;
}

/* Ende Kalender */

/* Bildergalerie*/
.gallery
{
 color: #FFF;
 margin: 0px;
 margin-right: 30px;
 margin-bottom: 20px;
 float: left;
 width: 147px;
}

.gallery h1
{
 font-size: 0.7em;
 font-weight: normal;
 color: #FFF;
 background: #69b0cc;
 padding: 3px 10px;
 margin: 0px;
	height: 100%;
	margin-bottom: 10px;
}

.gallery div
{
 border: 1px solid #69b0cc;
 border-top: none;
 font-size: 0.7em;
 color: #000;
 background: #FFF;
 padding: 3px;
}

.gallery div.image
{
	margin: 0px;
	text-align: center;
	font-size: 0.7em;
 	color: #000;
 	background: #69b0cc;
 	padding: 0px;
}

.gallery div.headline{
	text-align: center;
	font-size: 0.7em;
 	color: #000;
 	background: #CCC;
 	padding: 3px 10px;
 	margin: 0px;
}

/*Bildergalerie Ausgabe*/
.showgallery
{
	margin: 0px;
	padding: 0px;
}

.showgallery h1
{
 font-size: 0.7em;
 font-weight: normal;
 text-align: center;
 color: #FFF;
 background: #69b0cc;
 padding: 3px 10px;
 margin: 0;
 height: 100%;
 margin-bottom: 10px;
}

.showgallery_thumb
{
	width: 276px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-right: 1px solid #69b0cc;
}

.showgallery_thumb div
{
	width: 80px;
	height: 80px;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
	float: left;
	font-size: 0.7em;
 	color: #69b0cc;
 	font-weight: bold;
 	/*background: #FFF;*/
}

.showgallery_thumb div.showgallery_center
{
	padding-top: 10px;
	height: 40px;
}

.showgallery_thumb div.showgallery_left
{
	padding-top: 10px;
	height: 40px;
	text-align: left;
}

.showgallery_thumb div.showgallery_right
{
	padding-top: 10px;
	height: 40px;
	text-align: right;
}


.showgallery_image
{
	width: 420px;
	margin: 0px;
	padding: 15px 0px;
	float: right;
}

.showgallery_image div
{
	font-size: 0.7em;
 	color: #000;
 	background: #FFF;
 	padding: 3px;
}

/* Umfrage */

.umfrage
{
	padding: 0px;
	line-height: 140%;
}

.box p.umfrage input
{
	margin-top: 3px;
	border: none;
	height: 12px;
	background-color: #CCCCCC;
}

.box p.umfrage button
{
	margin-top: 5px;
	margin-right: 3px;
	border: 1px solid black;
	width: 70px;
	height: 20px;
	background-color: #FFFFFF;
	font-size: 0.9em;
}

.box p.umfrage label
{
	margin-left: 5px;
}

/* Umfrage Diagramm */

.diagramm
{
	background-color: #FFF;
	border: 1px solid #69b0cc;
}

.diagramm_skala
{
 	width: 30px;
 	height: 30px;
 	vertical-align: top;
	text-align: center;
	border-right: 1px solid #69b0cc;
	font-size: 11px;
}

.diagramm_value
{
	height: 30px;
	width: 30px;
	vertical-align: top;
	text-align: center;
	border-top: 1px solid #69b0cc;
	border-right: 1px solid #69b0cc;
	font-size: 11px;
}

.diagramm_balken
{
	vertical-align: bottom;
	text-align: center;
	width: 80px;
}

.diagramm_antwort
{
	vertical-align: middle;
	text-align: center;
	width: 80px;
	border-top: 1px solid #69b0cc;
	font-size: 11px;
}

/* Seminarsuche */

.box p.seminarsuche{
	margin-left: 32px;
}

.semsearch{
	border-bottom: 10px solid #FFF;
	background-image: url('../../assets/common/right_bg.gif');
	background-repeat: repeat-y;
	margin-bottom: 0px;
}

.semsearch form{
	margin-bottom: 0px;
}

.box p.seminarsuche input
{
	margin-top: 3px;
	border: 1px solid black;
	background-color: #FFFFFF;
	font-size: 1em;
	width: 120px;
}

.box p.seminarsuche button
{
	width: 50px;
	height: 20px;
	padding: 0;
	border: 1px solid #000;
	background-color: #FFF;
	font-size: 0.9em;
	line-height: 100%;
}

#untertitel{
  font-size: 11px;
  color: #d0d3d4;
}
.main{
}
.sub{
	color: #fff;
	text-decoration: none;
	text-transform: none;
	font-size: 12px;
}

/* ------------ Ende Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ */

/*#################################################
 CSS-Klassen fuer Formulare
#################################################*/

form
{
 line-height: 190%;
}

form br
{
 clear: both;
}

fieldset
{
 background: none;
 padding: 10px;
}

legend
{
 border: none;
 background: none;
}

label.leftb,
label.leftr
{
 font-weight: bold;
 float: left;
 text-align: right;
 width: 11em;
 margin-right: .8em;
}

/* error-Klasse */
label.leftr
{
 color: #FF0000;
}

input,
select,
textarea
{
 font-size: 0.7em;
 color: #666;
 background: #FFF;
 border: 1px solid #666;
 float: left;
 padding: 2px;
 margin-top: 5px;
}

select
{
 padding: 0;
}

optgroup, option
{
 font-size: 1em;
 line-height: 100%;
}

input:focus,
textarea:focus
{
 background: #DCEFF8;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
 cursor: pointer;
}

textarea
{
 width: 54%;
 margin-bottom: 10px;
}

form span{
	font-size: 0.7em;
	line-height: 100%;
	margin-bottom: 0px;
}

/* Teilnahmebedingungen Checkbox */

.teilbed
{
	margin-left: 8.3em;
	padding: 0px;
	line-height: 100%;
	margin-bottom: 10px;
}

.teilbed input{
	border: none;
	background-color: #F0F0F0;
	margin: 0px;
}

/* Buttons beim Kontaktformular */
.submitbuttons
{
 margin-left: 8.8em;
}

.submitbuttons button
{
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #69b0cc;
 line-height: 100%;
 margin-right: 5px;
}

/* Formular bei der Suche */

form.suche input
{
 font-size: 0.9em;
 padding: 2px;
 margin-left: 2px;
}

form.suche button
{
 line-height: 100%;
 margin-top: 5px;
}

/*#################################################
 CSS-Klassen fuer die Sitemap
#################################################*/
.sitemap td{
	padding: 15px 10px;
}

.sitemap td.separator{
	background-color: #666;
	padding: 0;
}

a.sitemap1,
a:link.sitemap1,
a:visited.sitemap1,
a:hover.sitemap1,
a:active.sitemap1
{
 font-size: 1em;
 font-weight: bold;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a.sitemap2,
a:link.sitemap2,
a:visited.sitemap2,
a:hover.sitemap2,
a:active.sitemap2,
a.sitemap3,
a:link.sitemap3,
a:visited.sitemap3,
a:hover.sitemap3,
a:active.sitemap3,
a.sitemap4,
a:link.sitemap4,
a:visited.sitemap4,
a:hover.sitemap4,
a:active.sitemap4
{
 font-size: 0.85em;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a:hover.sitemap1,
a:hover.sitemap2,
a:hover.sitemap3,
a:hover.sitemap4
{
 text-decoration: underline;
}
/* Ende Sitemap-Klassen */

/*#################################################
 CSS-Klassen fuer die Barriere-Freiheit
#################################################*/

.unsichtbar
{
 position: absolute;
 left: -20000px;
 /* Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen
 sich uebereifrige Screenreader, die ausgerechnet "display: none" nicht akustisch
 auswerten, taeuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

/*#################################################
 Universelle CSS-Klassen fuer die Formatierung

#################################################*/

/* News */
.newshead{
	color: #58585A;
	margin-bottom: 15px;
	letter-spacing: 1px;
}


.newsblock
{
 margin-bottom: 15px;
 position: relative;
 background: #EFEFEF;
}

.newsblock h1
{
 font-weight: normal;
 font-size: 0.7em;
 color: #FFF;
 background-color:#1d53a1;
 background-repeat: no-repeat;
 padding: 5px;
 margin:0px;
 height: 100%;
 margin-bottom: 10px;
}

/* wird bei Newsletter verwendet*/
.newsblock h2
{
 font-weight: bold;
 font-size: 0.9em;
 color: #333;
 background: #CCC;
 padding: 5px;
 margin:0px;
}

.newsblock p {
	padding: 5px;
	width: 325px;
	float: left;
}

.newsblock a,
.newsblock a:link,
.newsblock a:hover,
.newsblock a:visited,
.newsblock a:active{
	text-decoration:none;
	color:#1d53a1;
}

.newsblock span{
  float: left;
  /*border-right: 1px solid #69b0cc;
  border-bottom: 1px solid #69b0cc;*/
  position: relative;
}

.topnews
{
 line-height: 150%;
}

.anreiser
{
 margin: 0;
}

/* Newsletter*/

.newsletter_wrapper table{
	width: 500px;
}

.newsletter_anreisser
.newsletter_text{
	font-size: 11px;
}

.newsletter_feld {
	background: #F0F0F0;
	padding-left: 5px;
	color: #3A3A3A;
	font-size: 11px;
	width: 150px;
}

.newsletter_feld_r {
	background: #F0F0F0;
	color: #F00;
	font-size: 11px;
	width: 150px;
}

.newsletter_input {
	font-size: 11px;
	width: 270px;
	padding-left: 5px;
	padding-bottom: 4px;
}

.newsletter_input2{
	margin-left: 10px;
}

.newsletter_text {
	color: #3A3A3A;
	font-size: 0.7em;
	width: 400px;
}

.newsletter_text_r {
	color: #F00;
	font-size: 0.7em;
	width: 400px;
}

.newsletter_input input{
	font-size: 11px;
}

.newsletter_input .tag {
	width: 20px;
	margin: 0px 5px 0px 0px;
}


.newsletter_input .jahr {
	width: 35px;
	margin: 0px 5px 0px 0px;
}

.newsletter_input .submit,
.newsletter_input .reset {
	background: #f6960c;
	color: #fff;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
}

.newsletter_input select{
	font-size: 11px;
		margin: 0px 5px 0px 0px;
}

.newsletter_auswahl{
	width: 100px;
}

/* Buttons beim anderen Formularen */
.formularbuttons button
{
 font-size: 9px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #FFF;
 background: #69b0cc;
 line-height: 100%;
 margin-right: 5px;
 padding-top: 2px;
 padding-bottom: 1px;
}

/* Ende Newsletter*/

/* Referenten */
.referenten
{
	margin-bottom: 5px;
	border-bottom: 1px solid white;
	border-top:none;
	/*background: #FFFFFF;*/
}

.ref_name
{
	width:45%;
	float:left;
	padding: 5px;
}

.ref_name a,
.ref_name a:link,
.ref_name a:visited,
.ref_name a:hover,
.ref_name a:active
{
	color: #000000;
	text-decoration: none;
}

.ref_name a:hover
{
	color:#69b0cc;
}

.ref_info
{
	width:50%;
	float:left;
	padding: 5px;
}

.ref_bild
{
	width:35%;
	float:left;
	padding: 5px;
}

/* Seminare */
#seminare
{
	background-image: url(../../assets/common/sem_overview_bg.gif);
	background-repeat: no-repeat;
	padding:0;
	/*width:80%;*/
	width: 235px;
	border:1px solid #FFF;
	margin-bottom: 10px;
	padding-left: 10px;
	height: 45px;
	float: left;
}

.right{
	float: right;
}

#seminare span{
	float:left;
	margin:0;
	margin-right: 5px;
}

.sem_cat
{
	margin:0px;
	vertical-align: middle;
	/*width: 80%;*/
}

.sem_cat a,
.sem_cat a:link,
.sem_cat a:visited,
.sem_cat a:hover,
.sem_cat a:active
{
	color: #58585A;
	text-decoration: none;
}

.sem_cat a:hover
{
	color:#69b0cc;
}

.sem_list
{
	/*background: #FFF;*/
	padding: 3px;
	border-bottom:1px solid #58585A;
	height: 35px;
}

.sem_list a,
.sem_list a:link,
.sem_list a:visited,
.sem_list a:hover,
.sem_list a:active
{
	text-transform:uppercase;
	color: #69b0cc;
	text-decoration: none;
	font-size:1em;
}

.sem_list a:hover
{
	text-decoration: underline;
}

.sem_detail
{
	/*background: #FFF;*/
	color: #58585A;
	padding: 0px;
	/*border-bottom:1px solid #58585A;*/
	font-size: 0.7em;
}

.date_detail
{
	background: #DDDEDF;
	color: #58585A;
	padding: 0px;
	font-size: 0.7em;
	margin-bottom: 3px;
}

.date_detail a,
.date-detail a:link,
.date_detail a:hover,
.date_detail a:visited,
.date_detail a:active{
	color:#1d53a1;
}

.date_detail_head{
	background-image: url('../../assets/common/date_detail_head.gif');
	color: #58585A;
	padding: 3px;
	padding-left: 25px;
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 3px solid white;
}

.date_detail table,
.date_detail tr,
.date_detail td
{
	font-size: 1em;
	color: #58585A;
	padding-bottom: 2px;
}

.sem_detail ul,
.sem_detail ol
{
	padding: 0;
 	margin: 0;
 	color: #58585A;
}

.sem_detail li
{
	color: #58585A;
	font-size: 1em;
}

.sem_detail_head{
	background-image: url('../../assets/common/sem_detail_head.gif');
	color: #58585A;
	padding: 3px;
	padding-left: 25px;
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 5px;
}

.date_padding_indent{
	padding: 5px;
	padding-left: 25px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.sem_detail_links{
	border-top: 1px solid #58585A;
	margin-bottom: 10px;
	padding-top: 10px;
}
.sem_detail_links a,
.sem_detail_links a:active,
.sem_detail_links a:hover,
.sem_detail_links a:link,
.sem_detail_links a:visited{
	color: #1D53A1;
}

/* popup-Fenster Zuschuss-Erklaerung */

#zuschuss
{
 /*background: #FFFFF;*/
 width: 600px;
 padding: 15px;
}

#zuschuss p
{
 font-size: 0.7em;
 width: 400px;
}

/**************************************************
* Bildungsbaukasten
***************************************************/

.bbk_overview_box{
	background-image: url(../../assets/common/bbk_overview_box.gif);
	background-repeat: no-repeat;
	height: 40px;
}

.bbk_overview_link{
	padding: 3px;
	width: 200px;
}

.bbk_overview_link a,
.bbk_overview_link a:hover,
.bbk_overview_link a:visited,
.bbk_overview_link a:active{
	color: #FFF;
	text-decoration: none;
	display: block;
}

.bbk_overview_link a:hover{
	color: #58585A;
}

.bbk_overview_box_linie{
	background-image: url(../../assets/common/bbk_overview_linie.gif);
	background-repeat: repeat-y;
}

.bbk_list_stufe{
	background-image: url(../../assets/common/bbk_list_stufe.gif);
	background-repeat: no-repeat;
	height: 40px;
}

.bbk_list_stufenname{
	font-weight: bold;
	color: #FFF;
	padding: 3px;
}

.bbk_list_stufenname a,
.bbk_list_stufenname a:link,
.bbk_list_stufenname a:hover,
.bbk_list_stufenname a:active,
.bbk_list_stufenname a:visited{
	color: #FFF;
}

.bbk_list_right{
	background: #B3B3B3;
	width: 10px;
	border-bottom: 1px solid #B3B3B3;
}

.bbk_list_link{
	background: #E1E0E0;
	border-top: 1px solid #58585A;
	padding: 3px;
	width: 435px;
}

.first{
	border-top: none;
}

.bbk_list_link a,
.bbk_list_link a:hover,
.bbk_list_link a:visited,
.bbk_list_link a:active{
	color: #58585A;
	text-decoration: none;
}

.bbk_list_link a:hover{
	text-decoration: underline;
}

.bbk_seminar_box{
	background-image: url(../../assets/common/bbk_seminar_box.gif);
	background-repeat: no-repeat;
}

.bbk_seminar_link{
	color: #FFF;
	padding: 3px;
}

.bbk_seminar_link a,
.bbk_seminar_link a:hover,
.bbk_seminar_link a:visited,
.bbk_seminar_link a:active{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.bbk_seminar_link a:hover{
	text-decoration: underline;
}

#bbk_flash{
	background: #DDDEDF;
	padding: 10px 24px;
	margin-bottom: 15px;
}

/*#################################################
Contentmaker: Contact (Erstverwendung HWK)
#################################################*/
.contact
{
 /*background: #FFF;*/
 font-weight: bold;
 border: 1px solid #69b0cc;
 padding: 0px;
 margin: 5px 0px;
 margin-bottom: 10px;
 position: relative;
}

.contact h1 {
	color: #FFF;
	background-color: #69b0cc;
	padding: 3px;
	margin: 0px;
	font-size: 0.75em;
}

.contact div
{
 font-weight: normal;
 font-size: 0.7em;
 padding: 3px;
}

.contact span{
  float: left;
  margin-right: 3px;
  position: relative;
}


.contact b{
	color: #69b0cc;
}

.contact img{
	vertical-align: middle;
}

/*###########################################################

 Die floatleft/-right Definitionen werden im
 WYSIWYG-Editor HTMLArea fuer die Bildausrichtung benoetigt!!

 Die weiteren Klassen stellen die moeglichen
 <span>-Zuweisungen dar.

###########################################################*/

/* Bildausrichtung per Button */
#floatimageleft
{
 font-size: 0.7em;
 float: left;
 margin: 0px 5px 10px 0px;
}

#floatimageleft img
{
 border: none;
}

#floatimageright
{
 font-size: 0.7em;
 text-align: right;
 float: right;
 margin: 0px 0px 10px 5px;
}

#floatimageright img
{
 border: none;
}

.red
{
 color: #69b0cc;
 color: #c00;
}
.text{
	font-family: Arial;
	font-size: 11px;
	color: #646464;
}
.text p{
	font-family: Arial;
	font-size: 11px;
	color: #646464;
}
.textb
{
 font-weight: bold;
}

.texti
{
 font-style: italic;
}

.html_mail
{
	font-family: Verdana, Arial, Helvetica, SunSans-Regxar;
 	font-size: 11px;
 	color: #333;
 	text-decoration: none;
 	padding: 10px;
}

#versions_mail{
	width: 787px;
	background: #DBE6EC;
}

#versions_mail hr{
	border: none;
	background: #000;
}

#versions_mail div{
	font-family: Verdana, Arial, Helvetica, SunSans-Regular;
 	font-size: 11px;
	color: #000;
	padding: 5px;
}

#versions_mail div ul li{
 	font-size: 11px;
}

#versions_mail div a,
#versions_mail div a:link,
#versions_mail div a:visited,
#versions_mail div a:hover,
#versions_mail div a:active{
 	color: #000;
}

/* Teaser: Bildbox mit Link */
/*.box p.imagebox
{
 text-align: center;
 background: #69b0cc;
 margin: 0;
}

.box p.imagebox a,
.box p.imagebox a:link,
.box p.imagebox a:visited,
.box p.imagebox a:hover,
.box p.imagebox a:active
{
 font-size: 0.9em;
 text-decoration: none;
 text-transform: uppercase;
 line-height: 180%;
 vertical-align: middle;
}
*/
/************* INFOPOOL ************/
.infopool{
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #555;
	width: 320px;
	float: left;
	margin-right: 10px;
}
.h1{
	margin-top: 20px;
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
.h1 a{
	color: #fff;
	text-transform: uppercase;
 letter-spacing: 0.8px;
}
.infopool_detail{
}
.infopool_detail h1{
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background: #679B1D;
	border-top: 1px solid #fff;
	color: #fff;
}
.infopool_detail .download,
.infopool_detail .link,
.infopool_detail .image_float,
.infopool_detail .image{

}
.infopool_detail .download h1,
.infopool_detail .link h1,
.infopool_detail .image_float h1,
.infopool_detail .image h1{
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-transform: capitalize;
	background: none;
	color: #555;
	border-top: 1px solid #555;
	width: 300px;
}
.infopool_detail .plaintext h1{
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-transform: capitalize;
	background: none;
	border: none;
	width: 300px;
}
.infopool_detail .plaintext h1 .main{
	color: #555;
}
.infopool_detail .teaser{
	margin: 0px;
	padding: 0px;
}
.plaintext h1 .main{
	padding-left: 0px;
	margin-left: 0px;
}
.link h1 .main,
.image h1 .main,
.image_float h1 .main,
.download h1 .main{
	color: #666;
	padding-left: 0px;
	margin-left: 0px;
}


/*cm*/
.cm_download
{
	clear: both;
	float: none;
	display: block;
	width: auto;
}

.cm_download a.link,
.cm_download a.link:link,
.cm_download a.lin:visited,
.cm_download a.link:hover,
.cm_download a.link:active
{
	text-decoration: none;
}

.cm_download .download_image
{
	float: left;
	margin: 0px 10px 0px;
}


/* partnergemeindesache */

h1.p_liste
{
	padding: 0px 0px 10px;
}

.p_elem
{
	padding: 5px 0px;
	border-bottom: 1px solid #999;
}

.hinweis
{
	display: block;
	padding: 5px 0px;
	margin: 10px 0px;
	color: #c00;
	font-size: 11px;
}