/*  und Sidebar-Elemente */

* {
        margin: 0;
        padding: 0;
}



html {
        height: 101%;
}

body {
        color: #222222;
        background-color: #eeeeee;
}









a {
        text-decoration: none;
}

a:hover {
        text-decoration: none;
        color: #00A300;
}
a img {
        border: 0 none;
}

h1, h2,  h4 {
       color: #444444;
       letter-spacing : 1px;
}

h1 {
      font-size: 1.6em;
      letter-spacing : 1.1px;
      margin-bottom: 10px;
}

h2 {
        font-size: 1.2em;
}

h3 {
        font-size: 1.2em;
}

h4  {
        font-size: 1.2em;
}

li {
        font-size: 1.2em;
}


.titel {
        font-size:2.2em;
rem     margin-top:10px;
        line-height:100%;
        font-family: trebuchet MS;
        text-transform: uppercase;
        letter-spacing: 2px;
rem     padding-top: 120px;
        padding-left: 75px;
}


.moepri {
        font-family: Georgia;
}


p {
        font-size: 1.2em;
        line-height: 150%;
        color: #222222;
}


/* IDs */

/* Beginn accodeon */



dt {
rem background: url(../images/pakk.gif)  left no-repeat;
    cursor: pointer;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    padding-left: 0px;
    padding-bottom: 6px;
    width: 510px;
    letter-spacing: 1px;
rem		background: #eceff3;
rem		width:430px;
rem		padding:10px 10px 9px 10px;
rem		margin-top:15px;
rem		margin-bottom:-4px;
rem		border-top:1px solid white;
rem		border-left:1px solid white;
rem		border-right:1px solid white;
   }

dt:hover {
	color:black;
rem		background: #eceff3;

}

dd {
	display:none;
rem	background:#c7cfd8;
	margin:0 0 15px 0;
	float:left;
      width:510px;
rem		width:430px;
rem		padding:10px 10px 15px 10px;
}

#button {
	float:left;
	display:block;
	height:13px;
	width: 16px;
  margin-right: 4px;
	text-indent:-9999px;
}

.closed { background:url(../images/pakk.gif) left no-repeat; }

.open { background:url(../images/pakk.gif) right no-repeat; }


/* Ende accodeon */

 
 
.blockquote {
            font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
            background: #ffff9f;
          padding: 20px 20px 10px 20px;
            border-bottom: 15px solid #f3c600;
            margin-left: 0; /*nicht zentriert*/
            margin: 5px 0px 50px 0px;
            font-size: 1.5em;
            width: 450px;
            letter-spacing: 0.3px;
}

.blockquote p {
            font-size: 1em;
            letter-spacing: 0.3px;
            text-align: left;
            line-height: 120%;
            font-weight: normal;
            font-style: italic;
            color: #2D3252;
            
           
}

#content .blockquote cite  {
        font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
        display: block;
        color: #333333;
        font-size: 11px;
        font-style: normal;
        letter-spacing: 1px;
        text-align: left;

}

#content .blockquote cite a {
        color: #333333;
}




#content .bildkommentar{
        width: 490px;
        padding-top: 7px;
rem     font-style: italic;
        color: #222222;
rem     background-color: #ffffff;
        font-size: 1em;
}

#content .lkommentar{
        width: 490px;
        padding-top: 3px;
        color: #222222;
        background-color: #ffffff;
        font-size: 12px;
}

#container {
        width: 950px;
        margin: auto;
        margin-top: 0px;
                 	background: url(../images/) top right repeat-y ; 
             background-color: #ffffff;
        padding: 25px 25px 2px 25px;
}

/* 

#wrapper {
				width: 950px;
rem     background: url(../images/whg01.jpg)  left ;				
        
}

IDs */

#rahmen {
        width: 950px;
        background: url(../images/pbgrahmen.gif)  left no-repeat;
}

#header {
        height: 92px;
        padding-top: 60px;
        width: 100%;
}

#bg_logo {
        height: 67px;
rem     padding-top: 50px;
        position: relative;
        background: url(../images/pbgrahmen.gif)  left no-repeat;

}

#logo {
        height: 60px;
rem     padding-top: 50px;
        position: relative;
        float: left;
rem     background: url(../images/pbgrahmen.gif)  left no-repeat;
rem     background-color: #eeeeee;
}

#eyecatcher {
rem     padding-top: 50px;
        height: 70px;
        rem left: 550px;
        position: right;
        width: 200px;
        float: right;
        background: url(../images/pbgright.gif)  left top no-repeat;
}


#slides {
				width: 950px;
        height: 300px;

}

/* Brotkrumenleiste */





#bkrumenleist {
				height: 30px;
 				padding-top: 5px;
  			padding-left: 75px;
        font-size: 1.1em;
        text-align: left;
        width: auto;
        background: url(../images/pbgrahmen.gif)  left no-repeat;
