html{
        margin:0;
        padding:0;
        background: #b0c9a1;
        height:101%;}

/*        */

body{
        font: 76% arial,sans-serif;
        text-align:center;
        background: #b0c9a1;
        margin-top:20px;
        }





/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                HEADER
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

div#header{
        margin:0;
        background-color:#b0c9a1;
	       background-repeat:no-repeat;
        min-height:192px;
        }

div#header h1{
	margin::0;
        }
		
div#header h1 img{
vertical-align: baseline;
        }


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                MENU-OBEN
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

div#menu_horizontal{
			margin: 0 0 20px 0;
			border-top: 5px solid #aa1523;
			}

div#menu_horizontal ul {
			list-style-type: none;
			margin:5px;
			}

        div#menu_horizontal ul li {
			margin:0;
			display:inline;
			padding-right: 7px;
			font-weight: bold;
			}

        div#menu_horizontal ul li a:hover{
			background: #aa1523;
			color:white;
        	}

        div#menu_horizontal ul li a{
			border-left: 1px solid #aa1523;
			border-bottom: 1px solid #aa1523;
			-moz-border-radius-bottomleft: 4px;
			color: black;
        	}

        div#menu_horizontal ul li a#aktiv{
			background: #aa1523;
			color:white;
			}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                NAVIGATION
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


div#navigation{
        background:white;
        float:left;
        width:150px;
        margin-left:-850px
        }

        div#navigation ul{
                padding:0;
                list-style-type:none;
                }
		
		div#navigation ul ul#nav_cat li a{
				text-align: right;
				color: black;
				}
		
		
		div#navigation ul ul#nav_cat li#aktiv2 {
				 background-color:#C5DFB5;
				 }
				
				

        div#navigation li{
                list-style: none;
                border-bottom: 1px solid gray;
                font-weight:bold;
                }

                div#navigation li a {
                        display: block;
                        font-weight: bold;
                        padding: 7px 5px 7px 0;
                        text-align:center;
                        color: black;
                        text-decoration:none;
                        }

                        div#navigation li:hover {
                                 background: #b0c9a1;
                                         color: black;
                                 text-decoration: none;
                                 }


                        div#navigation li a:active{
                                color: black;
                                background-color:#f0f0f0;
                                        }


                        div#navigation li#aktiv{
                                background: #b0c9a1;
                                        color: black;
                                }


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                CONTAINER und WRAPPER
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


div#container{

        text-align:left;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        background-color: white;
        }

div#container{width:850px;margin:0 auto}

div#wrapper{
        float:left;
        width:100%
        }

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                CONTENT
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


div#content{
        width: 505px;
        margin: 0 150px;
        text-align:justify;
        border-left: 1px solid silver;
        padding:9px 0 0 6px;
        }

         div#content li {
                 margin-left: 40px;
                 padding-left: 10px;
                 padding-bottom:10px;
                 text-align: left;
                 list-style-type: circle;
				 text-indent:0px;
                 }

                div#content p{
                        text-indent:2em;
                        line-height:1.3;
                        padding: 0 0 20px 0px;
                        margin: 0 0 0 20px;
                        color:black;
                        }

                div#content h1.Erster{
                        font-size:18px;
                        color: #aa1523;
                        width: 450px;
                        border-bottom: 1px solid #aa1523;
                        margin-left: 5px;
                        text-align:left;
                        }

                        div#content h1{
                                font-size:17px;
                                padding: 0 0 0 10px;
                                color: #aa1523;
                                width: 450px;
                                border-bottom: 1px solid #aa1523;
                                margin-left: 5px;
                                margin-top: 10px;
                                text-align:left;
                                }


                        div#content h2{
                                font-size:13px;
                                color: black;
								text-align:center;
								
								
                                }

                        div#content h3{
                                font-size:15px;
                                padding: 15px 10px 20px 10px;
								margin:10px 0 15px 20px;
								color: #aa1523;
                                text-align: right;
                                font-style:italic;
                                }


                        div#content h4{
                                font-size:15px;
                                padding: 15px 10px 20px 20px;
								margin:0 0 15px 20px;
                                background: #F2F2F2;	
                                color: #aa1523;
                                text-align: left;
                                font-style:italic;
                                }
								
							 div#content h5{
                                font-size:15px;
                                padding: 5px 0 0 0 ;
								margin:15px 0 5px 20px;
                                color:#000033;
                                text-align: left;
                                font-style:italic;
                                }	
								
						div#content #artikel {
							padding-bottom:30px;
							margin:0;
							}



                        div#content table#tabelle tbody tr td h3{
                                text-align:left;
                                }


                        div#content a {
                          text-decoration:none;
                          font-weight: bold;
                          color: #aa1523;
                          text-align: left;
                          }

                          .top{
                          text-align:right;
						  font-size:10px;
						  float:right;
                          }

                          div#content a[rel~="external"] {
                          target-new: tab;
                          }

                          div#content a:active{
                          color:#0000A0;
                          }

                          div#content #biblio p{
                          padding: 3px 0 0 30px;
                          text-indent:none;
                          }

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                EXTRA
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


