@charset "utf-8";
/* CSS Document */

body {
        margin-top: 5px; 
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif ;
        font-size: 12 px; line-height:1.5;  overflow-x: hidden; color:#666666;
      }
	  
.container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 5%;
}


h1 {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 36px; color:#6592A7}
h2 {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 24px; color:#6592A7}

a:link {
	text-decoration: none; font-weight:bold;
	color: #818284}
a:visited {
	text-decoration: none;font-weight:bold;
	color: #a0a0a2;
}
a:hover {
	text-decoration: none;font-weight:bold;
	color: #cccccc;
}
a:active {
	text-decoration: none;font-weight:bold;
	color: #a0a0a2;
}

img{height:auto;width:auto;max-width:100%}

.tags {
  max-width: 980px;
  margin: 0 auto;
  padding: 10 0; border-top:solid 1px; border-color:#6592A7;
}

.footer {
  max-width: 980px;
  margin: 0 auto;
  padding: 10 0; /**border-top:solid 1px; border-color:#6592A7;**/
}
#textbox {
  max-width: 980px;
  margin: 0 auto;
  padding: 10 0;
}

.alignleft {
    float: left;
    text-align:left;
    width:33.33333%;
}
.aligncenter {
    float: left;
    text-align:center;
    width:33.33333%;
}
.alignright {
    float: left;
    text-align:right;
    width:33.33333%;
}


/*----- Headerbild -----*/
 
.logo{ width:100%; text-align:center; margin-top:40px;
  z-index: 0;}
 
/*----- Spalten -----*/

.links { margin: 0; border: 0; width:60%; float:left; padding: 0}
.rechts { margin: 0; border: 0;width:38%; float:right; padding: 0}

/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
	.logo{ width:100%; margin: 1em 0; line-height:1.2; }
	.links{float:left;width:100%}
	.rechts{float:left;width:100%}
	
}
 
@media screen and (max-width: 860px) {
	.logo{ width:100%; margin: 1em 0; line-height:1.2;}
		.links{float:left;width:100%}
	.rechts{float:left;width:100%}
	/*.container{padding-left:1.3em;padding-right:1.3em;display:inline-block}*/
.alignleft {
    float: left;
    text-align:left;

}
.aligncenter {
    float: left;
    text-align:left;

}
.alignright {
    float: left;
    text-align:left;

}
	
   
}

@media screen and (max-width:550px){
img{height:auto;width:auto;max-width:100%}
.alignleft {
    float: left;
    text-align:left;width:100%; margin-bottom:5px; padding:0

}
.aligncenter {
    float: left;
    text-align:left;width:100%;margin-bottom:5px; padding:0

}
.alignright {
    float: left;
    text-align:left;width:100%;margin-bottom:5px; padding:0

}
	

}