/* ========================================================== */
/*                                                            */
/* Inhalt:                                                    */
/*                                                            */
/* Grundlegende Definitionen -------------------------------- */
/*                                                            */
/* IDs für Seitenaufteilung:                                  */
/* #wrapper: alles umgebender container --------------------- */
/* #headerfirst: enthaelt emergency number etc. ------------- */
/* #headersecond: Suche und Landesauswahl ------------------- */
/* #headerthird: Breadcrumbs navi --------------------------- */
/* #left_column: Linke Spalte fuer Hauptnavigation ---------- */
/* #content: Container fuer die eigendlichen Inhalte -------- */
/* #right_column: Rechte Spalte fuer Sub-Navigation --------- */
/* #footer: Seitenabschluss --------------------------------- */
/*                                                            */
/* #headerfirst --------------------------------------------- */
/* #logo: Positionierung des evtl. wechselnden Logos          */
/* #phonebox: box fuer emergency number                       */
/* #callnumber: Zur Formatierung der emergency number         */
/*                                                            */
/* #headersecond -------------------------------------------- */
/* #choosebox: Auswahlliste/Sprache                           */
/* #searchbox: Suchmaske                                      */
/* #searchbox: Formatierung der Suchmaske                     */
/*                                                            */
/* #left_column --------------------------------------------- */
/* #left_navi: Navigation ueber drei Ebenen                   */
/* #active-levelx: Aktueller Menuepunkt, einer je Navi-Level  */
/* #rootline-level1: besuchter Menuepunkt eine Ebene hoeher   */
/*                                                            */
/* #content ------------------------------------------------- */
/* .maincontent: Box fuer je einen Artikel etc.               */
/* .maincontent: Formulare                                    */
/* .maincontent: News-ticker                                  */
/* .maincontent-special: Box ueber beide Spalten              */
/* .maincontent-left: Bildspalte links                        */
/* .maincontent-right: Textspalte rechts                      */
/*                                                            */
/* #right_column -------------------------------------------- */
/* #right_navi: Rechte Navi                                   */
/* #active-level1: Aktueller Menuepunkt                       */
/*                                                            */
/* #footer -------------------------------------------------- */
/* #footerleft: linke box fuer Navi                           */
/* #footerright: rechte box fuer Logo                         */
/* #footernavi: Navi im footer                                */
/*                                                            */
/* Sonstiges ------------------------------------------------ */
/* .teaserbox: Thumbnail + Heading + Text                     */
/* .infocenter: Broschueren-Download                          */
/* .brochurebox: Box fuer Broschueren-Thumbnail               */
/* .splashpic: randabfallendes Bild in linker Spalte          */
/* .picturebox-big: grosses Bild in linker Spalte,            */ 
/*                  z.B. im News-Bereich                      */
/* .picturebox-small: kleines Bild in linker Spalte,          */
/*                    rechtsbuendig                           */
/* Hilfsmittel ---------------------------------------------- */
/* Links ---------------------------------------------------- */
/* Listen --------------------------------------------------- */
/* Typographie ---------------------------------------------- */
/* Ausrichtung ---------------------------------------------- */
/*                                                            */
/* ========================================================== */



/* ---------------------------------------------------------- */
/* Grundlegende Gefinitionen -------------------------------- */
/* ---------------------------------------------------------- */

* { /* Reset all */
	border: 0 none transparent;
    margin: 0;
    padding: 0;
    }


html {  /* viewport-schatten IE und 6.0 aus. */
    border: 0 none transparent;
    height: 100%; 
    margin: 0;
    padding: 0; 
    }


body {  /* viewport-schatten IE und 5.01 5.5 aus. */
    background-color: #CCC;
    border: 0 none transparent; 
    color: #000;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 100.01%; /* Diesen Einstellung nicht veraendern! 
    Sie verhindert Renderingfehler bei Schriftgroessendefinition per .em in IE.
    Alle anderen font-sizes in % (bevorzugt) oder in em.  */
    text-align: left; /* weitere definitionen abgesehen vom viewportschatten*/
    height: 100%; 
    margin: 0;
    padding: 0;
    width: 100%;
    }



/* ---------------------------------------------------------- */
/* #wrapper: alles umgebender container --------------------- */
/* ---------------------------------------------------------- */

