* {
	margin:0;
	padding:0;
	}


/* --------- Schriftauswahl   --------  */




h1 {  font-family: Verdana, Arial, Helvetica; font-size:2.0em; color:#FFFFFF; text-shadow: 9px 7px 7px #36462C; }
h2 {  font-family: Verdana, Arial, Helvetica; font-size:1.4em; color:#FFFFFF; text-shadow: 9px 7px 6px #36462C; Line-Height:150%;}
h3 {  font-family: Verdana, Arial, Helvetica; font-size:1.2em; color:#FFFFFF; text-shadow: 9px 7px 8px #36462C; Line-Height:140%;}
h4 {  font-family: Verdana, Arial, Helvetica; font-size:1.1em; color:#FFFFFF; text-shadow: 9px 7px 10px #36462C; Line-Height:130%;}

.weiss_4 	{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#FFFFFF;  Line-Height:130%;  }
.weiss_4n 	{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#FFFFFF;  Line-Height:120%;  }
.weiss_3 	{ font-family: Verdana, Arial, Helvetica; font-size:0.9em; color:#FFFFFF;  Line-Height:130%;  }
.weiss_3n 	{ font-family: Verdana, Arial, Helvetica; font-size:0.9em; color:#FFFFFF;  Line-Height:120%;  }
.weiss_2 	{ font-family: Verdana, Arial, Helvetica; font-size:0.6em; color:#FFFFFF;  Line-Height:400%;  }

.weiss_3link 	{ font-family: Verdana, Arial, Helvetica; font-size:0.7em; color:#FFFFFF; Line-Height:130%; text-decoration:none;  }


span.gold_4 	{  font-family: Verdana, Arial, Helvetica; font-size:1em; color:#D7C8B5; Line-Height:150%  }
span.gold_3n  	{  font-family: Verdana, Arial, Helvetica; font-size:1em; color:#D7C8B5; Line-Height:120%  }
span.gold_3 	{  font-family: Verdana, Arial, Helvetica; font-size:0.9em; color:#D7C8B5; Line-Height:150%  }
span.gold_2n  	{  font-family: Verdana, Arial, Helvetica; font-size:0.9em; color:#D7C8B5  Line-Height:110%  }
span.gold_2 	{  font-family: Verdana, Arial, Helvetica; font-size:0.6em; color:#D7C8B5; Line-Height:130%  }


.blau_4 	{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#B3D5FC;  Line-Height:130%;  }
.blau_4n 	{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#B3D5FC;  Line-Height:120%;  }
.blau_3 	{ font-family: Arial; Arial; Helvetica; font-size:0.9em; color:#B3D5FC;  Line-Height:180%;  }
.blau_3n 	{ font-family: Verdana, Arial, Helvetica; font-size:0.9em; color:#B3D5FC;  Line-Height:120%;  }
.blau_2 	{ font-family: Verdana, Arial, Helvetica; font-size:0.6em; color:#B3D5FC;  Line-Height:400%;  }

.blaugruen_4 	{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#125860;  Line-Height:130%;  }
.blaugruen_4n 	{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#125860;  Line-Height:120%;  }
.blaugruen_3 	{ font-family: Arial; Arial; Helvetica; font-size:0.9em; color:#125860;  Line-Height:180%;  }
.blaugruen_3n 	{ font-family: Verdana, Arial, Helvetica; font-size:0.9em; color:#125860;  Line-Height:120%;  }
.blaugruen_2 	{ font-family: Verdana, Arial, Helvetica; font-size:0.6em; color:#125860;  Line-Height:400%;  }


.gelb_5link    { font-family: Verdana, Arial, Helvetica; font-size:1.2em; color:#E7FFE3; Line-Height:150%; text-decoration:none;  } 
.gelb_4link    { font-family: Verdana, Arial, Helvetica; font-size:1.0em; color:#E7FFE3; Line-Height:140%; text-decoration:none;  } 
.gelb_3link    { font-family: Verdana, Arial, Helvetica; font-size:0.7em; color:#E7FFE3; Line-Height:130%; text-decoration:none;  }


.navi_oben	{ font-family: Verdana, Arial, Helvetica; font-size:0.8em; color:#FFFFFF; text-decoration:none;  }
.navi_unten	{ font-family: Verdana, Arial, Helvetica; font-size:0.75em; color:#FAE5B8; text-decoration:none;  }   
              
.navi_4		{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#FAE5B8; text-decoration:none; Line-Height:130%; }
.navi_4n   	{ font-family: Verdana, Arial, Helvetica; font-size:1em; color:#;#FAE5B8; text-decoration:none; Line-Height:120%; } 
.navi_3		{ font-family: Verdana, Arial, Helvetica; font-size:0.8em; color:#FAE5B8; text-decoration:none; Line-Height:130%; }
.navi_3n	{ font-family: Verdana, Arial, Helvetica; font-size:0.8em; color:#FAE5B8; text-decoration:none; Line-Height:120%; }

a:hover 	{ background-color:#648987;  }



/* --------------- Liste --------------- */




/* --------- GROSSER DESKTOP zwischen 1600 und 4000 Pixel   --------  */ 

@media only screen and (max-width: 2400px) {


body {
    font-size: 120%; background-image:url("hellgruen_10.jpg"); 0 0 repeat;
  }



#navi_gesamt_oben   {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 0px;
        outline: 0px solid blue;
}


#navi_oben_li  {
	float: left;
        width:50%;
        height: 36px;
        background-color: #537C4D; 
	padding-left: 3%;
        padding-right: 40%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#navi_oben_re  {
	float: left;
        width:50%;
        height: 36px;
        background-color: #537C4D; 
	padding-left: 36%;
        padding-right: 3%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#header_oben {
	width:98%;
        height: auto;
        background-color: #023800; 
	padding-top: 0px;
	padding-bottom: 0px;
        margin-top: 0px;
	margin-left: auto;
        margin-right: auto;
	margin-bottom: 0px;
        text-align: center;
        font-size: 1.2em;
        box-sizing:border-box;
        outline: 0px solid red;
}



#header_unten {
	width:98%;
        height: auto;
        background-color: none; 
	padding-top: 40px;
	padding-bottom: 10px;
        margin-top: 20px;
	margin-left: auto;
        margin-right: auto;
	margin-bottom: 20px;
        text-align: center;
        font-size: 1.2em;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#wrapper {
	margin-left: auto;
        margin-right: auto;
        margin-top: 0px; 
        margin-bottom: 0px;
	width:1600px;
        outline: 0px solid blue;
}


/* ----SIDEBAR ----  */



#sidebar_links {
	float:left;
	width:20%;
	background-color: none;
        height: 2000px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right:0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 2%;
        margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid blue;
        
}

#sidebar_links_oben {
	float: left;
        width: 100%;
        height: 400px;
	background: linear-gradient(to top, #5A7F47, #023800  );
	padding-top: 20px;
        padding-left: 45px;
        padding-right: 0px;
        margin-top: 0px;
        margin-left: 0px;   
        margin-right: 0px;
        margin-bottom: 50px;
        font-size: 1.2em;
        box-sizing: border-box;
        outline: 0px solid red;
        
}

#sidebar_links_unten {
	float: left;
        width: 100%; 
        height:1550px; 
	background-color: #023800;
        background-image:url(waldgitarre.jpg);
        background-position: center bottom+5%;
        background-repeat:no-repeat; 
        padding-top: 180px;
        padding-left: 20px;
        padding-right: 0px;
        padding-bottom: 0px; 
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px; 
        box-sizing:border-box;
        outline: 0px solid blue; 
        
}



.name60 {
	width: 248px;
        height: 70px;
        margin-bottom: 80px;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        text-align: left;
}


.link60 {
	background-color:#665E48;
        width: 248px;
        height: 70px;
        margin-bottom: 50px;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        box-shadow: 0 5px 5px rgba(0,0,0,0.5), 0 3px 4px rgba(0,0,0,0.5);
}

.link60transp {
	background-color: none;
        width: 248px;
        height: 80px;
        margin-bottom: 45px;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        font-size: 0.8em;
        outline: 0px solid blue;
}


.link60start {
	width: 248px;
        height: 70px;
        margin-top: 100px;
        margin-bottom: 50px;
        padding-top: 0px;
        padding-left: 0px; 
        padding-bottom: 10%;
        outline: 0px solid blue;
        box-sizing: border-box;
        text-align: left;
        box-shadow: 0 5px 5px rgba(0,0,0,0.5), 0 3px 4px rgba(0,0,0,0.5);
}


.link60kon {
	background-color:#665E48;
        width: 248px;
        height: 70px;
        margin-bottom: 50px;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        box-shadow: 0 5px 5px rgba(0,0,0,0.5), 0 3px 4px rgba(0,0,0,0.5);
}

#content {
	float:left;
	width:78%;
        height: 2000px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px; 
        padding-bottom: 0px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;   
	background-color: none;
	box-sizing:border-box;
        outline: 0px solid red; 
}


#content_oben  {
	background-color: none;
        height: 550px;
        outline: 0px solid blue;
	padding-top: 20px;
        padding-left:  40px;
        padding-right:  0px;
        padding-bottom: 50px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        outline: 0px solid blue;
}




.csstab  {
        float: left;
        width: 330px;
        height: 40px;
        display: block;
        font-family: Verdana, Arial, Helvetica; 
        font-size:0.9em; 
        color:#FFFFFF;
        text-decoration: none;  
        margin-top: 0px;
        margin-right: 60px;
        margin-bottom: 30px; 
        outline: 0px solid blue;
}


#content_mitte_1  {
	background-color: none;
        height: 330px;
        outline: 0px solid blue;
	padding-top: 10px;
        padding-left:  40px;
        padding-right: 80px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid red;
}

#content_mitte_liste  {
	background-color: none;
        height: 200px;
        padding-top: 10px;
        padding-left:  40px;
        padding-right: 80px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid white;
}

#content_mitte_2  {
	background-color: none;
        height: 160px;
        outline: 0px solid blue;
	padding-top: 10px;
        padding-left:  40px;
        padding-right: 80px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        outline: 0px solid red;
}


#content_unten  {
	background-color: none;
        height: 740px;
        padding-top: 30px;
        padding-left:  40px;
        padding-right: 50px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid white;
}



.textfoto {
	background-color: transparent;
        width: 200px;
        height:auto;
        box-sizing: border-box;
        padding-top: 0px; 
	padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 0px;
        outline: 0px solid blue; 
        
}

.groupspace {
	background-color: transparent;
        width: 220px;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px; 
	padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
	box-sizing: border-box;
        outline: 0px solid blue;
 
        
}



/* --------- GROSSER DESKTOP - Footer --------  */



#footer {
	width:98%;
        height: 160px;
	background: linear-gradient(to top, #C3B99D, #8A774D, #C3B99D  );
        margin-left: auto;
        margin-right: auto;
        margin-top: 2%;
	margin-bottom: 2%;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px; 
        padding-bottom: 10px;
        text-align: center;
        box-sizing:border-box;
        outline: 0px solid blue;
}


.link40_li {
	float:left;
        width:22.5%;
        height: 80px;
        background-color:#665E48;
        margin-top: 1px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.5), 4px 4px 8px rgba(0,0,0,0.5);
}

.link40_mitte1 {
	float:left;
        width:22.5%;
        height: 80px;
        background-color:#665E48;
        margin-top: 1px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 5px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.5), 4px 4px 8px rgba(0,0,0,0.5);
}

.link40_mitte2 {
	float:left;
        width:22.5%;
        height: 80px;
        background-color:#665E48;
        margin-top: 1px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 5px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.5), 4px 4px 8px rgba(0,0,0,0.5);
}


.link40_re {
	float:left;
        width:22.5%;
        height: 80px;
        background-color:#665E48;
        margin-top: 1px;
        margin-left: 2%;
        margin-right: 2%; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.5), 4px 4px 8px rgba(0,0,0,0.5);


}


#navi_gesamt_unten   {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 4%;
        outline: 0px solid blue;
}


#navi_unten_li  {
	float: left;
        width:50%;
        height: 36px;
        background-color: #125860; 
	padding-left: 3%;
        padding-right: 36%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#navi_unten_re  {
	float: left;
        width:50%;
        height: 36px;
        background-color: #125860; 
	padding-left: 36%;
        padding-right: 3%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid blue;
}

/* --------- GROSSER DESKTOP - BUTTON 1, 2 und 3 --------  */


.button1 {
    width:238px;
    height: 48px;
    background-color: #5A7F47; ;
    font-family:verdana;
    color: #FFFFFF;
    font-size:0.9em;
    display: inline-block; 
    margin-bottom: 0px;
    padding-top: 22px;
    padding-left: 10px; 
    padding-right: 0px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button1:hover
    {
    background-color: #665E48; 
}

.button1:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button1special {
    width:238px;
    height: 50px;
    background-color: #5A7F47;
    font-family:verdana;
    color: #FFFFFF;
    font-size:0.9em;
    display: inline-block; 
    margin-bottom: 0px;
    padding-top: 22px;
    padding-left: 10px; 
    padding-right: 0px;
    text-decoration: none;
}

.button1special:hover    {
    background-color: #386E7E; 
}

.button1special:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}




.button2 {
    width:200px;
    height: 30px;
    background-color: #125860;
    display: inline-block;
    padding-top: 1px;
    padding-left: 2px; 
    padding-right: 2px;
    padding-bottom: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family:verdana;
    color: #FFFFFF; 
    font-size:1.4em;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 5px 5px rgba(0,0,0,0.5), 0 3px 4px rgba(0,0,0,0.5);
    outline: 0px solid blue;
}

.button2:hover
    {
    background-color: #665E48; 
}

.button2:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button3 {
    width:99%;
    height: 49px;
    background-color: #759A64;
    display: inline-block;
    color: #FFFFFF;
    font-family:verdana;
    font-size: 1.0em; 
    margin-bottom: 0px;
    padding-top: 30px;
    padding-left: 5px; 
    padding-right: 0px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.button3:hover
    {
    background-color: #665E48; 
}

.button3:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


/* --------- GROSSER DESKTOP - IMG-Formatierungen Maße von Neuss.de --------  */


IMG.center1 {
    	display: block;
        width: 1100px;
        height: auto;
        padding-top: 0px;
        padding-bottom: 0px;
    	margin-left: auto;
    	margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        outline: 0px solid white;
        
}

IMG.center2 {
    	display: block;
        max-width: 100%;
        height: auto;
    	margin-left: auto;
    	margin-right: auto;
        margin-bottom: 10px;
        
}

IMG.format1 {
    	float:left;
        display: block; 
       	max-width: 100%;
        height: auto;
        padding-top: 30px;
        padding-left:10px;
        padding-right: 15px;
        padding-bottom: 10px;
        margin-top: 10px;
        margin-left: 0px;
    	margin-right: 800px;
        margin-bottom: 50px;
        outline: 0px solid blue;
        
}

IMG.format2 {
    	float:left;
        display: block; 
        width: 226px;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;           
        margin-top: 20px;
        margin-left: 0px;
    	margin-right: 0px;
        margin-bottom: 0px;
        outline: 0px solid blue;
        
}

IMG.format3 {
    	float:left;
        display: block;
    	width: 700px;
        height: auto;
        padding-top: 15px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 30px;         
        margin-top: 30px;
        margin-left: 150px;
    	margin-right: 200px;
        margin-bottom: 20px;
        outline: 0px solid blue;
        
}

IMG.format4 {
    	float:left;
        display: block;
    	width: 60px;
        height: auto;
        padding-top: 15px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 30px;         
        margin-top: 10px;
        margin-left: 0px;
    	margin-right: 0px;
        margin-bottom: 10px;
        outline: 0px solid blue;
        
}

}/* --------- Viewport Ende-Zeichen, nicht löschen   --------  */




/* --------- KLEINER DESKTOP zwischen 960 und 1600 Pixel   --------  */


@media only screen and (max-width: 1600px) {

body {
    background-color: #C3B99D; font-size: 113%;
  }


#navi_gesamt_oben   {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 0px;
        outline: 0px solid blue;
}

#navi_oben_li  {
	float: left;
        width:50%;
        height: 33px;
        background-color: #537C4D; 
	padding-left: 3%;
        padding-right: 40%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#navi_oben_re  {
	float: right;
        width:50%;
        height: 33px;
        background-color: #537C4D; 
	padding-left: 32%;
        padding-right: 3%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid blue;
}


#header_oben {
	width:98%;
        height: auto;
        background-color: #023800; 
	padding-top: 0px;
	padding-bottom: 0px;
        margin-top: 0px;
	margin-left: auto;
        margin-right: auto;
	margin-bottom: 0px;
        text-align: center;
        font-size: 1.2em;
        box-sizing:border-box;
        outline: 0px solid blue;
}


#header_unten {
	width:98%;
        height:130px;
	background-color: none;
	margin-top: 0%;
	margin-left: auto;
        margin-right: auto;
	margin-bottom: 0%;
	padding: 50px;	
        padding: 40px;
        text-align: center;
        font-size: 1.0em;
        box-sizing:border-box;
        outline: 0px solid blue;  
}


/* ----Foto oben nur über IMG.center1 def ----  */





#wrapper {
	
	width:960px;
        margin:10px auto;
        outline: 0px solid blue;
        
}

/* ----SIDEBAR ----  */

#sidebar_links {
	float:left;
	width:22%;
	height:2000px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right:0px;
        margin-right: 2%;
        box-sizing:border-box;
        text-decoration: none;
        outline: 0px solid white;
}


#sidebar_links_oben {
	float:left;
	background: linear-gradient(to top, #5A7F47, #023800  );
	width: 100%;
        height: 500px;
        padding-top: 40px;
        padding-left: 10px;
        padding-right:0px;
        padding-bottom: 20px; 
        margin-top: 0px;
        margin-left: 0px;
        margin-right:0%;
        margin-bottom: 60px; 
        box-sizing:border-box;
        font-size: 1.0em;
        outline: 0px solid blue;
}


#sidebar_links_unten {
	float:left;
        width: 100%;
        height: 1440px;  
	background-color: #023800;
        background-image:url(waldgitarre.jpg);
        background-position: center bottom+5%;
        background-repeat:no-repeat; 
	padding-top: 120px;
        padding-left: 20px;
        padding-right:20px;
        margin-top: 0px;
        margin-right:2%;
        margin-bottom: 0px; 
        box-sizing:border-box;
        outline: 0px solid red;
}

.name60 {
	width: 100%;
        height: 60px;
       	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 80px;  
        text-align: left;
        outline: 0px solid blue;
}

.link60 {
	background-color:#665E48;
        width: 100%;
        height: 60px;
        margin-bottom: 60px;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        font-size: 0.8.em
        box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
}

.link60transp {
	background-color: none;
        width: 100%;
        height: 90px;
        margin-bottom: 50px;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        font-size: 0.8em;
        outline: 0px solid blue;
}

.link60start {
	background-color:#665E48;
        width: 100%;
        height: 60px;
        margin-bottom: 60px;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        font-size: 0.8.em
        box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
}

.link60kon {
	background-color:#665E48;
        width: 100%;
        height: 60px;
        margin-top: 0%;
        margin-bottom: 60%;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        font-size: 0.8.em
        box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);


}

/* --------- KLEINER  DESKTOP - Contentbereich   ---------  */
 

#content {
	float:left;
	width:76%;
        height:2000px;
	padding-top: 0%;
        padding-left: 0%;
        padding-right: 0%; 
        padding-bottom: 0%;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;   
	background-color: none;
	box-sizing:border-box;
        font-size: 1.0em;
        outline: 0px solid white; 
}


#content_oben  {
	background-color: none;
        height: 520px;
       	outline: 0px solid blue;
        padding-top: 20px;
	padding-left:  20px;
        padding-right: 10px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        font-size: 1.0em; 
        text-align:left;
        outline: 0px solid blue;
}

.csstab  {
        float: left;
        width: 250px;
        height: 30px; 
        display: block;
        line-height: 20px;
        margin-top: 0px;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 20px;
        font-family: Verdana, Arial, Helvetica; 
        font-size:0.8em;
        text-decoration: none;  
        color:#FFFFFF;
        outline: 0px solid blue;
}


#content_mitte_1  {
	background-color: none;
        height: 400px;
        outline: 0px solid blue;
	padding-top: 10px;
        padding-left:  40px;
        padding-right: 80px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid red;
}

#content_mitte_liste  {
	background-color: none;
        height: 230px;
        outline: 0px solid blue;
	padding-top: 30px;
        padding-left:  40px;
        padding-right: 20px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box;
        font-size: 1em;
        outline: 0px solid white;
}

#content_mitte_2  {
	background-color: none;
        height: 190px;
        outline: 0px solid blue;
	padding-top: 10px;
        padding-left:  40px;
        padding-right: 80px;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        outline: 0px solid red;
}

#content_unten  {
	background-color:#none;
        height: 630px;
       	box-sizing: border-box;
        padding-top: 20px;
        padding-left:  20px;
        padding-right: 20px;
        padding-bottom: 50px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        font-size: 0.9em;
        outline: 0px solid blue; 
       
}



.textfoto {
	background-color: transparent;
        width: 80%;
        height:auto;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;
	box-sizing: border-box;
        outline: 0px solid blue;
       
        
}

.groupspace {
	background-color: none;
        width: 90%;
        height: 0px;
        padding-top: 0px; 
	padding-left: 0px;
        padding-right:0px
        padding-bottom: 0px; 
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
	box-sizing: border-box;
        outline: 0px solid blue; 
        
}





/* --------- KLEINER DESKTOP - Footer --------  */



#footer {
	width:90%;
        height: 160px;
	background: linear-gradient(to top, #C3B99D, #8A774D, #C3B99D  );
        margin-left: auto;
        margin-right: auto;
        margin-top: 1%;
	margin-bottom: 0%;
        padding-top: 30px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        text-align: center;
        box-sizing:border-box;
        outline: 0px solid blue;
}

.link40_li {
	float:left;
        width:22.5%;
        height: 50px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}

.link40_mitte1 {
	float:left;
        width:22.5%;
        height: 50px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}

.link40_mitte2 {
	float:left;
        width:22.5%;
        height: 50px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}


.link40_re {
	float:right;
        width:22.5%;
        height: 50px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 2%; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}


#navi_gesamt_unten   {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 4px;
        outline: 0px solid blue;
}

#navi_unten_li  {
	float: left;
        width:50%;
        height: 33px;
        background-color: #125860; 
	padding-left: 1%;
        padding-right: 40%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid red;
}

#navi_unten_re  {
	float: left;
        width:50%;
        height: 33px;
        background-color: #125860; 
	padding-left: 32%;
        padding-right: 3%;
        padding-top: 1px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid red;

}

/* --------- KLEINER DESKTOP - BUTTON 1, 2 und 3 --------  */

.button1 {
    width:95%;
    height: 38px;
    background-color: #5A7F47; 
    color: #FFFFFF;
    font-family:verdana;
    font-size:0.8em; 
    margin-bottom: 0px;
    padding-top: 22px;
    padding-left: 08px; 
    padding-right: 0px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button1:hover
    {
    background-color: #665E48; 
}

.button1:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button1special {
    width:95%;
    height: 44px;
    background-color: #5A7F47;
    color: #FFFFFF;
    font-family:verdana;
    font-size:0.8em; 
    margin-bottom: 0px;
    padding-top: 17px;
    padding-left: 08px; 
    padding-right: 0px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button1special:hover    {
    background-color: #386E7E; 
}

.button1special:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}



.button2 {
    width:200px;
    height: 28px;
    background-color: #125860;
    display: inline-block;
    padding-top: 1px;
    padding-left: 2px; 
    padding-right: 2px;
    padding-bottom: 0px;
    font-family:verdana;
    color: #FFFFFF; 
    font-size:1.1em;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 5px 5px rgba(0,0,0,0.5), 0 3px 4px rgba(0,0,0,0.5);
}

.button2:hover
    {
    background-color: #665E48; 
}

.button2:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button3 {
    width:99%;
    height: 33px;
    background-color: #759A64;
    display: inline-block;
    font-family:verdana;
    font-size:1.0em; 
    margin-bottom: 0px;
    padding-top: 15px;
    padding-left: 5px; 
    padding-right: 0px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.button3:hover
    {
    background-color: #665E48; 
}
.button3:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}



/* ---------- KLEINER DESKTOP-BILDSCHIRM - BILDER Maße von Neuss.de ---------- */     



IMG.center1 {
    	display: block;
        max-width: 800px;
        height: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px:
        margin-bottom: 0px; 
    	margin-left: auto;
    	margin-right: auto;
        outline: 0px solid blue;
}


IMG.center2 {
    	display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
    	margin-right: auto;
        margin-bottom: 10px;
}

          
IMG.format1 {
    	float:left;
        display: block;
    	width: 300px;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 5px;         
        margin-top: 0px;
        margin-left: 0px;
    	margin-right: 400px;
        margin-bottom: 50px;
        background-color: #COCOCO;
}


IMG.format2 {
    	float:left;
        display: block;
    	width: 150px;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;         
        margin-top: 50px;
        margin-left: 20px;
    	margin-right: 0px;
        margin-bottom: 30px;
        outline: 0px solid blue;
        
}

IMG.format3 {
    	float:left;
        display: block;
    	width: 550px;
        height: auto;
        padding-top: 0px;
        padding-left: 30px;
        padding-right: 80px;
        padding-bottom: 20px;         
        margin-top: 10px;
        margin-left: 20px;
    	margin-right: 20px;
        margin-bottom: 20px;
        outline: 0px solid blue;
        
}

IMG.format4 {
    	float:left;
        display: block;
    	width: 60px;
        height: auto;
        padding-top: 15px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 30px;         
        margin-top: 10px;
        margin-left: 0px;
    	margin-right: 0px;
        margin-bottom: 10px;
        outline: 0px solid blue;
        
} 



}/* --------- Viewport Ende-Zeichen, nicht löschen   --------  */





/* --------- TABLET-Bildschirm zwischen 480 und 1024 Pixel   --------  */


@media only screen and (max-width: 1024px) {


body {
    background-color: #C3B99D; font-size: 120%;
  }


#navi_gesamt_oben   {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 0px;
        outline: 0px solid blue;
}


#navi_oben_li  {
	float: left;
        width:50%;
        height: 30px;
        background-color:#537C4D; 
	padding-left: 4%;
        padding-right: 33%;
        padding-top: 2px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 1em;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#navi_oben_re  {
	float: right;
        width:50%;
        height: 30px;
        background-color: #537C4D; 
	padding-left: 33%;
        padding-right: 2%;
        padding-top: 2px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 1em;
        box-sizing:border-box;
        outline: 0px solid blue;
}


#header_oben {
	width:98%;
        height:auto;
	background-color: #023800;
	padding-top: 0%;
	padding-bottom: 0%;
        margin-top: 1%;
        margin-bottom: 0%;
        margin-left: auto;
        margin-right: auto;
	text-align: center;
        box-sizing:border-box;
        outline: 0px solid blue;
}

/* ----Foto oben nur über IMG.center1 def ----  */


#header_unten {
	width:98%;
        height:auto;
	background-color: none;
	padding-top: 30px;
	padding-bottom:5px;
        margin-top: 2%;
        margin-bottom: 2%;
        margin-left: auto;
        margin-right: auto;
	text-align: center;
        font-size: 0.9em;
        box-sizing: border-box;
        outline: 0px solid blue; 
}


