h1 {color: #333;	 height: 28px; font-size: 30px; padding: 0px;  margin: 0px; font-weight: normal;}
h2 {color: rgb(175,145,90); font-size: 28px; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; font-weight: normal;}
h3 {color: rgb(160,160,160);	font-size: 18px; padding: 4px 0px 0px 20px; margin: 0px; font-weight: normal; }
h4 {color: rgb(120,130,140); font-size: 16px; padding: 0px 0px 0px 0px; margin: 0px; font-weight: normal;}
h5 {color: rgb(160,160,160); font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px; font-weight: normal;}
h6 {color: rgb(120,130,140);	 font-size: 17px; padding: 4px 0px 4px 0px; margin: 0px; font-weight: normal; background-color: #fff;}

mark  {
background-color: rgb(237,233,224);
padding: 0px 4px 0px 4px;
}

body {
		font-family: Gill Sans, Gill Sans MT, Calibri,sans-serif;
		text-align: center;
		padding: 0px;
		margin: 0 auto;
		color: rgb(40,40,40);
		background-color: #fff;
		font-size: 19px;
		font-weight: normal;
		line-height: 24px;
}





header {
		text-align: center;
		margin: 0 auto;
		padding: 80px 0px 20px 0px;
		background-color: #fff;


		
}

header a {
	text-decoration: none;
	color: rgb(240,240,240);
}


nav {
		text-align: center;
		margin: 0 auto;
		padding: 0px 0px 16px 0px;
}


section {
		text-align: left;
		margin: 0 auto;
		padding: 12px;
		clear: both;
}

section.bilder{
		text-align: center;
		padding: 24px 0px 0px 0px;
	
}

section.bilder  img{
	width: 100%;
	max-width: 320px;
	padding: 0px 0px 0px 0px;
}


article {
		text-align: left;
		margin: 0 auto;
		padding: 16px;

}

article a {
	text-decoration: none;
	color:rgb(120,130,140);
	font-size: 14px;
	border-bottom: 1px solid rgb(37,105,130);
	padding: 2px 6px 2px 6px;
}


footer {
		text-align: left;
		margin: 0 auto;
		padding: 16px 0px 120px 0px;
}




#mydiv {
    	width: device-width;
		text-align: left;
		margin: 0 auto;
		padding: 0px;
		background-color: #fff;		
    }


img {
	border: 0px;
}

img a:hover{
	border: 0px;
}



ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;	
}

.content_break {
		clear: both;
		text-align: center;
		margin: 0 auto;
		padding: 0px;
		height: 80px;
		background-image: url(../pics/feder.png); background-repeat: no-repeat; background-position: bottom;
}

.content_break1 {
		clear: both;
		text-align: left;
		margin: 0 auto;
		padding: 0px;
		height: 80px;
}



/* --------- iphone portrait -----------  */

@media only screen and (min-width: 480px)  {
	
section.bilder img{
		width: 100%;
	
}



}

/* --------  iphone landscape-----------  */


@media only screen and (min-width: 768px) {
	
	
section.bilder img{
		width: 100%;
	
}

article {
		margin: 0 auto;
		width: 44%;
		float:left;
}



}




/* --------- ab screen -------------  */
/* --------- ab screen -------------  */
@media only screen and (min-width: 1000px) {

section.bilder img{
		width: 80%;
}

article {
		padding: 16px;

}


#mydiv {
		padding: 0px;
    }
	

section {
		padding: 16px;
		max-width: 920px;
    }



}