/* Grundeinstellungen*/

#menu-page ul {margin: 0;padding: 0;list-style: none;}
body {background:  url(/media/layout15/kachel_boddy.jpg) #ffffff  repeat-y; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; text-align: center; margin: 0; padding: 0;}
.wrapper { max-width: 920px; width: 86%; min-height:100%; margin: 0 auto; background: #ffffff;}
#container1 {background:  url(/media/layout15/kachel_header.jpg) #ffffff  center top repeat-x; align: center; text-align: left; height:586px;}
header {width:960px; margin:0px auto; text-align:left; border: 0px solid #ff0000; }
nav{  position:relative; left:10px; top: 10px; width:960px; height:46px; z-index:4; border: 0px solid #ff0000;}
#navmobil {display:none;} 
#icontainer   { width:960px; height:350px; overflow:hidden;	margin-top: 190px; }
#icontainer760   { display:none; }
#icontainer480   { display:none; }
#icontainer320  { display:none; }
#container2 {background:  url(/media/layout15/kachel_boddy.jpg)  center top ; align: center; text-align: left; min-height:400px;}
#inhalt{ width:960px; margin:0px auto; text-align:left; border: 0px solid #ff0000; padding-top:30px;}
#container3 {background:  url(/media/layout15/kachel_footer.jpg)  center top ; align: center; text-align: left; min-height:400px; }
footer { margin:-160px auto; color: #000000; font-weight: bold ; font-size: 95%; width: 940px; height:40px; text-align: center; padding-top: 200px; }


a:link, a:visited, a:active {    color: #000000; text-decoration: none;   font-weight:bold; }
a:hover { color: #e00000; text-decoration: true;     font-weight:bold;}
h1 { font-size: 150%;  color: #000000; text-align: left; margin: 0; font-weight: bold ; padding:5px 5px 5px 37px; background: url(/media/layout15/box.png)   no-repeat;}
h2 { font-size: 120%;  color: #000000; text-align: left; margin: 0; font-weight: bold ; padding:2px; }
h3 { font-size: 12px; color: #000000; text-align: left;  margin: 0;: font-weight: bold ; padding:5px; background: url(/media/layout/dj_kachel_headline.jpg) #fdcc03  repeat-x;}
h4 { font-size: 14px; color: #000000; text-align: left;  margin: 0;: font-weight: bold ;  }
h5 { font-size: 14px; color: #265076; text-align: center;  margin: 0; font-weight: bold ; }
hr { border: #cfd6e3 solid 1px; }


.cohinweis{ color: #ffffff; background:  #ff0000; padding:10px; margin: 15px 10% 0px 0px;line-height:120%;}
.float {
animation: float-left 1s ease-out;
-webkit-animation: float-left 1s ease-out;
-moz-animation: float-left 1s ease-out;}

@keyframes float-left {0% { opacity: 0; transform: translateX(50%); }100% { opacity: 1; transform: translateX(0%); }}
@-webkit-keyframes float-left {0% { opacity: 0; -webkit-transform: translateX(50%); }100% { opacity: 1; -webkit-transform: translateX(0%); }}
@-moz-keyframes float-left {0% { opacity: 0; -moz-transform: translateX(50%); } 100% { opacity: 1; -moz-transform: translateX(0%); }}
@keyframes float-right {0% { opacity: 0; transform: translateX(-50%); }100% { opacity: 1; transform: translateX(0%); }}
@-webkit-keyframes float-right {0% { opacity: 0; -webkit-transform: translateX(-50%); }100% { opacity: 1; -webkit-transform: translateX(0%); }}
@-moz-keyframes float-right {0% { opacity: 0; -moz-transform: translateX(-50%); } 100% { opacity: 1; -moz-transform: translateX(0%); }}






#content{ width:690px; margin-left:20px; border-right: 1px solid #dddddd; text-align: left; z-index:0; float: left; }
.content{ padding: 10px;}

.gewerk{  width:681px; margin:0px auto; text-align:left; border: 0px solid #ff0000;}
.gewerk1{ float:right; width:225px;  border: 0px solid #ff0000;}
.gewerk2{ float:right;width:225px;border: 0px solid #ff0000;}
.gewerk3{ float:right; width:225px;border: 0px solid #ff0000;}
.leistung {  border: 0px solid #ff0000;   background: url(/media/layout15/k_gewerk.png) no-repeat; width:160px; height:240px; padding: 15px 30px 0px 30px;}
.lbild {text-align: center; width:155px;   border: 0px solid #ff0000;}
.ltext { text-align: left; width:155px;  height:90px;  border: 0px solid #ff0000; }
.lmore { text-align: right; width:155px;   border: 0px solid #ff0000; }


.seite{ margin-right: 18px; width:215px; float: right; }
.boxdj   {    text-align: center; width:200px;    border-bottom: 1px solid #cfd6e3;  padding:5px;   margin: 5px 0px 5px 0px;}
.rueckruf   {    text-align: center; width:200px;    border-bottom: 1px solid #cfd6e3;  padding:5px;   margin: 5px 0px 5px 0px;}

/* seitliche Navigartion facebook*/
div.slink4 { position:fixed; top: 50px; right:0px;   height:120px; width:54px; }
div.slink4:hover{ position:fixed;  right:0px;   height:120px; width:59px; }
div.slink3 { position:fixed; top: 172px; right:0px;   height:110px; width:54px;}
div.slink3:hover{ position:fixed;  right:0px;   height:110px; width:59px;}
div.slink2 { position:fixed; top: 284px; right:0px;   height:64px; width:54px;}
div.slink2:hover{ position:fixed;  right:0px;   height:64px; width:59px;}
div.slink { position:fixed; top: 350px; right:0px;   height:64px; width:55px;}
div.slink:hover{ position:fixed;  right:0px;   height:64px; width:59px;}


/* artikelmodul*/
.redaktionv {width:600px; overflow: hidden; border: 1px solid #ff0000; }
.artikelv {width:100%; overflow: hidden; border-bottom: 1px solid #cfd6e3; }
.artikelb { float: left; valign:top; width: 150px;  height: 150px; }
.artikelvor { float: right; valign:top; width: 500px; border: 0px solid #000000; min-height: 150px;}
.artikelthumbnail{border:1px solid #CCC; padding:3px; width:120px; margin:3px; float: left;}
.artikelb2 { float: left; valign:top; width: 140px; border: 0px solid #000000;  height: 140px; margin-bottom: 10px; }
.artikeldias { width:100%; border: 0px solid #ff0000;}
.artikelslide { float: left; width:100%; border: 0px solid #ff0000;}
img{ border:0px;}
.redm {color: #9c000f; text-align:right; width:600px; float: left; height:15px; margin: 0px 5px 10px 0px;}
.redm a:link, .redm a:visited, .redm a:active  { text-align:right; font-size: 11px; color: #9c000f; font-weight: bold ;}
.redm a:hover  {color: #ff0000;}



.button, .button:hover {color: #ffffff;  background: url(/media/layout15/lupe.png)  no-repeat;  width:20px; height:20px; padding: 0px; border: 0px solid #000000; cursor: pointer; }

.button1, .button1:hover {
color: #fdcc03;
background: #000000;
width: auto;
padding: 1px;
cursor: pointer;
border: 0px solid #fdcc03;
}
/* 760px Smartphonausgabe*/

}
/* 480px Smartphonausgabe*/
@media screen and (max-width: 480px) {


}

/* 320px Smartphonausgabe*/
@media screen and (max-width: 320px) {


}