#wrapper { 
        width:98%;
        margin:1%; 
        padding-top: 0%;
        padding-bottom: 0%;
        box-sizing:border-box;
}



#sidebar_links { 
        width:24%;
        height: 2300px;
        padding-top: 0px; 
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        background-color: none;
        background-image:url(waldgitarre.jpg);
        background-position: center bottom;
        background-repeat:no-repeat;
        box-sizing:border-box;
        margin-top: 0%
        margin-bottom: 1%;
	text-decoration: none;
        outline: 0px solid white;
}

#sidebar_links_oben { 
        height: auto;
        width:100%;
        background: linear-gradient(to top, #5A7F47, #023800  );
        padding-top: 20px; 
        padding-left: 10px;
        padding-left: 10px;
        box-sizing:border-box;
        margin-top: 0%
        margin-bottom: 1%;
        font-size: 0.8em;
	text-decoration: none;
        outline: 0px solid white;
}

#sidebar_links_unten { 
        height: auto;
        width:100%;
        padding-top: 60px; 
        padding-left: 10px;
        padding-bottom: 700px;
        background-color: none;
        background: linear-gradient(to bottom, #023800, #125860, #426626 );
        box-sizing:border-box;
        margin-top: 0%
        margin-bottom: 1%;
	text-decoration: none;
        outline: 0px solid white;
} 

