/* = = = = = = = = = = = = = = = = Layout = = = = = = = = = = = = = = = = */

#wrapper {
    min-width: 600px;
}
#sitecontent {
     padding-right: 403px;
     
}
#content {
    width: 100%;
}
#contentleftframe {
    float: left;
    width: 100%;
}
#contentrightframe {
    float: right;
    margin-right: -260px;
    margin-left: 20px;
    width: 240px;
}
* html #content, * html #contentleftframe, * html #contentrightframe {
    position: relative;
}


/* = = = = = = = = = = = = = = = = Formular = = = = = = = = = = = = = = = = */

form.pager {
    display: inline;
}


/* = = = = = = = = = = = = = = = = Typographie = = = = = = = = = = = = = = = = */

BODY {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 80%;
}

table {
    border-collapse: collapse;
    font-size: 100%;
}

td {
    border: 1px solid #C8D7E7;
    padding: .3em .5em;
    background: #ffffff;
}

#siteheader {
	font-size: 90%;
}

#headerstandort h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  font-weight: bold;
    padding: 6px 0px 6px 48px;
}

H1, H2, H3, H4 {
	font-weight: bold;
}

#content H2 {
	font-size: 130%;
}

#content H3 {
	font-size: 100%;
}

.kontaktbutton {
	font-size: 100%;
}

A, .kontaktbutton {
	text-decoration: none;
}

#content A:hover {
	text-decoration: underline;
}

/*#clickpath {
	font-size: 90%;
}*/

.bildunterschrift {
	font-size: 80%;
}

/* = = = = = = = = = = = = = = = = Farben = = = = = = = = = = = = = = = = */

BODY {
	background-color: #8D8383 ;
	color: #000;
}

#siteheader A, #navigation A, #navigation A:visited {
	background-color: transparent;
	color: #fff;
}

#headerstandort a, headerstandort a:visited {
    background-color: #fff;
    color: #000;
}

#headerserviceleiste A {
	background-color: transparent;
	color: #C3D8F7;
}

#navigation, .navigationrubrik {
	background-color: #8D8383;
	color: #fff;
		font-size: 12px;
  font-weight: bold;
}

.navigationrubrikselected {
    background-color: #5c83bc;
    color: #fff;
}

#siteheader .navigationrubrikpulldown A {
	background-color: #FBE3CF; /* leichtes blasses blau */
	color: #369;
}

#clickpath A, #clickpath A:visited, #content A, #content A:visited, #impressumslink A, #impressumslink A:visited, #druckversionlink A, #druckversionlink A:visited {
	background-color: #fff;
	color: #369;
}

#content H3 {
	background-color: #fff;
	color: #369;
}

#siteheader .navigationrubrikpulldown A:hover {
	background-color: #DEE3EB;
    color: #000;
}

#content a.linkinternalcurrent, #content a.linkinternalcurrent:visited, #content a.linkinternalcurrent:hover {
    background-color: #FFF;
    color: #69C ;
}

.kontaktbutton {
    background-color: #FFF;
    color: #369;
    cursor: pointer;
}

/* class for red color */
.color--red {
    background-color: #FFF;
    color: F00;
}

/* = = = = = = = = = = = = = = = Hintergruende = = = = = = = = = = = = = = */

#headerstandort {

             background-image: url("#");

	background-position: left;
    background-repeat: no-repeat;
}

.navigationrubrik, .navigationrubrikselected, #headerserviceleiste SPAN {

	    background-image: url("#");

    background-position: top left;
	background-repeat: repeat-y;
}

#headerbanner {

	    background-image: url("#");

    background-position: top left;
}

#headerserviceleiste {

	    background-image: url("#");

	background-repeat: repeat;
}

.linkinternal, .kontaktbutton {

	    background: url("#") no-repeat;

}

.linkinternalcurrent {

	    background: url("#") no-repeat;

}

.linkexternal {

	    background: url("#") no-repeat;

}

.linkdownload {

	    background: url("#") no-repeat;

}

.linkinternal, .linkexternal, .linkdownload, .linkinternalcurrent {
    
            background-position: 0em 0.2em;
    
	background-repeat: no-repeat;
}

.kontaktbutton {
    
            background-position: 0em 0.3em;
    
	background-repeat: no-repeat;
}

#contentrightframe .section H3, #impressumslink, #druckversionlink {

        background: url("#") repeat-y;

    background-position: top left;
}

.hrsubstitute {
        color: #000;

	    background: #369 url("#") no-repeat;

    background-position: right top;
}




/* = = = = = = = = = = = = = = = Abstaende = = = = = = = = = = = = = = */

BODY {
	margin: 0;
	padding: 0 60px;
}

