body{

background:#256590;
width:100%;
margin:auto;
font: 90% Arial,Helvetica, sans-serif;
color:#000000;
}

#log{
height: 220px; /* Höhe der div-Box */
width: 350px; /* Breite der div-Box */
padding:10px;
border-radius:9px;
margin-top: -130px; /* Damit der "Ausrichtungspunkt" in der Mitte der Box liegt */
margin-left: -188px;
position: absolute; /* positionieren */
top: 50%; /* in die Mitte verschieben */
left: 50%;

background-color: #fff;
border: 4px solid green;
}

#log2{
height: 220px; /* Höhe der div-Box */
width: 350px; /* Breite der div-Box */
padding:10px;
border-radius:9px;
margin-top: -130px; /* Damit der "Ausrichtungspunkt" in der Mitte der Box liegt */
margin-left: -188px;
position: absolute; /* positionieren */
top: 50%; /* in die Mitte verschieben */
left: 50%;

background-color: #fff;
border: 4px solid red;
}

#eintr
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

#withe{
color:#ffffff;
border-bottom:solid 1px #ffffff;

}

#withe2{
color:#ffffff;
padding:3px;
border-bottom:solid 1px #ffffff;
background:#30314f;
}

#withe3{
color:#ffffff;
border-bottom:solid 1px #ffffff;
font:bold 200% Arial,Helvetica, sans-serif;
}

#withe4
{
color:#ffffff;
border-bottom:solid 1px #ffffff;	
overflow:hidden;
width:100%;	
min-height:0px;	
}

#withe4a
{
color:#ffffff;
border-bottom:solid 1px #ffffff;	
overflow:hidden;
width:0%;	
min-height:0px;	
}


.close
{
color:#256590;
	
background-image:url(navi_close.png);
background-repeat: no-repeat;
background-position:center;
background-attachment:scroll;
	

-webkit-background-size:0%;
-moz-background-size: 0%;
-o-background-size:0%;
background-size:0%;	
	
}

.close1
{
color:#256590;
margin-bottom:0px;	
background-image:galerie.pnp;
background-repeat: no-repeat;
background-position:center;
background-attachment:scroll;


-webkit-background-size:0%;
-moz-background-size: 0%;
-o-background-size:0%;
background-size:0%;	
	
}

#clos1{
	
text-decoration:none;
color:#256590;
font:bold 1% Arial,Helvetica, sans-serif;
background:#256590;
}



.close2
{
color:#256590;
margin-bottom:0px;	
background-image:galerie.pnp;
background-repeat: no-repeat;
background-position:center;
background-attachment:scroll;
	

-webkit-background-size:0%;
-moz-background-size: 0%;
-o-background-size:0%;
background-size:0%;	
	
}

	
	


.withe2{
float:left;
width:45%;
min-height:150px;
margin-right:10px;
color:#ffffff;


}



a.link:link,
a.link:visited {	
float:left;
text-decoration:none;
border-radius:3px;
color:#ffffff;
background:#5e5d5d;
padding:7px 3px 7px 3px;
width:96%;
text-align:left;
margin-bottom:3px;
		
	-webkit-transition-property: color,background,border;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ;

	-moz-transition-property: color,background,border;
	-moz-transition-duration:1s;
	-moz-transition-timing-function: ;
	
	-o-transition-property: color,background,border;
	-o-transition-duration:1s;
	-o-transition-timing-function: ;
	
	-ms-transition-property: color,background,border;
	-ms-transition-duration:1s;
	-ms-transition-timing-function: ;	
 }

 a.link:hover {
text-decoration:none;
background:green;
width:96%;
border-radius:3px;
color:#000000;

}



a.link1:link,
a.link1:visited {	

color:#ffffff;
text-decoration:none;	
padding:5px;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
 }

 a.link1:hover {
 color:#222335;

background:#ffffff;
padding:5px;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;

}

/*Ab hier getrennt mob + desktop */



.box1
{
	margin-right:auto;
	margin-left:auto;	
	padding:10px;
	width:50%;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:5px;
	color:#ffffff;
	box-shadow: 0px 2px 10px #000000 ;
}


.box2
{
width:60%;
margin-left:auto;
margin-right:auto;
}

.kat1
{
	float:left;width:30%;padding:3px
}


.kat2
{
float:left;margin-top:1px;margin-left:5px;padding:2px;background:red;border:solid 1px #ffffff;border-radius:3px
}


.kat3
{
float:left;margin-top:2px;margin-left:5px;padding:2px;background:green;border:solid 2px #ffffff;border-radius:3px;text-align:center;
}

.kat4
{
float:left;margin-top:1px;margin-left:5px;padding:2px;background:orange;border:solid 1px #ffffff;border-radius:3px;text-align:center;
}

.cat-fon
{
font: 100% Arial,Helvetica, sans-serif;	
}

.cms-img
{
	width:3%;

}



#logcm{
width:30%;	
}


.wilk1{
text-align:center;
margin-top:5%;
margin-right:auto;
margin-left:auto;
width:70%;
border:solid 0px #ffffff;
color:#ffffff;
border-radius:5px;	
}

.wilk2{
text-align:center;
margin-top:0%;
margin-right:auto;
margin-left:auto;
width:70%;
border:solid 1px #ffffff;
color:#ffffff;
border-radius:5px;	
}


.wilk3{
text-align:center;
margin-top:40px;
margin-right:auto;
margin-left:auto;
width:40%;
border:solid 1px red;
color:red;
border-radius:5px;	
background:#ffffff;
}

#bildstyle {
width:70%;
margin-left:auto;
margin-right:auto;
font: 100% Verdana, sans-serif;text-align:center;	
}

#bildstyle_mob {
width:70%;
margin-left:auto;
margin-right:auto;
font: 100% Verdana, sans-serif;text-align:center;	
}