.name60 {
	width: 100%;
        height: auto;
        margin-bottom: 0%;
        padding-top: 1%;
        padding-bottom: 20%;
        box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        text-align: left;
	
}

.link60 {
	background-color:#665E48;
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        margin-bottom: 50px;
        font-size: 1.05em;
        box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
}

.link60start {
	background-color:#665E48;
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        padding-top: 0px; 
	padding-left: 0px;
        margin-top: 120px; 
        margin-bottom: 60px;
        font-size: 1em; 
        box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
        text-align: left;
        outline: 0px solid blue;    
}

.link60kon {
	background-color:#665E48;
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        padding-top: 0px; 
	padding-left: 0px;
        margin-bottom: 50px;
        font-size: 1.05em;
        box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
        outline: 0px solid blue;
        
}


#content {
	height: auto;
        width:74%;
	padding-top: 0%;
        padding-left: 0%;
        padding-right: 2%; 
        padding-bottom: 0%;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
	background-color: none;
        box-sizing: border-box;
        outline: 0px solid blue; 
}


#content_oben  {
	background-color: none;
        height: auto;
        padding-top: 5%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5%;
        margin-top: 0px;
        margin-bottom: 5px;
        box-sizing: border-box;
        outline: 0px solid blue;
 
}

.csstab  {
        width: 42%;
        height: 28px;
        display: block;
        padding-bottom: 5%;
        margin-top: 0%
        margin-left: 1%
        margin-right: 0%
        margin-bottom: 0%
        font-family: Verdana, Arial, Helvetica; 
        font-size:0.9em; 
        color:#FFFFFF;  
        line-height:150%;
        float: left;
        
}