div#extra{
        border-left: 1px solid silver;
        padding:0 0 0 0px;
		        }

div#extra{
        float:right;
        width:170px;
        margin-left:-200px;
        }
div#extra a img{ 
	border:none;
	}
	
div#extra p {
        margin:0 5px 7px 5px;
        text-align:left;
        font-size:11px;
        padding-top:10px;
        }

div#extra li{
        margin:0 10px 0 15px;
        text-align:left;
        font-size:11px;
        padding: 10px 0 0 0;
        }


div#extra h1 {
        font-size:14px;
        padding: 0 5px 0 5px;
        color: #aa1523;
        margin:20px 0 5px 5px;
        text-align:left;
        border-bottom: 1px solid #aa1523;
        }

div#extra h2 {
        font-size:13px;
		font-weight:bold;
        padding: 0 5px 0 5px;
        color: #aa1523;
        margin:20px 0 5px 5px;
        text-align:center;
                }
		
div#extra br {
         padding-top:10px;
         }


  
      .demo-show {
        width: 350px;
        margin: 1em .5em;
         }

      .demo-show h3 {
        margin: 0;
        padding: .25em;
        background: #bfcd93;
        border-top: 1px solid #386785;
        border-bottom: 1px solid #386785;
       }

      .demo-show div {
        padding: .5em .25em;
  
      }



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                FOOTER
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

div#footer{
        clear:both;width:100%;}

div#footer{
        background:white;
        border-top: 1px solid silver;}

div#footer p{margin:0;padding:5px 10px}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                SCRIPTS
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

#zitat {font-variant:normal; font-size:12px; font-style:none; padding: 0px; text-align:left; }


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                               VIDEOS
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


div#video {
	padding-left: 40px;
	padding-bottom: 50px;
		}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                                BILDER
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

#img_quer {width: 150px; float:left; padding: 5px}

#img_hoch {width: 100px; float:left;}

#img_text  {margin-left: 100px;}

a {padding:5px; text-decoration:none; color:#663300;}
a:hover {text-decoration:none;}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
                        BILDER
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
div #content div.img_quer{
        width:460px;
         }

 div #content div.img_quer p{
         width:470px;
         text-align:right;
         background:#DFDFDF;
         padding:5px;

         }

 #img_quer{
         width: 470px;
         margin-left: 20px;
         }

div #content div.img_left {
         text-indent: none;
         padding-left: 20px;
         width: 200px;
         margin-right: 20px;

         }

div #content div.img_left p {
         width: 200px;
         float: left;
         text-align: left;
         padding: 0 20px 8px 3px;
         margin: 0;
         font-size: 11px;
         background:transparent;
         }


div #content div.img_right {
         text-indent: none;
         width: 200px;
         margin-left: 20px;
         float:right;
         background:#DFDFDF;
         }


div #content div.img_right p {
         width: 200px;
         float: right;
         text-align: right;
         padding: 0 7px 8px 3px;
         margin: 0;
         font-size: 11px;
         background:transparent;
         }

div #content div.img_right_quer {
         text-indent: none;
         width: 250px;
         margin-left: 20px;
         float:right;
         background:#DFDFDF;

         }

div #content div.img_right_quer p{
         text-indent: none;
         width: 250px;
         margin-left: 20px;
         padding: 0 7px 8px 3px;
         text-align: right;
         float:right;
         font-size:11px;
         }


/*---------------------------------------------------------*/
#thumbleft_hoch{
        width: 200px;
        padding: 5px 20px 5px 0;
        float:left;}


/*---------------------------------------------------------*/


#thumbright_hoch{
        width: 200px;
        padding: 5px 0px 5px 5px;
        float:right;}


 #thumbright_quer{
        width: 250px;
        padding: 5px 0px 5px 5px;
        float:right;}


/*---------------------------------------------------------*/
#thumbleftinfo{
        width: 140px;
        padding: 5px 5px 5px 0;
        }

#thumbrightinfo{
        width: 130px;
        padding: 5px 0px 5px 5px;
        float:right;}

#footprint{
        text-align:center;
        margin:auto;
        }
		
	/*---------------------------------------------------------*/
form {
  background-color: white;
  padding: 20px;
  border: 1px solid silver;
  }
label { /* Beschriftung auf eigener Zeile */
  color:black;
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: white;
}


	/*--------------------YOUTUBE-------------------------------------*/
	
#tube {padding-left: 15px;
	   padding-top: 20px;
	   }