/* reset values, just to be sure to have full control over the layout */
DIV, P, H1, H2, H3, H4, H5, H6, HR, INPUT, SELECT, TEXTAREA, #siteheader, #servicenav, #headerstandort, #headerserviceblock, #headerserviceleiste, #headerbanner, #clickpath,
ul.linklist, ul.linklist li, ul.sitemap, ul.sitemap li {
	padding: 0;
	margin: 0;
}

div.chapter p {
    margin-bottom: 1em;
}

#headerserviceblock {
	/*padding-left: 33%;*/
}

#headerserviceleiste A {
	padding-left: .5em;
	padding-right: .5em;
}


.navigationrubrik A, .navigationrubrikselected A {
	padding: .5em .5em 1em .5em;
}

#siteheader .navigationrubrikpulldown A {
	padding: 5px;

	    padding-left: 3ex;

}

#siteheader .navigationrubrikpulldown A:hover {

	    padding-left: 2ex;

}

#content H2 {
	margin-bottom: 1.5em;			/* give page headlines a big padding */
}

#content H3 {
	margin-bottom: 0.5em;			/* give smaller headlines a smaller padding */
    margin-top: 2em;
}

#content #contentleftframe .section h3 {
    margin-top: 0;
}

#content p {
    margin: 0.5em 0;
}

.bildunterschrift {
	margin: 0 0 2em;
}


#contentrightframe .section H3 {
	padding-bottom: 0;				/* we reset the feault padding-bottom of H3s for the right section and */
	margin-bottom: 1em;				/* add a margin because we dont want the H3's left border to go down to the content of the section */
    margin-top: 0;

    	padding-left: 1.5em;			/* also H3s in the right frame have a left padding */

}

#impressumslink {
	padding-top: 0.5em;
    float: left;

	    padding-left: 1.5em;

}

#druckversionlink {
    float: right;
	padding-top: 0.5em;

	    padding-right: 1.5em;


}

#clickpath {
	padding-top: 0em;
	padding-bottom: 0em;
}

#contentleftframe, #contentindentframe {
	margin-top: 0.5em;
}

#contentrightframe {
	margin-top: 0.5em;
}

#contentindentframe {
    margin-left: 16.6%;
    margin-right: 16.6%;
}

#contentleftframe .linksection, #contentleftframe .section, #contentleftframe .firstsection, #contentindentframe, #contentrightframe .section H3 {
	padding-top: 0.5em;
}


.chapter, ul.linklist {
	padding-bottom: 1em;			/* Jeder textabschnitt und jede linkliste haben einen 1 Zeichen hohen Abstand zum folgenden element */
}


* html .fotofloat {
	margin: 0 -3px; ma\rgin: 0px;

        margin-right: 1em;

}

.fotoinhaltsbildfloat {
	margin: 0 -3px; ma\rgin: 0px;
	margin-bottom: 1em;
}

.fotofloat {
	margin-bottom: 1em;
}



.bildergalerie .fotofloat {
     width: 125px;
     height: 125px;
     text-align: center;


        margin-right: 14px;

}

#contentleftframe .linksection, #contentleftframe .section, #contentleftframe .firstsection, #contentindentframe .section, #contentindentframe .firstsection,
#contentrightframe .section, .foto {
	padding-bottom: 0.2em;			/* Jede Section (die mehrere Textabschnitte enthalten kann) hat einen Abstand zur naechsten, zusaetzlich
									   zum Abstand der von den einzelnen Textabschnitten bereits erzeugt wird */
}

.linkinternal, .linkexternal, .linkdownload, .linkinternalcurrent {

	    padding-left: 14px;

}

.kontaktbutton {

	    padding-left: 4px;

}

#textfeldemail {
    margin: 0.2em 0 0;
    width: 25em;
}

/* = = = = = = = = = = = = = = = = Breiten = = = = = = = = = = = = = = = = */

#navigation, #clickpath, #siteheader, #headerserviceleiste {
	width: 900;
}

.navigationrubrikpulldown a {
	width: 100%;
}

#headerstandort {
    width: 33.3%;
}

#headerserviceblock {
    width: 66.6%;
}

#headerserviceleiste SPAN {
    width: 12.4%;
}

#headerserviceleiste SPAN.headerserviceeintragkontakt {
    /* make the last entry fill up the rest of the headerserviceleiste */
    width: auto;
}

.navigationrubrik, .navigationrubrikselected {
    width: 16.6%;
}

.navigationrubrikpulldown {
    width: 25%;
}

/* last rubrik should fill the rest of 100% - (16.6% *5) */
/* #navrub8 {
/*    width: 10%;
/*}

/* on IE we can even leave it at auto-width and fill it until rest */
/* html #navrub8 {
/*    width: auto;
/*}

/* = = = = = = = = = = = = = = = Hoehen = = = = = = = = = = = = = = = */

#navigation {
	height: 3.1em;
}

