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

 Stylesheet fuer Werbeagentur aufwind.

geaendert: 25.05.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, span,
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: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
 font-size: 100%;
 color: #595959;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html, body
{
 background: #FFF;
 /*background: #CCCCCC;  fuer Testzwecke */
}

/* Links */
a, a:link, a:visited, a:hover, a:active
{
 color: #595959;
}

a:hover
{
 text-decoration: none;
 text-decoration: underline;
}

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

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

td, label, legend
{
 font-size: 0.7em;
}

td td,
p label
{
 font-size: 1em;
}

/* Ueberschriften */
h1
{
 font-size: 0.8em;
 color: #312C81;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
 letter-spacing:1px;
}

h2
{
 font-size: 0.7em;
 color: #595959;
 font-weight: bold;
 margin-top: 15px;
 margin-bottom: 10px;
}

/* wird bei News verwendet */
h3
{
 font-size: 0.85em;
 font-weight: bold;
 margin-bottom: 10px;
}

/* wird bei News verwendet */
h4
{
 font-size: 0.8em;
 font-weight: bold;
 background: #144391;
 color: #FFF;
}

h5
{
 font-size: 0.8em;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 5px;
}

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

/* Bild-Definitionen */
img
{
 border: none;
 white-space: nowrap;
}

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 #666;
 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
{
  width: 1002px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	border: 1px solid #CCC;
}

/* --------------- Oben: Links und Suchfeld --------------- 
#top
{
 height: 160px;
 background-color: #FFF;
}

.sitenavi{
	font-size: 0.8em;
	color: #7F7F7F;
 	padding: 2px 0px 0px 5px;
 	float: left;
 	width: 500px;
}

.sitenavi a,
.sitenavi a:link,
.sitenavi a:visited,
.sitenavi a:hover,
.sitenavi a.active
{
 font-size: 0.8em;
 color: #8C8C8C;
 text-decoration: none;
 padding: 0px 0px 6px 0px;
}

.sitenavi img{
	border: 1px solid #7F7F7F;
	margin: 0px;
	padding: 0px;
	width: 7px;
	height: 7px;
	vertical-align: middle;
}

/* Suchefeld (HWK) 
.search
{
	font-size: 0.8em;
	color: #7F7F7F;
	padding: 1px 0px;
	float: right;
	width: 230px;
}

.search input{
	font-size: 0.85em;
	color: #7F7F7F;
	background: #FFF;
	border: 1px solid #DC2B09;
	padding: 2px;
	margin: 0px;
	width: 200px;
}

.search button{
	background: none;
	border: none;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.search img{
	border: 1px solid #7F7F7F;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	vertical-align: middle;
}
*/
/****************************************************************************************************************
* Top-Bereich 
****************************************************************************************************************/
#top {
	/* BG = dynamisch direkt im Rahmen-Template */
	/*background: #FFF;*/
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 160px;
	font-size: 0.65em;
}

/***** Such-Feld *****/
.top_search {
	font-size: 0.95em;
	margin: 18px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	float: left;
}

.top_search input {
	background: #FFF;
	border: 1px solid #ABA9AA;
	padding: 1px;
	width: 100px;
}

.top_search button {
	background: none;
	border: none;
	padding : 2px 0px 1px 0px;
	color: #999;
	font-weight: normal;
	vertical-align: middle;
}
/* Ende Such-Feld */

/***** Site-Navigation *****/
.sitenavi {
	height: 18px;
	color: #999;
	margin: 20px 5px 0px 7px;
	text-align: left;
	float: left;
 	/*position: absolute;
 	left: 505px;
	top: 20px;
 	z-index: 2;*/
}

.sitenavi a,
.sitenavi a:link,
.sitenavi a:visited
.sitenavi a:hover,
.sitenavi a.active {
	color: #999;
	text-decoration: none;
	/*z-index: 2;*/
}
/* Ende Site-Navigation */

/* Logo */
.top_logo{
	float: right;
	margin: 0px 0px 0px 0px;
}