#wrapper { /* alles umgebender container: definiert Breite u. Zentrierung der Seiten */
    background-color: #ccc;
    color: #333;
    font-size: 0.8em;
    height: 100%;
    margin: 0px auto;
    min-height: 100%;
    text-align: center;
    width: 943px;
    }
    
#wrapper  #headerfirst, #headersecond, #headerthird
#left_column, #right_column, #content, #footer {
    text-align: left;
    }

* html #wrapper {   
    width: 943px;
    wid\th: 943px;  /* IE/win box model fix */
    }


html>body #wrapper { /* Fuer alle standardkonformen Browser, wird von IE ignoriert */
    height: auto;
    }
    
    
        
/* ---------------------------------------------------------- */
/* #headerfirst: enthaelt emergency number etc. ------------- */
/* ---------------------------------------------------------- */    

#headerfirst {
    background-color: #ccc;
    color: #000;
    background-image: url(headerfirst.gif);
    display: block;
    height: 81px;
    margin: 0 148px 0 148px;
    width: 647px;
    wid\th: 647px;
    }


/* Positionierung des evtl. wechselnden Logos */
#headerfirst #logo {
	border: 0 none transparent;
	float: right;
	margin: 0;
	position: relative;
	}


/* container fuer emergency number */
#headerfirst #phonebox {
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: 19px;
	width: 440px;
	wid\th: 440px; 
	}


#headerfirst #phonebox h2 {
    margin: 0; 
    padding: 0;
    }


#headerfirst #phonebox p {
    background-color: transparent;
    color: #333;
    font-size: 10px;
    margin: 0; 
    padding: 0 5px 0 5px;
    }


#headerfirst #phonebox #callnumber {
    background-color: #ED1B28;
    border: 0 none transparent;
    color: #FFF;
    font-size: 18px;
    font-family: Helvetica,Arial, sans-serif;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 0 5px;
    text-transform: uppercase;    
    }

/* ---------------------------------------------------------- */
/* #headersecond: Suche und Landesauswahl ------------------- */
/* ---------------------------------------------------------- */ 

#headersecond {
    background-color: #9A9A9A;
    background: url(headersecond.gif) repeat-x;
    border-bottom: 0;
    color: #666;
    display: block;
    height: 59px;
    margin: 0 148px 0 148px;
    width: 647px;
    wid\th: 647px;
    }


/* #choosebox: Positioniert die Auswahlliste/Sprache
--------------------------------------------------------------*/

#headersecond #choosebox {
	float: right;
	margin: 0;
	position: relative;
	top: 20px;
	right: 17px;
	width: 400px;
	wid\th: 400px;
	}


/* Sprachwahl-Navi neben drop down box
------------------------------------------------------------- */    

#headersecond ul {
    background-color: transparent;
    color: #000;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    

#headersecond ul li {
    background-color: transparent;    
    color: #000;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    }


#headersecond ul li a {
    background-color: transparent;
    color: #000;
    list-style-type: none;
    margin: 0;
    text-decoration: none;  
    }


#headersecond ul li a:hover,
#headersecond ul li a:active,
#headersecond ul li a:focus {
    background-color: transparent;
    color: #ff0000;     
    }



/* #searchbox: Positioniert die Suchmaske
------------------------------------------------------------- */

#headersecond #searchbox {
	float: left;
	margin: 0;
	position: relative;
	top: 20px;
	left: 17px;
	width: 150px;
	wid\th: 150px;
	}

/* #searchbox: Formatierung der Suchmaske
------------------------------------------------------------- */

#searchbox .searchbox-sword {
    border-top: 1px solid #666;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #666;
    }



/* ---------------------------------------------------------- */
/* #headerthird: Breadcrumbs navi --------------------------- */
/* ---------------------------------------------------------- */ 

#headerthird {
    background-color: transparent;
    background: url(headerthird.gif) repeat-x;
    border-bottom: 0;
    color: #333;
    display: block;
    height: 20px;
    margin: 0 148px 0 148px;
    text-align: left;
    width: 647px;
    wid\th: 647px;
    }
    
#headerthird p { 
    font-size: 80%; 
    margin: 0; 
    overflow: hidden; 
    padding: 0; 
    }       

#headerthird a {
    font-size: 80%;
    margin: 0;
    overflow: hidden;
    text-decoration: underline;
    }



/* -----------------------------------------------------------*/
/* #left_column: Linke Spalte fuer Hauptnavigation -----------*/
/* ---------------------------------------------------------- */ 
    