#content_mitte_1  {
	background-color: none;
        height: auto;
        outline: 0px solid blue;
	padding-top: 5%;
        padding-left:  20px;
        padding-right: 80px;
        padding-bottom: 5%;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        outline: 0px solid red;
}

#content_mitte_liste  {
	background-color: none;
        height: auto;
        padding-top: 10px;
        padding-left:  1%;
        padding-right: 0.5%;
        margin-top: 0%;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        font-size: 0.8em;
        outline: 0px solid white;
}

#content_mitte_2  {
	background-color: none;
        height: auto;
       	padding-top: 10px;
        padding-left: 20px;
        padding-right:40px;
        padding-bottom: 5%;  
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 10px;
        box-sizing:border-box;
        outline: 0px solid red;
}

#content_unten  {
	background-color: none;
        height: auto;
        padding-top: 5%;
        padding-left:1%;
        padding-right:1%;
        padding-bottom:1%; 
        margin-top: 0px;
        margin-bottom:3px;
        box-sizing: border-box;
        outline: 0px solid blue;
}



.textfoto {
	float: left;
        background-color: transparent;
        width: 20%;
        height:auto;
        margin-left: 2%;
        margin-right:2%;
        margin-top: 15px;
        margin-bottom: 15px;
	padding-top: 0px; 
	padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        font-size: 0.9em;
        text-align: center;
        box-sizing: border-box;
        outline: 0px solid blue; 
        
}