/*------------- Ende Oben: Links und Suchfeld ------------- */

/* ------------- Hauptnavigation ------------- */
#naviH {
	color: #FFF;
	/*height: 15px;*/
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 150px;
	border: none;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url('../../assets/common/bg_navih.gif');
	background-color: #7DC328;
	width: 800px;
	font-size: 0.7em;
}

/* Block mit den Navigationselementen 
#naviH
{
 font-size: 0.65em;
 color: #FFF;
 /*background: url(../../assets/common/bg_nav.gif) no-repeat;
 background-color: #144391;
 height: 14px;
 padding-top: 4px;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 0.05em;
}

#naviH a,
#naviH a:link,
#naviH a:visited,
#naviH a:hover,
#naviH a.active
{
 font-size: 1em;
 color: #FFF;
 text-decoration: none;
 padding: 1px 5px;
}

#naviH a:hover
{

}

#naviH a.akt,
#naviH a:link.akt,
#naviH a:visited.akt,
#naviH a:hover.akt,
#naviH a.active.akt
{
}
*/
/* Formatierung der Links in der Aufklappnavi */
.linkmenu table,
.linkmenu td{
	font-size: 1.0em;
	width: 150px;
	padding: 0px;
	margin: 0px;
	background: #C3E4E1;
}

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

.linkmenu a:hover
{
 color: #595959;
 background: #E5E8EA;
}

/*------------- Ende Hauptnavigation ------------- */
/* ------------ Content-Bereich ------------ */
#contentarea
{
 width: 100%;
 background-color: #FFF;
}

/* ------------ Content-Bereich: Subnavigation ------------ */
#subnavi
{
 background: #DEEEEB;
 width: 160px;
 /*height: 500px;*/
 float: left;
}

#subnavi h1
{
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #144391;
 padding: 3px 3px 3px 7px;
 margin: 0;
 text-transform: uppercase;
 border-top: 1px solid #DEEEEB;
}

/* Subnavigation Ebene 1 */
#subnavi ul
{
 list-style-type: none;
 padding: 0;
 margin: 0;
 background: #DEEEEB;
}

#subnavi ul li
{
 border-bottom: 1px solid #FFF;
 margin: 0;
}

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active
{
 color: #595959;
 text-decoration: none;
 background: #DEEEEB;
 line-height: 100%;
 display: block;
 padding: 4px 3px 4px 7px;
}

#subnavi ul li a:hover
{
 color: #595959;
 background: #E5E8EA;
}

/* 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
{
 padding-left: 7px;
 color: #595959;
 background: #C3E4E1;
}

#subnavi a:hover.akt
{
}

/* Subnavigation Ebene 2 */
#subnavi ul.under
{
	border-top: 1px solid #FFF;
}

#subnavi ul.under li
{
}

#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: 1.4em;
 color: #595959;
 background: #C3E4E1;
 display: block;
 padding: 4px 3px 4px 25px;
}

#subnavi ul.under li a:hover
{
 color: #595959;
 background: #E5E8EA;
}

#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
{
 padding-left: 25px;
 color: #595959;
 background: #C3E4E1;
}

/* Subnavigation Ebene 3 */
#subnavi ul.under2
{
 padding-bottom: 4px;
}

#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: 1.9em;
 padding: 2px 3px 4px 31px;
}

#subnavi ul.under2 li a:hover
{
 color: #595959;
 background: #E5E8EA;
}

#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: 30px;
}
/*------------- Ende Content-Bereich: Subnavigation ------------- */
/* ------------ Content-Bereich: Inhalte ------------ */

/* mit Zusatzinfos auf der rechten Seite 
#content
{
 background-color: #FFF;
 float: left;
 width: 410px;
 padding: 10px;
}

 ohne Zusatzinfos auf der rechten Seite 
#content2
{
 background-color: #FFF;
 float: left;
 width: 588px;
 padding: 15px;
}

 Startseite 
#content3
{
 background-color: #FFF;
 float: left;
 width: 590px;
 padding: 0px;
}
*/