#left_column {
    background-color: transparent;
    border: 0 none transparent;
    color: #666;
    float: left;
    overflow: hidden;
    width:148px;
    wid\th:148px;
    }

#left_navi {
    background: 0 none transparent;
    border-bottom: 1px solid #666;
    margin: 0;
    padding: 0;
    width:148px;
    wid\th:148px;
    }


/* Linke Hauptnavigation (3 Ebenen)
------------------------------------------------------------- */

#left_navi ul {
    background-color: #999;
    color: #fff;
    list-style: none;
    margin: 0;
	padding: 0;
	text-align: left;
    }


#left_navi ul a {
	background-color: #999;
    border-top: 1px solid #666;
    color: #fff;
    font-size: 90%;
    font-weight: bold;    
    display: block;
    padding: 0.6em 5px 0.6em 5px;
	text-decoration: none;
	width: 138px;
	wid\th: 138px;
	}

#left_navi ul a:hover {
    background-color: #999;
    color: #FF0000;
    text-decoration: none;
    }

  
/* Zweite Ebene --------------------------------------------- */
    
    #left_navi ul ul {
    	background-color: #B4B4B4;
        margin: 0;
    	padding: 0;
        }
        
    #left_navi ul ul li {
    	border-bottom: 0px solid #666;
        margin: 0;
    	padding: 0;
        }
    

    #left_navi ul ul a {
    	background-color: #B4B4B4;
        border-top: 1px dashed #666;
        color: #333;
        font-weight: normal;
        display: block;
        padding: 0.6em 5px 0.6em 5px;
    	text-decoration: none;
    	}


    #left_navi ul ul a:hover {
        background-color: transparent;
        color: #FF0000;
        text-decoration: none;    
        }    
   
/* Dritte Ebene --------------------------------------------- */
        
        #left_navi ul ul ul {
        	background-color: #E6E6E6;
            margin: 0;
        	padding: 0;
            }
        
        
        #left_navi ul ul ul li {
        	border-bottom: 0px solid #666;
            margin: 0;
        	padding: 0;
            }
        
    
        #left_navi ul ul ul a {
        	background-color: #E6E6E6;
            border-top: 1px dashed #666;
            color: #333;
            display: block;
            font-weight: normal;
            padding: 0.6em 5px 0.6em 5px;
        	text-decoration: none;
        	}
    
    
        #left_navi ul ul ul a:hover {
            background-color: transparent;
            color: #FF0000;
            text-decoration: none;    
            }


/*  Aktueller Menuepunkt
------------------------------------------------------------- */
#left_navi #active-level1 {    /* Aktueller Navipunkt Ebene 1 */
    background-color: #FFF;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    }


#left_navi #active-level2 {    /* Aktueller Navipunkt Ebene 2 */
    background-color: #FFF;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    }


#left_navi #active-level3 {    /* Aktueller Navipunkt Ebene 3 */
    background-color: #FFF; 
    color: #333;
    font-weight: bold;
    text-decoration: none;
    }

/*  Uebergeordneter, schon besuchter Menuepunkt
------------------------------------------------------------- */

#left_navi #rootline-level1 {    /* "visited" Navipunkt Ebene 1 */
    background-color: rgb(154,154,154); 
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    }


#left_navi a:hover #rootline-level1  {    /* "visited" Navipunkt Ebene 1 */
    background-color: #fff;
    color: #ff0000;
    font-weight: bold;     
    text-decoration: none;
    }


#left_navi #rootline-level2 {    /* "visited" Navipunkt Ebene 2 */
    background-color: rgb(180,180,180);
    color: #333;
    font-weight: bold;
    text-decoration: none;
    }


#left_navi a:hover #rootline-level2 {    /* "visited" Navipunkt Ebene 2 */
    background-color: rgb(180,180,180);
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
    }



/* ---------------------------------------------------------- */
/* #content: Container fuer die eigendlichen Inhalte -------- */
/* ---------------------------------------------------------- */        

#content {
    background-color: #fff;
    border-top: 1px #666 solid;
    color: #000;
    float: left;
    width: 647px;
    wid\th: 647px;    
    }


#content img.frontpage {
    border-bottom: 1px solid #666;
    }



/* ---------------------------------------------------------- */
/* .maincontent: Container fuer je einen Artikel etc. ------- */
/* ---------------------------------------------------------- */