.groupspace {
	float: left;
        background-color: none;
        width: 1%;
        height:auto;
        margin-left: 1%;
        margin-right:1%;
        margin-top: 10px;
        margin-bottom: 10px;
	box-sizing: border-box;
        padding-top: 0px; 
	padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        outline: 0px solid blue; 
        
}






/* --------- TABLET-Bildschirm - Footer --------  */




#footer {
	width:98%;
        height:110px;
	background: linear-gradient(to top, #C3B99D, #8A774D, #C3B99D  );
	margin-left: auto;
        margin-right: auto;
        margin-top: 2%;
	margin-bottom: 1%;
	padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        text-align: center;
        box-sizing:border-box;
}


.link40_li {
	float:left;
        width:22.5%;
        height: 40px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
}

.link40_mitte1 {
	float:left;
        width:22.5%;
        height: 40px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
}

.link40_mitte2 {
	float:left;
        width:22.5%;
        height: 40px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
}


.link40_re {
	float:right;
        width:22.5%;
        height: 40px;
        background-color:#665E48;
        margin-top: 05px;
        margin-left: 2%;
        margin-right: 2%; 
        margin-bottom: 05px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.5);
}


#navi_gesamt_unten   {
        width: 98%;
        height: 60px;
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 0%;
	padding-bottom: 0%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2%;
        margin-bottom: 0px;
        outline: 0px solid blue;
}