#content,
#content2,
#content3,
#content4,
#content5,
#content_print{
	float: left;
	padding: 15px;
	/*background-repeat: no-repeat;
	background-position: left top;*/

}

#content{
	/* mit Subnavi, mit rechter Spalte */
	width: 682px;
	/*background-image: url('../../assets/common/bg_content.gif');*/
}

#content2{
	/* mit Subnavi, ohne rechter Spalte */
	width: 832px;
	/*background-image: url('../../assets/common/bg_content2.gif');*/
}

#content3 {
	/* Startseite */
	width: 687px;
	padding: 15px 0px 5px 15px;
	/*background-image: url('../../assets/common/bg_content3.gif');*/
}

#content4 {
	/* ohne Subnavi, mit rechter Spalte */
	width: 100px;
	/*background-image: url('../../assets/common/bg_content4.gif');*/
}

#content5 {
	/* ohne Subnavi, ohne rechter Spalte */
	width: 100px;
	/*background-image: url('../../assets/common/bg_content5.gif');*/
}

#content_print{
	/* mit Subnavi, ohne rechter Spalte */
	width: 682px;
	/*background-image: url('../../assets/common/bg_content2.gif');*/
}
/* Ende Content-Definition */

/* Mitlaufnavigation */
#breadcrumb
{
 font-size: 0.7em;
 background: #DEEEEB;
 padding: 2px 15px 1px 15px;
 margin: 0px;
 float: left;
 width: 588px;
 height: 16px;
}

#breadcrumb img{
	border: 1px solid #7F7F7F;
	margin: 0px;
	padding: 0px;
	width: 7px;
	height: 7px;
	vertical-align: middle;
}

/* Seitenueberschrift */
#pageheadline{
 	margin-top: -10px;
}
#pageheadline h1{
	font-size: 1em;
	color: #312C81;
 	font-weight: bold;
 	margin-bottom: 10px;
 	letter-spacing:1px;
 	width: 400px;
 	float: left;
}

.nofloat
{
 clear: both;
}

/*#################################################
Contentmaker: Links, Downloads, Bilder
#################################################*/
/* Contentmaker: Link */
.link{
	border: 1px solid #DC2B09;
	padding: 0px;
	margin: 5px 0px 10px 0px;
}

.link h1 {
	color: #FFF;
	font-weight: bold;
	background-color: #144391;
	padding: 3px;
	margin: 0px;
	font-size: 0.8em;
}

.link img{
	vertical-align: middle;
}

.link div{
	margin-right: 2px;
	border-right: 1px solid #DC2B09;
	border-bottom: 1px solid #DC2B09;
}

.link a,
.link a:link,
.link a:visited,
.link a:hover{
	color: #FFF;
	font-size: 0.7em;
	margin: 5px;
	background: #144391;
}

.link a:hover{
}

.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{
	border: 1px solid #DC2B09;
	padding: 0px;
	margin: 5px 0px 10px 0px;
}

.download h1 {
	color: #FFF;
	font-weight: bold;
	background-color: #144391;
	padding: 3px;
	margin: 0px;
	font-size: 0.8em;
}

.download img{
 margin-right: 2px;
 vertical-align: middle;
}

.download div
{
 border-right: 1px solid #DC2B09;
 border-bottom: 1px solid #DC2B09;
}

.download a,
.download a:link,
.download a:visited,
.download a:hover{
	color: #595959;
	font-size: 0.7em;
	margin: 5px;
}

.download a:hover
{
}

.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;
}

/* Contentmaker: Bild */

.image{
  padding: 0;
  margin: 0;
  margin-top: 15px;
}

.image h1{
 font-size: 0.9em;
 color: #595959;
 font-weight: bold;
 margin-bottom: 10px;
}

.image div{
 font-size: 0.7em;
 background: #144391;
 color: #FFF;
}

/* Ende Contentmaker: Links, Downloads, Bilder */