rem        color: #111111;
        }



#bkrumenleist  a {
        text-decoration: none;
        font-style: italic;
        color: #111111;
}

#bkrumenleist a:hover {
        text-decoration: underline;
        color: #00A300;
}




/* Main-Bereich */



#main {
        background-color: ;
        line-height: 1.2em; /* to avoid the peekaboo bug */
rem        background-repeat:no-repeat;
        background-position:bottom left;
        background: url(../images/pbgrahmen.gif)  left;
}

#mainbot {
        clear:both;
        display: block,
        font-size: 1.2em;
        padding-top: 5px;
        height: 20px;
        width: 100%;
        color: #222222;
}

p.mainbot {
        clear: both;
        padding-left: 20px;
    }

#mainbot a{
        font-size: 0.9em;
        padding-left: 20px;
        color: #111111;
    }

.maintext{
        color: #111111;
        margin-left: 5px;
        }

#mainbot .maintext .toplink {
        float: right;
        margin-right: 20px;
        width: auto;
        background: url(../images/ptop.gif) center right no-repeat;
        color: #111111;
        }



#mainbot .maintext a:hover.toplink {
        text-decoration: none;
        color: #00A300;
        background: url(../images/ptop.gif) center right no-repeat;
        }

.mainprint {
        float: left;
        padding-right: 20px;
        width: auto;
        }

.mainprint a {
        text-decoration: none;
        color: #111111;
        }
.mainprint a:hover {
        text-decoration: underline;
        color: #00A300;
}

#mainbot .previous p {
        padding-left: 73px;
        }


#mainbot .previous a {
        display: block;
        width: 200px;
        background: url(../images/pright.gif) left no-repeat;
        color: #222222;
        }


#mainbot .previous a:hover {
        background: url(../images/pright.gif) left no-repeat;
        color: #00A300;
        text-decoration: underline;
        }

#mainbot .next p {
        padding-left: 73px;
        }


#mainbot .next a {
        display: block;
        width: 200px;
        background: url(../images/pleft.gif) left no-repeat;
        color: #222222;
        }


#mainbot .next a:hover {
        background: url(../images/pleft.gif) left no-repeat;
        color: #00A300;
        text-decoration: underline;
        }

/* Seitenleiste 




#column {
        float: right;
        padding-top: 16px;
        padding-right: 7px;
        width: 125px;
        rem background-color: #ffffff;
}
*/


#column {
    font-size: 0.8em;
    float: right;
    padding-right: 0;
    padding-top: 16px;
    width: 140px;
rem text-align: justify;
 rem background-color: #ffffff;
  }

#column {
  padding-top: * 50px;
  }


#column p, #column h2, #column h3, #column ul, #column li, #column a  {
        font-family: Georgia, Times New Roman, Serif;
        letter-spacing: 0.5px;
        line-height:110%;
rem     font-style: italic;
        font-weight: normal;
        color: ;
}

#column p, #column ul, #column li {
        line-height: 1.5em;
}



#column h2, #column h3 {
        margin-top: 20px;
        letter-spacing: 2px;
        font-weight: normal;
        margin-left: 0px;
        color: #444444;
}

#column a {
        font-weight: bold;
        text-decoration: none;
        color: #000000;
        letter-spacing: 0.4px;    
}

#column a:hover {
        text-decoration: underline;
        color: #00A300;
}

#column p {
        font-weight : normal;
        margin-left: 0px;
        padding: 3px 0px 10px 0px;
        color: #444444;
}


#column a img {
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 5px;
}


#column img {
        margin-top: 5px;
        margin-left: 0px;
        margin-bottom: 5px;
}


#column ul li {
        margin-left: 24px;
        color: #444444; 
}

#column ul li a {
        color: #444444;
        font-weight: normal;
       }

#column ul li a:hover{
     color: #00A300;    
}



#column .pdf {
 r margin-left: -20px;
     r   padding-left: 20px;
        display: block;
  r      margin-top: 5px;
  r      margin-left: 5px;
        background: url(../images/picpdf.gif) bottom left no-repeat;
        background-position: 5px 1px;
}



#column .pdf a {
        display: block;
        font-size: 1.1em;
        margin-left: -5px;
        padding-left: 28px;
        font-weight : normal;
        text-decoration: none;
        letter-spacing: 0.9px;
        color: #000000;
       }


#column .pdf a:hover {
        text-decoration: underline;
        color: #00A300;
        }


#column .pdf ul li  {
        display: block;
        list-style: none;
        margin-left: 5px;
        padding-left: 5px;
        color: #444444;
        background-position: 0px 0px;
}