.maincontent {  /* nimmt beide Spalten auf */
    background-color: transparent;
    float: left;
    margin: 0;
    padding: 0;
    width: 647px;
    wid\th: 647px;    
    }

/*  Formulare 
------------------------------------------------------------- */

.maincontent form, p {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    margin-bottom: 0;
    padding: 0 0 2em 0;
    }


.maincontent form dl dd {
    padding: 0 0 1em 0;
    }


.maincontent form input.form-input {
	width: 200px;
	font-size: 120%;
	border: 1px solid #ccc;
	}


.maincontent form textarea.form-textarea {
	width: 280px;
	font-size: 120%;
	border: 1px solid #ccc;
	}


.maincontent form input.button {
	border: 1px solid #ccc;
	}	
        

.maincontent form dl.checkboxes dt {
    border: 0 none transparent;
    line-height: 180%;
    float: left;
    padding: 0;
    width: 20px;   
    }
    

.maincontent form dl.checkboxes dd {
    border: 0 none transparent;
    line-height: 180%;
    margin: 0 0 0 20px;
    padding-left: 0;    
    } 


/*  News-ticker 
------------------------------------------------------------- */

.maincontent #container_ticker {
    float: left;
    margin: 0;
    padding: 0 17px;
    }


.maincontent #container_ticker #fscroller{
    background: 0 none transparent;
    color: #000;
    margin: 0;
    padding: 0;
    }


.maincontent #container_ticker #dropcontentsubject h1{
    background: 0 none transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    }


.maincontent #container_ticker #fscroller h1 {
    background: 0 none transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    }


.maincontent #container_ticker #fscroller p {
    background: 0 none transparent;
    font-weight: 900;
    margin: 0;
    padding: 0;
    }



/* ---------------------------------------------------------- */
/*	maincontent-special: Box ueber beide Spalten ------------ */
/* ---------------------------------------------------------- */

.maincontent-special {
    background-color: transparent;
    float: left;
    margin: 0;
    padding: 2em 0 2em 0;
    width: 647px;
    wid\th: 647px;
    }


.maincontent-special h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 200%;
    margin: 0;
    padding: 2em 17px 3.5em 17px;
    }


.maincontent-special h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 1em 17px 0.5em 17px;
    }


.maincontent-special p {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    margin-bottom: 0;
    padding: 0 17px 2em 17px;
    }

/*	Links fuer maincontent-special
------------------------------------------------------------- */

.maincontent-special a,
.maincontent-special a:hover,
.maincontent-special a:active {
    background-color: transparent;
    color: #333;	
	text-decoration: underline;
    }


/* Unsorted lists
------------------------------------------------------------- */

.maincontent-special ul {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    list-style: disc;
    margin-bottom: 0;
    padding: 0 0 2em 2.5em;
    }
   
        
.maincontent-special ul li{
    line-height: 180%;
	}


.maincontent-special ul li ul {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    list-style: disc;
    margin-bottom: 0;
    padding: 0 0 0 3em;
    }


/*	definition lists fuer Veranstaltugnsthema u. Datum
------------------------------------------------------------- */

.maincontent-special dl {
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 0 17px 1em 17px;
    width: 613px;
    wid\th: 613px;    
    }    
    

.maincontent-special dt { /* Thema */
    border: 0 none transparent;
    float: left;
    font-weight: bold;
    padding: 0;
    width: 297px;
    wid\th: 297px;   
    }
    

.maincontent-special dd { /* Termin */
    border: 0 none transparent;
    float: left;
    font-weight: bold;
    color: #ff0000;
    margin: 0;
    padding-left: 19px;    
    }


/* Tabellen 
------------------------------------------------------------- */

.maincontent-special table {
    border: 0 none transparent;
    margin: 2em 17px 0 17px;
    padding: 0;
    width: 613px;
    wid\th: 613px;
    }


.maincontent-special table th {
    border: 0 none transparent;
    margin: 0;
    padding: 0 0 2em 0;
    }



/* ---------------------------------------------------------- */
/*	maincontent-left: Bildspalte links ---------------------- */
/* ---------------------------------------------------------- */
 
.maincontent-left {  /* Spalte links: Bildspalte */
    background-color: transparent;
    color: #000;
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 2em 0 0 17px;
    width: 297px;
    wid\th: 297px;   
    }