/*#################################################
Contentmaker: Infobox (Erstverwendung HWK)
#################################################*/

.infobox{
	width: 180px;
	margin: 12px 6px;
	float: left;
}

.infobox div{
	margin: 0;
}

.infobox div.image{
	height: 100px;
	background-color: #DEEEEB;
	text-align: center;
}

.infobox div.headline{
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	height: 20px;
	background-color: #144391;
	vertical-align: middle;
	/*padding: 2px;*/
}

.infobox div.headline img{
	vertical-align: middle;
}

.infobox div.headline a,
.infobox div.headline a:link,
.infobox div.headline a:visited,
.infobox div.headline a:hover,
.infobox div.headline a:active{
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #DC2B09;
}

.infobox div.headline a:hover{
	text-decoration: underline;
}

.infobox div.text{
	font-size: 0.65em;
	border: 1px solid #DC2B09;
	border-top: none;
	height: 50px;
	padding: 2px;
}

.infobox div.text a,
.infobox div.text a:link,
.infobox div.text a:visited,
.infobox div.text a:hover,
.infobox div.text a:active{
	text-decoration: none;
}

.infobox div.text a:hover{
	text-decoration: underline;
}

.infobox div.text img{
	background: #DC2B09;
	margin: 0px;
	padding: 0px;
}

/* Ende Contentmaker: Infobox */

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

.contact h1 {
	color: #FFF;
	background-color: #144391;
	padding: 1px;
	margin: 0px;
	font-size: 0.7em;
	border-bottom: 1px solid #595959;
}

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

.contact b{
	color: #DC2B09;
}

.contact img{
	vertical-align: middle;
	margin-right: 3px;
	margin-left: -25px;
}

/* Ende Contentmaker: Contact */

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

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

.home_ti_float_right img {
  /*border: 1px solid #595959;
}

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

.home_ti_float_right_text h1 {
	font-size: 1.2em;
	font-weight: normal;
	color: #595959;
}*/

/*Startseite Bild links im Text*/

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

.home_ti_float_left img {
  /*border: 1px solid #595959;*/
}

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

.home_ti_float_left_text h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #DC2B09;
}

/*Bild rechts im Text*/

.image_float_right {
   /*border: 1px solid #595959;*/
   background: #595959;
   float: right;
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin-left: 10px;
   margin-bottom: 5px;
   margin-top: 10px;
}

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

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

.image_float_right_text h1 {
  font-size: 1.2em;
  font-weight: normal;
  color: #595959;
}

/*Bild links im Text*/
.image_float_left {
   /*border: 1px solid #888;*/
   background: #888;
   float: left;
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin-right: 10px;
   margin-bottom: 5px;
   margin-top: 15px;
}

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

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

.image_float_left_text h1 {
  font-size: 1.2em;
  font-weight: normal;
  color: #595959;
}
/* Ende Contentmaker: Bild und Text*/

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

.gallery h1
{
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #888;
 padding: 3px 10px;
 margin: 0px;
}

.gallery div
{
 border: 1px solid #888;
 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: #888;
 	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: bold;
 text-align: center;
 color: #FFF;
 background: #888;
 padding: 3px 10px;
 margin: 0;
}

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

.showgallery_thumb div
{
	width: 80px;
	height: 80px;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
	float: left;
	font-size: 0.7em;
 	color: #888;
 	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;
}


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

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

/* Dieser div sorgt fuer den Rahmen */
#custom
{
 background-color: #DEEEEB;
 float: right;
 width: 188px;
}

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

.box h1
{
 font-size: 0.65em;
 font-weight: bold;
 color: #FFF;
 background-color: #144391;
 padding: 3px 10px;
 margin: 0;
}

.box h2
{
 font-size: 0.6em;
 font-weight: bold;
 color: #000;
 padding: 3px 10px;
 margin: 0;
}

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

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

.box div.image{
  padding: 0;
  margin: 0;
  border: none;
}