#navi_unten_li  {
	float: left;
        width:50%;
        height: 30px;
        background-color: #125860; 
	padding-left: 4%;
        padding-right: 22%;
        padding-top: 2px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 1em;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#navi_unten_re  {
	float: right;
        width:50%;
        height: 30px;
        background-color: #125860; 
	padding-left: 33%;
        padding-right: 4%;
        padding-top: 2px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 1em;
        box-sizing:border-box;
        outline: 0px solid blue;
}


/* --------- TABLET-Bildschirm - Button 1, 2 und 3 --------  */

.button1 {
    width:97%;
    height: 40px;
    background-color: #5A7F47;
    display: inline-block;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-left: 5px; 
    padding-right: 0px;
    padding-bottom: 2px;
    font-family:verdana;
    font-size:0.7em;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.button1:hover
    {
    background-color:  #665E48; 
}
.button1:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button1special {
    width:95%;
    height: 42px;
    display: inline-block;
    background-color: #5A7F47; 
    margin-bottom: 0px;
    padding-top: 18px;
    padding-left: 5%; 
    padding-right: 0px;
    padding-bottom: 2px;
    font-family:verdana;
    font-size:0.7em;
    color: #FFFFFF; 
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button1special:hover    {
    background-color: #386E7E; 
}

.button1special:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}



.button2 {
    width:97%;
    height: 24px;
    background-color: #125860;
    display: inline-block;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
    padding-top: 0px;
    padding-left: 0px; 
    padding-right: 0px;
    padding-bottom: 0px;
    font-family:verdana;
    color: #FFFFFF; 
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 5px 5px rgba(0,0,0,0.5), 0 3px 4px rgba(0,0,0,0.5);
}

.button2:hover
    {
    background-color: #665E48;
}
.button2:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button3 {
    width:98%;
    height: 30px;
    background-color: #759A64;
    display: inline-block;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-left: 5px; 
    padding-right: 0px;
    font-family:verdana;
    font-size:0.8em;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button3:hover
    {
    background-color: #665E48; 
}
.button3:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


/* -------- TABLET-BILDSCHIRM BILDER Formatierung: neuss.de --------- */
     
	
        IMG.center1 {
    	display: block;
    	max-width: 100%;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        margin-left: auto;
    	margin-right: auto;
        margin-top: 0%;
        margin-bottom: 0%;
	
}
        

        IMG.center2 {
    	display: block;
        max-width: 100%;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 5%; 
    	margin-left: auto;
    	margin-right: auto;
        margin-bottom: 0px;
}


        IMG.format1 {
    	display: block;
        float: left;
    	max-width: 44%;
        height:auto;
        padding-top: 3%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 2%;
        margin-top: 0%;             
        margin-left: auto;
    	margin-right: 40%;
        margin-top: 0%;
        margin-bottom: 8%;
         
}

        IMG.format2 {
    	float:left;
        display: block;
    	max-width: 80%;
        max-height: auto;
        margin-top: 4%;             
        margin-left: 7%;
    	margin-right: auto;
        margin-bottom: 4%;
	padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        outline: 0px solid blue;
        
}

        IMG.format3 {
    	float:left;
        display: block;
    	width: 100%;
        height: auto;
        padding-top: 1%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 2%;         
        margin-top: 1%;
        margin-left: 0%;
    	margin-right: 0%;
        margin-bottom: 5%;
        outline: 0px solid blue;
        
}

        IMG.format4 {
    	float:left;
        display: block;
    	max-width: 90%;
        height: auto;
        padding-top: 5%;
        padding-left: 1%;
        padding-right: 4%;
        padding-bottom: 5%;         
        margin-top: 5%;
        margin-left: 2%;
    	margin-right: 2%;
        margin-bottom: 5%;
        outline: 0px solid blue;
        
}


}/* --------- Viewport Ende-Zeichen, nicht löschen   --------  */




/* --------- MOBILES mit max 600 Pixel   --------  */


@media only screen and (max-width: 600px) {

body {
    background-image: none; background-color: white; font-size: 110%;
}


#navi_gesamt_oben   {
        width: 97%;
        margin-top: 1%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0%;
        outline: 0px solid blue;
}


#navi_oben_li  {
	float: left;
        width:50%;
        height: 30px;
        background-color: #557D4B; 
	padding-left: 5%;
        padding-right: 33%;
        padding-top: 0px;
	padding-bottom: 0px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 0.8em;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#navi_oben_re  {
	float: right;
        width:50%;
        height: 30px;
        background-color: #557D4B; 
	padding-left: 33%;
        padding-right: 5%;
        padding-top: 0px;
	padding-bottom: 2px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 0.8em;
        box-sizing:border-box;
        outline: 0px solid blue;
}


