/*+++++++++++++++++++++++++++++++++ CSS LES-KA +++++++++++++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++ Inhaltsseiten Content - IFrame +++++++++++++++++++++++ */

.lesinfo
{
        max-width: 1000px;
        margin: 0px auto;
        font-family: Myriad Pro, Calibri, Arial;
        padding-top: 20px;
        padding-left: 1%;
        padding-right: 1%;
        color: #555;

	animation: fadeIn linear 1s;
 	 -webkit-animation: fadeIn linear 1s;
  	-moz-animation: fadeIn linear 1s;
  	-o-animation: fadeIn linear 1s;
 	 -ms-animation: fadeIn linear 1s;
}


.lesinfo hr
{
        border: solid #ccc 1px;
}


.lesinfo p
{
        text-align: justify;
}


.lesinfo a
{
        text-decoration: none;
        color: #54799f;

}


.lesinfo a:hover
{
        text-decoration: underline;
}


.lesinfo h1
{
        font-weight: 400;
        color: #555;
        font-size: 180%;
        text-align: center;
        margin-bottom: 1.5em;
}


.lesinfo h2
{
        font-weight: 600;
        color: #555;
        font-size: 100%;
}

.lesinfo h3
{
        font-weight: 600;
        color: #999;
		 font-size: 90%;
}


.lesinfo ul
{
	list-style-image: url(../Media/punkt5.gif);
}


.lesinfo ul li a
{
        color: #54799f;
}


.lesinfo ul li a:hover
{
        text-decoration: underline;
}


.lesinfo img
{
        margin-right: 30px;
        max-width: 1000px;
	width: 100%;
}


.lesinfo #picture img
{
	max-width: 120px;

        -webkit-box-shadow: 4px 4px 6px grey;
        -moz-box-shadow: 4px 4px 6px grey;
        box-shadow: 4px 4px 6px grey;

        CSS-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}



.lesinfo #picture img:hover
{
        /* transform: scale(1.05,1.05); */
        /* transition: 0.5s */
}



.lesinfo #picture2 img
{

        -webkit-box-shadow: 4px 4px 6px grey;
        -moz-box-shadow: 4px 4px 6px grey;
        box-shadow: 4px 4px 6px grey;

        CSS-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}


.lesinfo #picture2 img:hover
{
        /* transform: scale(1.05,1.05); */
        /* transition: 0.5s */
}


.lesinfo #pictureihk img
{
        width: 130px;
        height: 173px;
        border: 0px;
        -webkit-box-shadow: 2px 2px 4px grey;
        -moz-box-shadow: 2px 2px 4px grey;
        box-shadow: 2px 2px 4px grey;
}

.lesinfo #maps
{
        -webkit-box-shadow: 2px 2px 4px grey;
        -moz-box-shadow: 2px 2px 4px grey;
        box-shadow: 2px 2px 4px grey;
}



.lesinfo #pictureihk img:hover
{
        /* transform: scale(1.05,1.05); */
        /* transition: 0.5s */
}


.lesinfo table
{
        background-color: #fff;

}

.lesinfo .tablecolor tr td
{
        background-color: #eee;
        padding-left: 10px;
        padding-right: 10px;
	vertical-align: top;
}

.lesinfo .tablecolor tr td p
{
        text-align: left;
}

.lesinfo .tablecolor tr th
{
        background-color: #ddd;
	border-bottom: 2px solid #666;
       	text-align: left;
	padding-left: 10px;
        padding-right: 10px;
	vertical-align: top;
}

.lesinfo .tablecolor tr th p
{
	font-weight: normal;
}




.lesinfo .logo img
{
        width: 60px;
        border: 0px;
}

.lesinfo .logo img:hover
{
	filter:     Alpha(opacity=70);
        opacity:    0.7;
        moz-opacity:    0.7;
}

.lesinfo .print img
{
        width: 15px;
        border: 0px;
        float: right;
}

.lesinfo .print img:hover
{
	filter:     Alpha(opacity=70);
        opacity:    0.7;
        moz-opacity:    0.7;
}


.lesinfo .kachel img
{
        width: 24%;
        margin: 0px;
        border: 1px solid #ddd;
        CSS-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

}

@media screen and (max-width: 950px)

{
        .lesinfo h1
        {
                color: #222;
                font-size: 120%;
        }


}

@keyframes fadeIn {
  0% {opacity:0.5;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0.5;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0.5;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0.5;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0.5;}
  100% {opacity:1;}
}