.box div.image h1{
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #888;
 padding: 3px 10px;
}

.box div.image span{
 font-size: 0.6em;
 padding: 3px;
}

.box span
{
 font-size: 0.7em;
 color: #595959;
 padding: 3px;
}

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

.box a:hover
{
  color: #595959;
}

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

.box ul span{
	font-size: 0.9em;
	display: inline;
}

.box ul li
{
 margin: 0;
}

.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: 0.9em;
 text-decoration: none;
 color: #000;
}

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

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

/* Teaser: Linkliste */
.box ul.assetlink
{
  clear:both;
  /* siehe normale ul */
}

.box ul.assetlink img {
	margin-right: 5px;
	text-align: center;
}

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

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

/* Kalender */
.box table {
 width: 100px;
 margin: 2px 0px 2px 30px;
 text-align: center;
 vertical-align: middle;
 font-size: 0.75em;
}

.box table td {
 padding: 1px;
 color: #595959;
 background-color: #FFF;
}

.box table td a {
 	background-color: #DDDDDD;
 	color: #87002A;
 	text-decoration: none;
 	display: block;
}

.box table td.month {
	color: #FFF;
	background-color: #888;
	font-size: 0.8em;
}

.box table td.month a {
	color: #FFF;
	background-color: #888;
	display: inline;
}

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

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

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

/* Ende Kalender */
/*##################################################
# Universelle Klassen (Rechte Spalte)
####################################################*/
/* Newsletter Startseite*/
.box div.newsletter{
	padding: 2px 0px 2px 10px;
	clear: both;
}

.box input.newsletter{
	font-size: 0.7em;
	color: #7F7F7F;
	background: #FFF;
	border: 1px solid #DC2B09;
	padding: 0px;
	margin: 0;
	margin-left: 10px;
	clear: both;
}

.box select.newsletter{
	width: 157px;
	font-size: 0.7em;
	padding: 0px;
	margin: 0;
	margin-left: 10px;
	border: 1px solid #DC2B09;
}

.box button.newsletter{
	font-size: 0.7em;
 	font-weight: bold;
 	color: #FFF;
 	background: #888;
 	line-height: 100%;
	padding: 0px;
	margin: 10px 10px;
/*	border: none;*/
}
/* Ende Newsletter Startseite	*/

/*	 Siteberater */
.box input.siteberater{
	font-size: 0.7em;
	color: #7F7F7F;
	background: #FFF;
	border: 1px solid #DC2B09;
	padding: 0px;
	margin: -8px 0px 5px 10px;
	clear: both;
}

.box button.siteberater{
	background: none;
	border: none;
	vertical-align: middle;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	line-height: 100%;
}

.box img.siteberater{
	border: 1px solid #7F7F7F;
	margin: 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	vertical-align: middle;
}

/* Ende Siteberater */

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

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

form
{
 line-height: 100%;
}

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: #595959;
 background: #FFF;
 border: 1px solid #312C81;
/* float: left;*/
 padding: 2px;
 margin-top: 5px;
}

td select,
td input,
td textarea,
td button,
p select,
p button
{
	font-size: 1em;
}

td textarea{
width: auto;
}

select
{
 padding: 0;
}

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

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

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

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

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

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

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

.submitbuttons_pr button
{
 font-size: 1em;
 font-weight: bold;
 color: #FFF;
 background: #888;
 line-height: 100%;
 margin-right: 5px;
 margin-left: 8.8em;
}
/*#################################################
 CSS-Klassen fuer News
#################################################*/

/* News */
.newsblock
{
 border: 1px solid #DC2B09;
 margin-bottom: 10px;
 position: relative;
}

.newsblock h1
{
 font-weight: bold;
 font-size: 0.7em;
 color: #FFF;
 background: #144391;
 padding: 3px;
 margin:0px;
}

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

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

.newsblock p {
	padding: 5px;
}

.newsblock p a,
.newsblock p a:link,
.newsblock p a:visited,
.newsblock p a:hover,
.newsblock p a:active
{
	background: #144391;
	padding: 0px;
	/*display: block;*/
}