#column .news{
        padding-bottom: 15px;
        z-index: 20;
        background-color: #eeeeee;
        border-left: 1px dotted#111111;
        border-bottom: 1px dotted  #111111;
        color: #111111;
}

#column .news h3 {
        margin-top: 0px;
        margin-left: 0px;
        padding: 5px 0px 5px 10px;
        color: #ffffff;
        background-color: #000000;
}
#column .news p {
        padding: 0px 3px 0px 0px;

}

#column .news a:hover {
        color: #999999;
}

#column .news ul li {
        padding-right: 3px;
        color: #111111;
}



/* Seiteninhalt */

#content h1 {
        color: #444444;
        padding: 20px 0px 7px 0px;
}
#content h2 {
        padding: 20px 0px 9px 0px;
}

#content h3 {
        padding: 0px 0px 5px 0px;
}

#content h4  {
        padding: 7px 0px 0px 0px;
}
#content p {
        margin-bottom: 20px;
}



/* Content Bilder und Text */
 
 
#content {
        float: left;
        margin-right: 20px;
        width: 515px;
        padding: 0px 0px 40px 75px;
rem     background-color: #ffffff;
}


        
#content a {
        letter-spacing: 0.1px;
        text-decoration: none;
        color: #111111;
        font-style : italic;
}

#content .copy a {
        font-size: 1.2em;
        letter-spacing: 0.1px;
        text-decoration: none;
        font-weight : bold;
        color: #111111;
        font-style: normal;

}

#content a.link  {
        text-decoration: none;
        color: #111111;
}

#content a:hover {
        text-decoration: underline;
        color: #00A300;
}


#content .maplink {
        padding-top: 5px;
        *padding-top: 7px;
}




#content .clearer {
        clear: both;
}






/* Content Bilder und Text */



#content .sidepicture {
        float: right;
        margin: 0px 8px 10px 15px;
        width: 156px;
        border: none;
}

#content .sidepicture h3 {
        font-weight: bold;
        font-size: 1em;
        color: #444444;
        padding: 5px 0px 0px 0px;
}

#content .sidepicture p {
        font-weight: normal;
        font-size: 1em;
        color: #111111;
        margin: 0px 0px 0px 0px;
}

#content .bigpicture h3 {
        font-weight: bold;
        font-size: 1em;
        color: #444444;
        padding: 5px 0px 0px 0px;
}

#content .bigpicture p {
        font-weight: normal;
        font-size: 1em;
        color: #111111;
        margin: 0px 0px 0px 0px;
}



.pictureframe  {
        position: relative;
        margin: 0px 0px 5px 0px;
}


.pframe img{
        margin: 0 0px 0px 0;
}

.pframe:hover{
        background-color: transparent;
}




.pframe span{ /*CSS großes bild*/
        position: absolute;
        padding: 0px;
        left: -1000px;
        visibility: hidden;
        text-align: center;
        text-decoration: none;
        font-style: normal;
        letter-spacing : 1px;
        color: #ffffff;
        background-color: #000000;
        border-bottom: 3px solid #000000;
}

.pframe span img { /*CSS großes Bild*/
        border-bottom: 0px solid #111111;
        background-color: #ffffff;
}

.pframe:hover span{ /*CSS großes Bild*/
        visibility: visible;
        top: 0;
        left: -354px;
        z-index: 50;
}







/* Content Liste */



#content ul {
        list-style-type: disc;
        padding: 0px;
        margin: 6px 0px 25px 15px;
}


#content li{
        color: #222222;
        padding: 2px 0px 2px 0px;
}








/* Content Tabelle */

#content td.cell {
        line-height: 150%;
        font-size: 1.1em;
}

#content .t table.content {
        color: #222222;
        text-align: left;
}


#content .t img {
        border : 1px solid #000000;
        padding: 0px;
}

#content .t2 table.content {
        padding: 4px;
        color: #222222;
        background-color: #ffffff;
        text-align: left;
}


#content .tab table.content {
        border: 1px solid #ffffff;
        background-color: #111111;
}

#content .tab td.cell {
        padding: 3px 0px 1px 4px;
}

#content .tab td.headercell {
        background-color: #66A366;
        color: #ffffff;
        font-weight: bold;
        padding: 5px;
        font-size: 13px;
        font-weight: bold;
}

#content .tab  tr.bga {
        background-color : #ffffff;
        color: #111111;
}

#content .tab tr.bgb {
        background-color : #ffffff;
        color: #111111;
}

#content .tab tr:hover {
        background-color : #ffa300;
        color: #444444;
}

#content .tab ul.li:hover {
        background-color : #ffa300;
        color: #444444;
}

#content .tabspace {
        height: 50px;
      * height: 70px;
}



/* Content Zusätzliche Seitenelemente */


#refresh {
margin-top:10px;
display: block;
text-align: center;
}