.maincontent-left h4 { /* Fuer sitemap */
    font-size: 100%;
    }

/* ---------------------------------------------------------- */
/*	maincontent-right: Textspalte rechts -------------------- */
/* ---------------------------------------------------------- */

.maincontent-right {    /* Spalte rechts: Text */
    background-color: transparent;
    border: 0 none transparent;
    float: right;
    margin: 0;
    padding: 2em 17px 0 0;
    width: 297px;
    wid\th: 297px;    
    } 


/* Unsorted lists
------------------------------------------------------------- */

.maincontent-right ul {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    list-style: disc;
    margin-bottom: 0;
    padding: 0 0 2em 1.5em;
    }
   
        
.maincontent-right ul li{
    line-height: 180%;
	}


.maincontent-right ul li ul {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    list-style: disc;
    margin-bottom: 0;
    padding: 0 0 0 2em;
    }


/* Definition lists fuer Sitemap, rechte Spalte
------------------------------------------------------------- */

.maincontent-right ul.sitemap {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    list-style: none;
    margin-bottom: 0;
    padding: 0 0 2em 0;
    } 


.maincontent-right ul.sitemap li ul {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    list-style: none;
    margin-bottom: 0;
    padding: 0 0 0 2em;
    }


/*	Links innerhalb der Sitemap-Listen
------------------------------------------------------------- */

.maincontent-right ul.sitemap li a,
.maincontent-right ul.sitemap li a:active {
    color: #000;
    }

.maincontent-right ul.sitemap li a:hover {
    color: #ff0000;
    }

/* Typo rechte Spalte
------------------------------------------------------------- */

.maincontent-right h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 200%;
    margin: 0;
    padding: 0 0 1em 0;
    }

/* sonstige Definitionen ------------------------------------ */
 
.maincontent-right .kontakt {
    font-weight: bold;
    padding: 0 0 2em 0;   
    }    

.maincontent-right legend {
    padding: 0 0 2em 0;
    width: 100%;
    font-color: #ff0000;
    }

	
.maincontent-right .date{
    font-weight: bold;
	}



/* ---------------------------------------------------------- */
/*	startpagecolumn: Spalten fuer Companyauswahl Startseite - */
/* ---------------------------------------------------------- */


.startpagecolum-left { /* fuer comanyteaser-left */
    background-color: transparent;
    color: #000;
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 0 0 0 17px;
    width: 297px;
    wid\th: 297px;   
    }

.startpagecolum-right { /* fuer comanyteaser-right */
    background-color: transparent;
    border: 0 none transparent;
    float: right;
    margin: 0;
    padding: 0 17px 0 0;
    width: 297px;
    wid\th: 297px;    
    }



/* ---------------------------------------------------------- */
/* #right_column: Rechte Spalte fuer Sub-Navigation --------- */
/* ---------------------------------------------------------- */      
    
#right_column {
    background-color: transparent;
    border: 0 none transparent;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width:148px;
    wid\th:148px;
    }

#right_navi {
    background-color: transparent;
    border-bottom: 1px solid #666;
    margin: 0;
    padding: 0;
    width:148px;
    wid\th:148px;
    }   

/* Rechte Navi (1 Ebene)
------------------------------------------------------------- */ 

#right_navi ul {
    background-color: #999;
    border-bottom: 0px solid #666;
    list-style: none;
    margin: 0;
	padding: 0;
	text-align: left;
	}

#right_navi a {
	background-color: #999;
    border-top: 1px solid #666;
    color: #fff;
    font-weight: bold;
    display: block;
	font-size: 90%;
    padding: 0.6em 5px 0.6em 5px;
	text-decoration: none;
	width: 138px;
	wid\th: 138px;
	}

#right_navi a:hover {
    background-color: #999;
    color: #FF0000;
    text-decoration: none;
    }


/*  Aktueller Menuepunkt
------------------------------------------------------------- */ 
#right_navi #active-level1 {    /* Aktueller Navipunkt Ebene 1 */
    background-color: #FFF;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    }


/* ---------------------------------------------------------- */
/* #footer: Seitenabschluss --------------------------------- */
/* ---------------------------------------------------------- */     

#footer {
    background-color: #ccc;
    margin: 0 148px 0 148px;
    padding: 5px 0 30px 0;
    width: 647px;
    wid\th: 647px;
    }