.newsblock p a img{
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.newsblock span{
  float: left;
  margin-right: 3px;
  border-right: 1px solid #DC2B09;
  border-bottom: 1px solid #DC2B09;
  position: relative;
}

.topnews
{
 line-height: 150%;
}

.anreiser
{
 margin: 0;
}

/* HWK Anreisser Style*/
/*Bild rechts im Text*/
.news_image_float_right {
   border: 1px solid #144391;
   background: #144391;
   float: right;
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin-left: 10px;
   margin-bottom: 5px;
   margin-top: 10px;
}

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

.news_image_float_right_text {
  font-size: 0.7em;
  font-weight: bold;
}

.news_image_float_right_text h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #595959;
}

/* HWK Anreisser Style*/
/*Bild links im Text*/
.news_image_float_left {
   border: 1px solid #144391;
   background: #144391;
   float: left;
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin-right: 10px;
   margin-bottom: 5px;
   margin-top: 10px;
}

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

.news_image_float_left_text {
  font-size: 0.7em;
  font-weight: bold;
}

.news_image_float_left_text h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #595959;
}

/* HWK Anreisser Style*/
/*Bild ueber Text*/
.news_image_nofloat {
   border: 1px solid #144391;
   background: #144391;
   /*float: left;*/
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin: 0px;
 }

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

.news_image_nofloat_text {
  font-size: 0.7em;
  font-weight: bold;
}

.news_image_nofloat_text h1 {
  font-size: 1.3em;
  font-weight: bold;
  color: #595959;
}

/* Ende News */

/*#################################################
 CSS-Klassen fuer die Sitemap
#################################################*/

.sitemap td{
	padding: 15px;
}

.sitemap td.separator{
	background: #DEEEEB;
	padding: 0px;
}