.navigationrubrik, .navigationrubrikselected {
	height: 3.1em;				/* (3em + 0.5em padding top + 0.5em padding bottom) * line-height */
}

.navigationrubrik A, .navigationrubrikselected A {
	height: 100%;
}

#headerserviceblock, #headerstandort {
	/*height: 8.8em;*/
}

#headerserviceleiste {
	height: 3em;
}

#headerbanner {
	height: 60px;
}

.hrsubstitute {
	height: 4px;
}

/* = = = = = = = = = = = = = = = Floats und Positionen  = = = = = = = = = */
#headerstandort, #headerserviceleiste SPAN, #contentleftframe, #contentrightframe, .navigationrubrik, .navigationrubrikselected {
	position: relative;
}

#headerstandort, #headerserviceleiste SPAN, .navigationrubrik, .navigationrubrikselected, .fotofloat {

	    float: left;

}

#headerserviceblock  {
	position: relative;

	    float: right;

}


#headerstandort {
	position: relative;

    	left: -30px;

}

.navigationrubrikpulldown {
	visibility: hidden;
	position: absolute;
	z-index: 10;
    left: 0px;
    top: 0px;
}

/* = = = = = = = = = = = = = = Darstellungen = = = = = = = = = = = = = */

.navigationrubrik, .navigationrubrik A, .navigationrubrikselected A, #siteheader .navigationrubrikpulldown A {
	display: block;
}

#headerserviceleiste SPAN A {
	display: block;
}

#headerbanner IMG, .hrsubstitute HR, .nondisplay{
	display: none;
}

#headerserviceblock h2, #navigation h2, .navigationrubrikpulldown h3, .hidden, #headerserviceleiste SPAN.hidden {
    /* new way of hiding objects from http://css-discuss.incutio.com/?page=ScreenreaderVisibility */
    position: absolute;
    top: -1600px;
    left: 0px;
    background: none;
    width: 0;
}

#navigation, .cssbreak {
	clear: both;
}

ul.suchergebnis, ul.suchergebnis li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.suchergebnis {
    margin-top: 1em;
}

/* = = = = = = = = = = = = = = = Raender = = = = = = = = = = = = = = */

#siteheader .navigationrubrikpulldown A {
	border-bottom: solid 1px #C3D8F7; /* trennlinie zwischen zwei submenue-eintraegen*/
}

#siteheader .navigationrubrikpulldown A:hover {

    	border-left: 1ex solid #5C83BC;   /* linker balken bei aktivierten submenues */


}

#contentleftframe .section, #contentindentframe .section {
	border-top: 4px solid #369;		  /* blauer rand der linken sections, die rechten sections erhalten ihren rand durch hrsubstitute */
}

#contentleftframe .linksection, #contentleftframe .section {
    clear:both;
}

.kontaktbutton {
    border: none;
}

/* = = = = = = = = = = = = = = = Ausrichtungen = = = = = = = = = = */
.rightaligned {

    text-align: right;

}

/* = = = = = = = = = = = = = = = Listen = = = = = = = = = = = = = = */

ul.linklist, ul.linklist li, ul.sitemap, ul.sitemap li {
	list-style-type: none;
	list-style-image: none;
}

ul.linklist a.linkinternal, ul.linklist a.linkexternal, ul.linklist a.linkdownload,
ul.linklist a.linkinternalcurrent, ul.sitemap a.linkinternal {
    display: block;
    width: 100%;
}

ul.sitemap ul li {                    /* linke einrueckung pro level 3em */

        padding-left: 3em;

}

ul.sitemap LI {                    /* freizeile nach jeder rubrik */
    margin-top: 1em;
}

ul.sitemap UL LI {                 /* keine freizeilen nach tieferliegenden seiten */
    margin-top: 0em;
}


/* recent additions which have to be put into right places */

.kontaktinput {
    width: 100%;
    margin-bottom: 0.8em;
    padding: 2px;
}




.exceptionBoxWarning {
    border: 1px solid red;
    color: #000;
    background-color: #FFF;
    font-weight: normal;
    padding: 2px;
}

dl.contactlist {
    margin: .5em 0;
}
dl.contactlist dt  {
    position: absolute;
    width: 5em;

    left: 0;


}

dl.contactlist dd {

    margin: 0 0 0 8.5em;

}

* html body dl.contactlist dd { /* IE/Win (Star Selector Hack) */
    clear: both;
    height: 1%;
}
* html body dl.contactlist dd a.linkexternal { /* IE/Win (Star Selector Hack) */
    float: left; /* IE5 */
    f\loat: none; /* IE6 (Simplified Box Model Hack) */
}

dl.contactlist .newline {
    padding-top: .5em;
}
/* only for Right to left */
    



.successMessage {
   color: green;
}

.errorMessage {
   color: red;
}