#header_oben {
	width:97%;
        height:auto;
	background-color: #395D1D;
	margin-left: auto;
        margin-right: auto;
        margin-top: 0%;
        margin-bottom: 0.5%;
	padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px; 
        text-align: left;
        box-sizing: border-box;
}

#header_unten {
	width:97%;
        height: auto;
	background-color: #395D1D;
	margin-top: 0%;
        margin-left: auto;
        margin-right: auto; 
        margin-bottom: 0.5%;
	padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px; 
        text-align: left;
        font-size: 0.8em;
        box-sizing: border-box;
}



#wrapper { 
         width:97%;
         padding: 0%;
         margin-top: 0%;
         margin-left: auto;
         margin-right: auto;
         outline: 0px solid red;
         box-sizing:border-box;         
}


#sidebar_links {
	width:100%;
        height:auto;
        margin-left: 0px;  
	margin-right: 0px;
        margin-top: 0%;
	margin-bottom: 0%;
        background-color: none;
        background-image: none;
        padding-top: 0px;
        padding-bottom: 0px;
        box-sizing: border-box;
        outline: 0px solid red;
}

#sidebar_links_oben {
	float: left;
        width:100%;
        height:auto;
        background: linear-gradient(to top, #5A7F47, #023800  );
        margin-left: 0px;  
	margin-right: 0px;
        margin-top: 0%;
	margin-bottom: 0%;
        padding-top: 0%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        font-size: 1.0em;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#sidebar_links_unten {
	width:100%;
        height:auto;
        margin-left: 0px;  
	margin-right: 0px;
        margin-top: 0%;
	margin-bottom: 1%;
        background: #C3B99D;;
        padding-top: 10px;
        padding-left: 0px; 
        padding-right: 40px;
        padding-bottom: 15px;
        box-sizing:border-box;
}

.name60 {
	width: 100%;
        height: auto;
        margin-bottom: 0%;
        padding-top: 4%;
        padding-bottom: 4%;
	box-sizing: border-box;
        outline: 0px solid blue;
        padding-top: 0px; 
	padding-left: 0px;
        text-align: left;
	
}

.link60 {
	background-color:#665E48;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        outline: 0px solid blue;
	padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px; 
	padding-left: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}

.link60start {
	float: left;
        width:60%;
        height: 40px;
        margin-top: 0%;
        margin-bottom: 0%;
        padding-left: 0.1%;
        padding-top: 3%;
        padding-bottom: 4%;
      	background: linear-gradient(to bottom, #628751, #B5DCA3  ); 
	box-sizing: border-box;
        outline: 0px solid blue;
        font-size: 1.0em;
        text-align: left;  
        box-shadow: 0 3px 0px rgba(0,0,0,0.3), 0 1px 0px rgba(0,0,0,0.5);
}

.link60kon {
	float: left;
        width:40%;
        height: 40px;
        margin-top: 0%;
        margin-bottom: 0%;
        padding-left: 0%;
        padding-top: 3%;
        padding-bottom: 4%;
        background: linear-gradient(to bottom, #628751, #B5DCA3  );;
	box-sizing: border-box;
        outline: 0px solid blue;
        text-decoration: none;
        font-size: 1.0em;
        text-align: center;
        box-shadow: 0 3px 0px rgba(0,0,0,0.3), 0 1px 0px rgba(0,0,0,0.5);
}


/* --------- MOBILES Content   --------  */


#content {
	width:100%;
        height:auto;
	background:#597E48;
	padding-top: 0%;
        padding-left: 0%;
        padding-right: 2%; 
        padding-bottom: 0%;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box; 
}


#content_oben  {
	width:100%;
        background-color:#395D1D;
        height: auto;
        outline: 0px solid blue;
	padding-top: 7%;
        padding-left:  5%;
        padding-right:  3%;
        padding-bottom: 1%;  
        margin-top: 0%;
        margin-bottom: 0%;
        font-size: 1.0em;
        box-sizing:border-box;
        h2-text-align:center;
        outline: 0px solid blue; 

}

.csstab  {
        float: left;
        width: 39%;
        height: 10px; 
        display: block;
        color:#FFFFFF;  
        line-height:150%;
        padding-top: 1%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 6%;
        margin-top: 0%
        margin-left: 1%
        margin-right: 0%
        margin-bottom: 7%
        font-family: Verdana, Arial, Helvetica; 
        font-size:0.8em;     
}

#content_mitte_1  {
	background-color:#395D1D;
        height: auto;
        outline: 0px solid blue;
	padding-top: 7%;
        padding-left:  5%;
        padding-right: 3%;
        padding-bottom: 1%;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box;
        outline: 0px solid red;
}

#content_mitte_liste  {
	background-color:#395D1D;
        height: auto;
        padding-top: 7%;
        padding-left:  1%;
        padding-right: 1%;
        padding-bottom: 1%;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        box-sizing:border-box;
        font-size: 0.76em;
        outline: 0px solid white;
}

#content_mitte_2  {
	background-color:#395D1D;
        height: auto;
       	padding-top: 7%;
        padding-left:  5%;
        padding-right: 3%;
        padding-bottom: 1%;
        margin-top: 0px;
        margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 0px;
        font-size: 1.0em;
        box-sizing:border-box;
        outline: 0px solid red;
}



#content_unten  {
	width:100%;
        background-color:#395D1D;
        height: auto;
       	outline: 0px solid blue;
	padding-top: 10%;
        padding-left:  5%;
        padding-right:  1%;
        padding-bottom: 4%;
        margin-top: 0.5%;
       	margin-left: 0%; 
	margin-right: 0%;
	margin-bottom: 1%;
        font-size: 1.0em; 
        box-sizing:border-box;
        outline: 0px solid blue; 
}