#footer #footerleft { /* linke Box fuer Navi */
    background-color: transparent;
    color: #333;
    float: left;
    font-weight: normal;
    text-align: left;        
    }
    
#footer #footerright { /* rechte Box fuer Logo */
    color: #000;
    float: right;
    font-weight: bold;
    text-align: right;       
    }
 
/*	#footernavi
------------------------------------------------------------- */

#footer #footerleft #footernavi ul {
    color: #000;
    font-size: 80%;
    list-style-type: none;
    margin: 0;
    padding: 0; 
    }

#footer #footerleft #footernavi ul li {    
    color: #000;
    display: inline;
    list-style-type: none;
    margin: 0;
    }


#footer #footerleft #footernavi ul li a {
	background-color: transparent;
    color: #000;
    list-style-type: none;
    margin-right: 0.8em;
    text-decoration: underline;  
    }    


#footer #footerleft #footernavi ul li a:hover,
#footer #footerleft #footernavi ul li a:active,
#footer #footerleft #footernavi ul li a:focus {
    color: red;    
    }     
 
 
        
/* ---------------------------------------------------------- */
/* .teaserbox: Thumbnail + Heading + Text ------------------- */
/* ---------------------------------------------------------- */

.teaserbox {
    background-color: transparent;
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 0;    
    }
    
    
.teaserbox dl {
    border: 0 none transparent;
    float: left;
    margin: 0 0 24px 0;
    padding: 0;
    width: 297px;
    wid\th: 297px;
    }    
    

.teaserbox dt {
    border: 0 none transparent;
    line-height: 180%;
    float: right;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 223px;
    wid\th: 223px;   
    }
    

.teaserbox dd {
    border: 0 none transparent;
    line-height: 180%;
    margin: 0 0 0 74px;
    padding-left: 0;    
    } 


.teaserbox dl dd.img{
    margin: 0;
    }


.teaserbox dd.img img{
    float: left;
    margin: 0 10px 0 0;
    }

 
        
/* ---------------------------------------------------------- */
/* .companyteaser: Teaserboxen Startseite ------------------- */
/* ---------------------------------------------------------- */


.companyteaser-left { /* linker companyteaser */
    background-color: transparent;
    border: 0 none transparent;
    float: right;
    margin: 0;
    padding: 0;
    width: 237px;
    wid\th: 237px;    
    }

.companyteaser-right { /* rechter companyteaser */
    background-color: transparent;
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 0;
    } 
    
    
.companyteaser-right dl,
.companyteaser-left dl {
    border: 0 none transparent;
    float: left;
    margin: 10px 0;
    padding: 0;
    width: 237px;
    wid\th: 237px;    
    }    
    

.companyteaser-right dt,
.companyteaser-left dt {
    border: 0 none transparent;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 120%;
    margin: 0;
    padding: 0;
    width: 161px;
    wid\th: 161px;   
    }
    
.companyteaser-right dd,
.companyteaser-left dd {
    border: 0 none transparent;
    font-size: 0.8em;
    line-height: 120%;
    margin: 0 0 0 76px;
    padding-left: 0;    
    } 


.companyteaser-right dl dd.img,
.companyteaser-left dl dd.img {
    margin: 0;
    }


.companyteaser-right dd.img img,
.companyteaser-left  dd.img img{
    float: left;
    margin: 0 12px 0 0;
    }



/* -------------------------------------------------------------- */
/* .infocenter: Broschueren-Download ---------------------------- */
/* -------------------------------------------------------------- */

.infocenter { 
    background-color: transparent;
    float: left;
    margin: 0;
    padding: 2em 0 0 0;
    width: 647px;
    wid\th: 647px;    
    }

.infocenter h1{ 
    float: right;
    font-size: 200%;
    margin: 0;
    padding: 0 17px 0 0;
    width: 297px;
    wid\th: 297px;    
    }
  

.infocenter ul {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    list-style: none;
    margin-bottom: 0;
    padding: 0 0 6em 0;
    }

 
.infocenter ul li{
    line-height: 180%;
	}

/* linke box fuer Thumbnail */
.infocenter .brochurebox {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    float: left;
    margin: 0;
    padding: 0;
    width: 314px;
    wid\th: 314px;
    }


.infocenter .brochurebox img {
    float: right;
    }