#refresh span a {
display: inline; 
padding: 2px 7px 2px 7px;
line-height: 150%; 
font-size: 12px; 
font-weight: bold; 
color: #ffffff;
background-color: #000000;
text-align: center;
}

#more p {
        margin: 0px;
        padding: 0px 0px 8px 0px;
        text-align: left;
        line-height: 100%;
}

#more a {
        padding: 2px 0px 2px 14px;
        background-color: #999999;
}








/* Absatztyp Teaser */


div.teaserelement {
min-height: 215px;
        float: left;
        padding: 0px 0px 6px 5px;
        margin: 0px 10px 10px 0px;
        background-color: #efefef;
        border-bottom: 15px solid #dddddd;
}

div.teaserelement p{
        padding: 5px 0px 6px 5px;
       
}

div.teaser {
        margin: 0px 0px 10px 0px ! important;
        border: none;
        width: 510px;
}

div.teaserpicture {
        float: right;
        padding: 0px;
        margin: 0px 0px 10px 10px;
        border: none;
}

p.teasertext {
        color: #111111;
        margin: 0;
        padding: 4px 0px 4px 0px;
}

div.teasernav {
        clear: both;
        padding: 0;
        margin: 0;
        border: none;
        text-align: center;
}


#content div.teaserelement a  {
        font-weight: bold;
        color: #111111;
        text-decoration: none;
}


#content div.teaserelement a:hover  {
        font-weight: bold;
        color: #00A300;
        text-decoration: underline;
}

p.lookup {
        margin: 0px 0px 10px 0px;
        padding: 4px 0px 0px 0px;
        border-bottom: 1px solid #CAC9D8;
}





/* Content Absatztype Formular */




input.box {
        border : 1px solid #000000;
        width: 380px;
        vertical-align: top;
        padding: 1px;
        margin: 10px 0px 10px 0px;
        background-color: #ffffff;
}

form.formular textarea  {
        background-color: #ffffff;
       border : 1px solid #000000;
        width: 380px;
        height: 150px;
        vertical-align: top;
        padding: 1px;
        margin: 10px 0px 15px 0px;
}

form.formular .formcaption {
        width: 120px;
        line-height: 200%;
        float: left;
        clear: left;
}

form.formular .formnote {
        line-height: 160%;
        padding: 2px 0px 10px 222px !important;
}

.buttoncaption {
        line-height: 200%;
}





#containerbot {
         	height: 63px;
         	padding: 0px 20px 0px 15px;
         	font-size: 1em;
     			background: url(../images/pcbot.gif)  left no-repeat;
        	color: #ffffff;
rem    		background-color: #ffffff;
}


#containerbot span.copyright {
         float: left;
         font-size: 1em;
         padding-top: 10px;
}


#containerbot span.containerbotlink{
          float: right;
          margin-top: 46px;
          background-color: #ffffff;
          height: 20px;
          margin-right: -20px;
          padding: 0px 0px 0px 4px;
          text-transform: lowercase;
}

#containerbot a{
        color: #111111;
}

#containerbot a:hover{
        text-decoration: underline;
        color: #111111;
}

#bottom {
         	height: 20px;
					width: 955px;
         	r padding: 13px 12px 2px 15px;
         	font-size: 1em;
     			background: url(../images/bgconbots.gif) top left no-repeat;
}



/* Weitere-Styles */


#blog h3 {
            padding-bottom: 5px;
            font-size: 1.5em;
            letter-spacing : 1px;
            font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
            color: #ffffff;
            line-height: 1.1em;
}

#blog a  {
        text-decoration: none;
}

#blog a .s2d  {
        height: auto;
        line-height: 1.1em;
}

#blogp p {
           letter-spacing: 0.7px;
}




h3.s2d  {
        font-size: 1.3em;
         font-weight : normal;

}

h3 .s2d {
         font-weight : normal;
        font-style: normal;
}

a .s2d  {
        font-style: italic;
        text-decoration: underline;
}

a:hover .s2d  {
        font-style: italic;
        text-decoration: underline;
        color: #00A300;
}


p.s2d, .s2d  {
        font-size: 14px;
        color: #222222;
        font-weight : normal;
        margin: 0px;
        padding: 2px 0px 2px 0px;
        line-height: 150%;
}


P.s2dsmall  {
        font-size: 0.8em;
}

a.s2dsmall, a.s2dinfo  {
        border-bottom: 1px solid #555555 !important;
}



html, body, textarea {
  scrollbar-base-color: #eeeeee;
  scrollbar-3d-light-color: #ffffff;
  scrollbar-arrow-color: #111111;
  scrollbar-darkshadow-color: #111111;
  scrollbar-face-color: #eeeeee;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #111111;
  scrollbar-track-color: #eeeeee;
}