.adresse {
color:#282828;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding:0px 0px 12px 0px;
line-height:150%;
/*background:url(http://www.rabenschnabel.de/images/email.jpg) no-repeat bottom right;*/
}

.start {
color: #282828;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:220%;
margin: 0px 0px 0px 0px;
padding:5px 20px 5px 0px;
}

.rotfett{
font-weight:bold;
color:#CC0000;
}

.big {
color: #282828;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}




.pagecontent  { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    justify-content: space-between ;

     -webkit-justify-content: space-between ;
     -moz-justify-content: space-between ;
       -ms-justify-content:space-between ;
       flex-wrap:  wrap  ;
}
 


.pagecontent a  {
margin: 0px 0px 0px 0px;
padding:0px 20px 20px 0px;

max-width: 200px;
width: calc(100% / 3 - 20px);

}

.pagecontent a img {width: 100%; height: auto}


.headertext p, .headertext span {color:#282828;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;}





a:link { font-family: Arial, Helvetica, sans-serif;color: #EF5110; text-decoration: none;}
a:visited {font-family: Arial, Helvetica, sans-serif;color: #EF5110; text-decoration: none;}
a:hover {font-family: Arial, Helvetica, sans-serif;color: #FA9523; text-decoration: none;}
a:active {font-family: Arial, Helvetica, sans-serif;color: #FA9523; text-decoration: none;}

a.big:link { color: #EF5110; text-decoration: none;font-family:  Arial, Helvetica, sans-serif;font-weight:bold;}
a.big:visited {color: #EF5110; text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
a.big:hover {color: #FA9523; text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}
a.big:active {color: #FA9523; text-decoration: none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

a.close:link { font-family: Arial, Helvetica, sans-serif;color: #EF5110; text-decoration: none;font-size:10px;}
a.close:visited {font-family: Arial, Helvetica, sans-serif;color: #EF5110; text-decoration: none;font-size:10px;}
a.close:hover {font-family: Arial, Helvetica, sans-serif;color: #FA9523; text-decoration: none;font-size:10px;}
a.close:active {font-family: Arial, Helvetica, sans-serif;color: #FA9523; text-decoration: none;font-size:10px;}

a.klein:link { font-family: Arial, Helvetica, sans-serif;color: #949494; text-decoration: none;font-size:12px;}
a.klein:visited {font-family: Arial, Helvetica, sans-serif;color: #949494; text-decoration: none;font-size:12px;}
a.klein:hover {font-family: Arial, Helvetica, sans-serif;color: ##949494;text-decoration: underline;font-size:12px;}
a.klein:active {font-family: Arial, Helvetica, sans-serif;color: #949494; text-decoration: underline;font-size:12px;}
 
 
a.orange:link {  font-family: Arial, Helvetica, sans-serif;text-decoration:none;  font-size:12px;font-weight:bold; color:#FF9900;}
a.orange:visited { font-family: Arial, Helvetica, sans-serif; text-decoration:none;  font-size:12px;font-weight:bold; color:#FF9900; }
a.orange:hover {  font-family: Arial, Helvetica, sans-serif;text-decoration:none;  font-size:12px;font-weight:bold;  color:#FF9900;background-color:#66FFFF; }
a.orange:active { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#FF9900; background-color:#CCFFFF; }
 
a.schwarz:link {  font-family: Arial, Helvetica, sans-serif;text-decoration:none; font-size:12px; font-weight:bold; color:#330000; }
a.schwarz:visited {  font-family: Arial, Helvetica, sans-serif;text-decoration:none;  font-size:12px;font-weight:bold; color:#330000; }
a.schwarz:hover {  font-family: Arial, Helvetica, sans-serif;text-decoration:none; font-size:12px; font-weight:bold;  color:#330000;background-color:#66FFFF; }
a.schwarz:active { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#330000; background-color:#CCFFFF; }

a.blau:link { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold; color:#0FB7EE; }
a.blau:visited {  font-family: Arial, Helvetica, sans-serif;text-decoration:none;  font-size:12px;font-weight:bold; color:#0FB7EE; }
a.blau:hover { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#0FB7EE;background-color:#66FFFF; }
a.blau:active { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#0FB7EE; background-color:#CCFFFF; }

a.grau:link { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold; color:#949494; }
a.grau:visited {  font-family: Arial, Helvetica, sans-serif;text-decoration:none;  font-size:12px;font-weight:bold; color:#949494; }
a.grau:hover { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#949494;background-color:#66FFFF; }
a.grau:active { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#949494; background-color:#CCFFFF; }

a.rot:link { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold; color:#CC3333; }
a.rot:visited {  font-family: Arial, Helvetica, sans-serif;text-decoration:none;  font-size:12px;font-weight:bold; color:#CC3333; }
a.rot:hover { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#CC3333;background-color:#66FFFF; }
a.rot:active { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#CC3333; background-color:#CCFFFF; }

a.gruen:link { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold; color:#5ED35A; }
a.gruen:visited {  font-family: Arial, Helvetica, sans-serif;text-decoration:none;  font-size:12px;font-weight:bold; color:#5ED35A; }
a.gruen:hover { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#5ED35A;background-color:#66FFFF; }
a.gruen:active { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold;  color:#5ED35A; background-color:#CCFFFF; }




strong {
font-family: Arial, Helvetica, sans-serif;
}

b {
font-family: Arial, Helvetica, sans-serif;
}

.orange_bold {
color:#FA9523;
font-weight:bold;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
}
.orange_bold_small {
color:#FA9523;
font-weight:bold;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
}
.border {
border: 1px solid #C0C0C0;
}
h1 {
color:#FA9523;
font-family:  Arial, Helvetica, sans-serif; font-size:16px;
padding: 3px 0px 10px 0px;
margin:  0px 0px 0px 0px;
}

h2 {
color:#FA9523;
font-family: Arial, Helvetica, sans-serif; font-size:14px;
padding: 5px 0px 2px 0px;
margin:  0px 0px 0px 0px;
}


p {
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-family:  Arial, Helvetica, sans-serif; 

color: #282828;
line-height:150%;

}

 td {
font-family: Arial, Helvetica, sans-serif; 
font-size:13px;
color: #282828;
line-height:150%;
}
 
 ul {
margin: 0px 0px 0px 0px;
padding:5px 0px 5px 18px;
list-style-type:circle;
}

 li {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
color: #282828;
margin: 0px 0px 0px 0px;
padding:2px 0px 2px 0px;

}

.small{
font-size:11px;
}
 
.headertext {width: 100%;}

.headertext > div {margin:auto; }
  
  
header img {margin: 12px 0px 5px 0px; width: 100%; height: auto; max-width: 564px; }
 
 header {padding: 0px 20px 40px 20px; }
  
  
  
  
  

@media all and (min-width: 1280px){
 
header {position: absolute;top:0;left: 50%;transform: translateX(-50%);width: 770px;}
  
.pagecontent {margin-top: 610px}
  
header img {margin: 12px 0px 5px -20px;}
}


@media all and (min-width: 1440px){
/* 
header {  width: auto;}*/
}