a.sitemap1,
a:link.sitemap1,
a:visited.sitemap1,
a:hover.sitemap1,
a:active.sitemap1
{
 font-size: 0.85em;
 font-weight: bold;
 color: #595959;
 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: #595959;
 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: -2000px;
 /* Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen
 sich uebereifrige Screenreader, die ausgerechnet "display: none" akustisch
 auswerten, taeuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

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

/*Startseite */
#homelinks
{
 float: left;
 width: 295px;
 margin: 0px;
 padding-left: 0px;
 color: #595959;
 margin-bottom: 12px;
}

/* Startseite Pressemappe */
.home_presse{
	font-size: 1em;
	color: #595959;
	margin: 0px;
	padding: 0px 5px;
}

.home_presse h1{
	font-size: 0.85em;
	font-weight: bold;
	/*color: #DC2B09;*/
	color: #FFF;
	background: #144391;
	padding: 3px 5px;
	margin: 0px;
	margin-top: 7px;
}

.home_presse div.headline{
	color: #595959;
	font-size: 0.75em;
	font-weight: bold;
	background-color: #BFBFBF;
}
.home_presse div.headline h1{
	color: #595959;
	background: #BFBFBF;
}

.home_presse div.text{
	font-size: 0.65em;
	height: 80px;
	padding: 0px 2px;
	background: #E0E0E0;
}

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

.home_presse div.presselink{
	font-size: 0.7em;
	text-align: right;
	background-color: #144391;
	height: 15px;
	vertical-align: middle;
}

.home_presse div.presselink img{
	vertical-align: middle;
}

.home_presse div.presselink a,
.home_presse div.presselink a:link,
.home_presse div.presselink a:visited,
.home_presse div.presselink a:hover,
.home_presse div.presselink a:active{
	color: #FFF;
	text-decoration: none;
}

.home_presse div.presselink a:hover{
	text-decoration: underline;
}

#homerechts
{
  float: left;
  width: 270px;
  margin: 0px;
 	padding: 5px 20px 5px 5px;
 	background: #FFF;
}
/*Ende startseite*/

/* Newsletter*/
.newsletter_feld {
	background: #FFF;
	padding-left: 5px;
	color: #595959;
	font-size: 11px;
	width: 150px;
}

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

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

.newsletter_input2{
	margin-left: 6px;
}
.newsletter_text {
	color: #595959;
	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 select{
	font-size: 11px;
}

.newsletter_auswahl{
	width: 100px;
}
/* Ende Newsletter*/


/* Ausbildungsboerse */
.tboerse
{
 margin: 15px 10px;
}
.tdl
{
 color: #144391;
 font-weight: bold;
 padding-right: 5px;
 line-height: 100%;
}

.text_rot
{
 color: #E43106;
 font-size: 0.7em;
}

.boersere{
	border: 1px solid #DC2B09;
	border-left: none;
}
.boerseli{
	border: 1px solid #DC2B09;
	border-right: none;
}
/* Ende Ausbildungsboerse */
/* DEREFERER auf andere Seiten */
.dereferer {
	font-size: 0.7em;
	padding: 5px;
	font-weight:normal;
	color:#595959;
}

.dereferer a,
.dereferer a:hover,
.dereferer a:active,
.dereferer a:visited
{
	font-weight:bold;
	color:#595959;
}

.dereferer a:hover
{
	color:#AAAAAA;
}

.dereferer table,
.dereferer tr,
.dereferer td
{
	font-size: 1em;
	color: #595959;
}
/* Ende Dereferer*/
/* Innungs-, Obermeistersuche */
td.trennlinie{
	background: #DEEEEB;
	padding: 0px;
}
/* Ende Innungs-, Obermeistersuche*/
/* Ausbildungsverguetung*/
table.tabelle
{
 width: 97%;
 margin: 5px;
}

table.tabelle td
{
 color: #595959;
 background: #DEEEEB;
 padding: 5px;
}

table.tabelle th
{
 font-size: 0.8em;
 color: #595959;
 background: #DEEEEB;
 padding: 5px;
}

/*Tabelle bei Terminplan (Intranet), wird vermutlich noch woanders benötigt*/
.textbkl{
	color: #FFF;
	font-weight: bold;
	font-size: 0.6em;
	padding: 2px;
}

.textkl{
	font-size: 0.6em;
	padding: 2px;
}

.textb{
	font-weight: bold;
}

/*ENDE Tabelle bei Terminplan*/

/* Sachverstaendiger*/
.sach{
	background: none;
	border: none;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.sach img{
	margin: 2px 0px 0px 0px;
	padding: 0px;
	/*width: 10px;
	height: 10px;*/
	vertical-align: middle;
}

hr.trennlinie{
 border: 1px solid #DEEEEB;
 width: 95%;
 height: 1px;
 margin: 5px 0px;
}

/* Reden und Publikationen*/
/* Pressemappe */
.redenpublikationen
{
 border: 1px solid #DC2B09;
 margin-bottom: 10px;
 position: relative;
}

.redenpublikationen h1
{
 font-weight: bold;
 font-size: 0.7em;
 color: #FFF;
 background: #144391;
 padding: 3px;
 margin:0px;
}

.redenpublikationen a,
.redenpublikationen a:link,
.redenpublikationen a:visited,
.redenpublikationen a:hover,
.redenpublikationen a:active
{
	color: #595959;
}

.redenpublikationen p {
	padding: 5px;
}

.redenpublikationen span{
  float: left;
  margin-right: 3px;
  border-right: 1px solid #DC2B09;
  border-bottom: 1px solid #DC2B09;
  position: relative;
}

/* Ende Reden und Publikationen	*/

/* Asbest DB */

.asbest
{
 list-style-type: square;
 padding: 0px 0px 0px 15px;
 margin: 0px;
}

.asbest li
{
 font-size: 1em;
 line-height: 100%;
 margin: 0px 0px 2px 2px;
 padding: 0px;
}

/* Ende Asbest DB*/

/* Druckklasse*/
.print 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: #FF0000;
}