.textfoto {
	float: left;
        background-color: transparent;
        width: 19%;
        height:auto;
        margin-left: 2%;
        margin-right:2%;
        margin-top: 10px;
        margin-bottom: 10px;
	box-sizing: border-box;
        padding-top: 0px; 
	padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        outline: 0px solid blue;
        font-size: 0.8em;
        text-align: center;  
        
}

.groupspace {
	float: left;
        background-color: transparent;
        width: 2%;
        height:auto;
        margin-left: 1%;
        margin-right:1%;
        margin-top: 10px;
        margin-bottom: 10px;
	box-sizing: border-box;
        padding-top: 0px; 
	padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        outline: 0px solid blue; 
        
}



/* --------- MOBILE - Footer --------  */



#footer {
	width: 98%;
        height: auto;
	background: linear-gradient(to top, #C3B99D, #8A774D, #C3B99D  );
	margin-left: auto;
        margin-right: auto;
        margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 05px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom:05px;
        text-align: center;
        box-sizing:border-box;
        outline: 0px solid red;
}



.link40_li {
	float:left;
        width:22.5%;
        height: 30px;
        background-color:#665E48;
        margin-top: 30px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 0px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}

.link40_mitte1 {
	float:left;
        width:22.5%;
        height: 30px;
        background-color:#665E48;
        margin-top: 30px;
        margin-left: 2%;
        margin-right: 0; 
        margin-bottom: 0px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}

.link40_mitte2 {
	float:left;
        width:22.5%;
        height: 30px;
        background-color:#665E48;
        margin-top: 30px;
        margin-left: 2;
        margin-right: 0; 
        margin-bottom: 0px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
}


.link40_re {
	float:right;
        width:22.5%;
        height: 30px;
        background-color:#665E48;
        margin-top: 30px;
        margin-left: 2%;
        margin-right: 2%; 
        margin-bottom: 0px;
        padding-top: 0px; 
	box-sizing: border-box;
        outline: 0px solid blue;
        text-align:center;
	box-shadow: 0 3px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);

}

#navi_gesamt_unten   {
        width: 98%;
        height: auto;
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 0%;
	padding-bottom: 0px;
        margin-top: 0%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0%;
        outline: 0px solid red;
}

#navi_unten_li  {
        float: left;
        width:50%;
        height: 48px;
        background-color: #557D4B; 
	padding-left: 1%;
        padding-right: 22%;
        padding-top: 2%;
	padding-bottom: 0px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 0.9em;
        box-sizing:border-box;
        outline: 0px solid blue;
}

#navi_unten_re  {
	float: left;
        width:50%;
        height: 48px;
        background-color: #557D4B; 
	padding-left: 23%;
        padding-right: 1%;
        padding-top: 2%;
	padding-bottom: 0px;
        margin-top: 0px;
	margin-bottom: 0px;
        text-align: center;
        font-size: 0.9em;
        box-sizing:border-box;
        outline: 0px solid blue;	
}




/* --------- MOBILES - Button 1, 2 und 3   --------  */


.button1 {
    width:99%;
    height: 24px;
    background-color: #5A7F47;
    display: inline-block;
    font-family:verdana;
    font-size:1.0em; 
    margin-bottom: 0px;
    padding-top: 15px;
    padding-left: 5px; 
    padding-right: 0px;
    padding-bottom:2px; 
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button1:hover
    {
    background-color: #665E48; 
}

.button1:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button1special {
    width:95%;
    height: auto;
    background-color: transparent;
    display: inline-block;
    font-family:verdana;
    font-size:0.95em;
    color: #FFFFFF;
    margin-top: -20%; 
    margin-bottom: 10px;
    padding-top:10px;
    padding-left: 05px; 
    padding-right: 0px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button1special:hover    {
    background-color: color:#B3D5FC; 
}

.button1special:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}



.button2 {
    width:90%;
    height: auto;
    background-color: #125860;
    display: inline-block;
    padding-top: 0px;
    padding-left: 1%; 
    padding-right: 1%;
    padding-bottom: 0px;
    font-family:verdana;
    color: #FFFFFF; 
    font-size:1em;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3), 0 3px 4px rgba(0,0,0,0.3);
}


.button2:hover
    {
    background-color: background-color: #665E48; 
}

.button2:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


.button3 {
    width:95%;
    height: 25px;
    background-color: #759A64;
    display: inline-block;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-left: 5px; 
    padding-right: 0px;
    font-family:verdana;
    font-size:0.8em;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button3:hover
    {
    background-color: #665E48; 
}

.button3:active {
    box-shadow: 0 2px 0 #393939, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
    top: 7px;
}


/* ---  MOBILE - BILDER Klassen ---------- */
     
	IMG.center1 {
    	display: block;
    	max-width: 97%;
        height: auto;
        margin-left: auto;
    	margin-right: auto;
        margin-top: 0%;
        margin-bottom: 0%;
	padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
}

        IMG.center2 {
    	display: block;
        max-width: 100%;
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10%; 
    	margin-left: auto;
    	margin-right: auto;
        margin-bottom: 0px;
}


        IMG.format1 {
    	display: block;
        float: left;
    	max-width: 50%;
        height:auto;
        margin-top: 0%;             
        margin-left: 24%;
    	margin-right: 30%;
        margin-top: 0%;
        margin-bottom: 5%;
	padding-top: 2%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
       
}

        IMG.format2 {
    	float: left;
        display: block;
    	max-width: 24%;
        max-height: auto;             
        margin-left: 0%;
    	margin-right: 2%;
        margin-top: 0%;
        margin-bottom: 0%;
	padding-top: 2%;
        padding-left: 2%;
        padding-right: 2%;
        padding-bottom: 2%;
        outline: 0px solid blue;

}

        IMG.format3 {
    	float: left;
        display: block;
    	max-width: 98%;
        max-height: auto;             
        padding-top: 2%;
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 5%;
        margin-left: 0%;
    	margin-right: 2%;
        margin-top: 0%;
        margin-bottom: 5%;
        outline: 0px solid blue;
         
}

	IMG.format4 {
    	float:left;
        display: block;
    	max-width: 90%;
        height: auto;
        padding-top: 5%;
        padding-left: 1%;
        padding-right: 4%;
        padding-bottom: 5%;         
        margin-top: 5%;
        margin-left: 2%;
    	margin-right: 2%;
        margin-bottom: 5%;
        outline: 0px solid blue;
        
}

}/* --------- MOBILE - Viewport Ende-Zeichen, nicht löschen   --------  */