/* rechte box fuer Text */
.infocenter .brochure-info {
    border: 0 none transparent;
    float: right;
    margin: 0;
    padding: 0 17px 0 0;
    width: 297px;
    wid\th: 297px;
    }

 
.infocenter brochure-info p {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    margin: 0;
    padding: 0;
    }



/* -------------------------------------------------------------- */
/* .splashpic: randabfallendes Bild in linker Spalte ------------ */
/* -------------------------------------------------------------- */

.splashpic {
    background-color: transparent;
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 0;
    width: 314px;
    wid\th: 314px;
    }



/* -------------------------------------------------------------- */
/* .picturebox-big: Bild mit Rand, z.B. im News-Bereich --------- */
/* -------------------------------------------------------------- */   
    
.picturebox-big {
    background-color: transparent;
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 0;
    width: 297px;
    wid\th: 297px;
    }


.picturebox-big dl {
    border: 0 none transparent;
    float: left;
    margin: 0;
    padding: 0;    
    }    
    

.picturebox-big dt img {
    border: 0 none transparent;
    padding: 0;   
    }
    

.picturebox-big dd {    /* Bildunterschrift */
    border: 0 none transparent;
    font-size: 0.8em;
    margin: 0;
    padding-left: 0;
    width: 50%;
    wid\th: 50%;    
    } 



/* ------------------------------------------------------------------ */
/* .picturebox-small: kleines Bild in linker Spalte, rechtsbuendig -- */
/* ------------------------------------------------------------------ */

.picturebox-small {
    background-color: transparent;
    border: 0 none transparent;
    display: block;
    float: right;
    margin: 0;
    padding: 5em 0 5em 0;
    width: 297px;
    wid\th: 297px;
    }


.picturebox-small dl {
    border: 0 none transparent;
    float: right;
    margin: 0;
    padding: 0;    
    }    
    

.picturebox-small dt img {
    border: 0 none transparent;
    padding: 0; 
    width: 148px;
    wi/dth: 148px;  
    }
    

.picturebox-small dd {    /* Bildunterschrift */
    border: 0 none transparent;
    font-size: 0.8em;
    margin: 0;
    padding-left: 0;
    width: 148px;
    wi/dth: 148px;    
    } 



/* -------------------------------------------------------------- */
/* Hilfsmittel -------------------------------------------------- */
/* -------------------------------------------------------------- */

.bordertop {
    border-top: 1px solid #666;
    }

.borderbottom {
    border-bottom: 1px solid #666;
    }

.clearboth {
	clear: both;
	/* folgenden attribute: div-hoehe auf 0 pixels halten,
	kritisch fuer Safari und Netscape 7*/
    height:1px;
    overflow:hidden;
    line-height:1%;
    font-size:0px;
    margin-bottom:-1px;
    }


.hidden { 
    display: none !important; 
    }


.icon {
    margin: 0; 
    padding: 0 0 2em 0;
    }

img, a img {
	border: 0 none transparent;
    }



/* -------------------------------------------------------------- */
/* Links -------------------------------------------------------- */
/* -------------------------------------------------------------- */

a:link {
	color: #333;
	background-color: transparent;
	text-decoration: underline;
    }


a:visited {
	color: #333;
	background-color: transparent;	
	text-decoration: underline;
    }


a:hover {
	text-decoration: underline;
    }



/* -------------------------------------------------------------- */
/* Listen ------------------------------------------------------- */
/* -------------------------------------------------------------- */

ul .inline {
    display: inline; 
    }



/* -------------------------------------------------------------- */
/* Typographie -------------------------------------------------- */
/* -------------------------------------------------------------- */

h1, h2, h3, h4 {
    font-family: Arial, sans-serif;
    }


h1 {
    color: #FF0000;
    margin: 0;
	padding: 0;
    }


h2 {
    color: #000;
    margin: 0;
    }


h3 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    margin-bottom: 1em;
    padding: 50%;
    }


h4 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 180%;
    margin-bottom: 1em;
    padding: 0 1em 2em 1em;
    }


p {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    }


.bold {
    font-weight: bold;
    }
    
em {
    color: #ff0000;
    }



/* -------------------------------------------------------------- */
/* Ausrichtung -------------------------------------------------- */
/* -------------------------------------------------------------- */

.leftalign {
	float: left;
	margin: 0;
	padding: 0;
    }


.rightalign {
	float: right;
	margin: 0;
	padding: 0;
    }