/* Allgemein für die ganze seite begin */

*{
	margin:0px;
	padding:0px;
	border:none;
	font-family: Verdana;
	text-decoration:none;
	list-style:none;
}

#content li{
	list-style: circle;
	margin-left:35px;
	font-size:12px;
	line-height:18px;
}

body, html {
	background:#EDEDED none repeat scroll 0 0;
	border:0 none;
	font-family: Arial;
	font-size:100.01%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:101%;
	line-height:normal;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:center;
	width:100%;
	margin-top: 5px;
}

h2{
	color: #1a872a;
	font-size: 16px;
	border-bottom:1px solid #1a872a;
	margin-bottom:5px;
	/*text-transform:uppercase;*/
}

h4{ 
	padding: 10px 0 2px 0;
}

a{	
	color:#000000;
}

h2 a{
	color:#1a872a;
}

img
{
    height:auto;
    max-width:100%;
}

iframe
{
    max-width:100%;
}

#content .csc-textpic-imagewrap .csc-textpic-imagecolumn
{
    margin-right:0;
}

#content .csc-textpic-imagewrap .csc-textpic-image
{
    margin-bottom:0;
    position:relative;
}

#content .csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last
{
    margin-bottom:10px;
}

#content .csc-textpic-imagewrap .csc-textpic-imagecolumn .csc-textpic-image
{
    margin-bottom:0;
}

#content .csc-textpic-imagewrap .csc-textpic-image img
{
    padding:0;
}

#content .csc-textpic-imagewrap .csc-textpic-image td
{
    padding-right:0;
    margin-bottom:0;
}

#content .csc-textpic-imagewrap .csc-textpic-image caption
{
    background:rgba(26,135,42,0.4);
    bottom:0;
    color:#fff;
    font-size:12px;
    left:0;
    padding:4px 10px;
    position:absolute;
    text-align:center;
    width:calc(100% - 20px);
}

/* Allgemein für die ganze seite end */

.linkbutton
{
    background:#6cc848;
    color:#fff;
    padding:5px 10px;
}

.linkbutton:hover
{
    opacity:0.7;
}

#page{
	max-width: 1024px;
	margin-left:auto;
	margin-right:auto;
	background:white;
	border-bottom:10px solid #EDEDED;
}

#header {
	float:left;
	background: white;
	width:100%;
}


#country{
	background: white;
	float:left;
	padding:10px 20px;
	width:calc(100% - 40px);
}

#flaggs{
	float:right;
	margin:3px 0 0 0;
}

#mobilmenubutton
{
    display:none;
}

#contentright{
	float:right;
	width:168px;
	background: white;
	margin-right:19px;
	margin-left:17px;
	overflow:visible;
}

#spacer{
	height: 75px;
}

#content{
	text-align:left;
	width: calc(100% - 226px);
	margin-left:20px;
	border-left:1px solid #d3d3d3;
	overflow:hidden;
	padding:10px 0 10px 20px;
	min-height:400px;
	float:left;
}

#maincontent
{
    float:left;
    padding:20px;
    width:calc(100% - 40px);
}

#menu{
	width:185px;
	float:left;
	text-align:left;
	padding:4px 0;
}

.menu_first{
	text-decoration: none;
	background-image: url(fileadmin/template/notactiv.jpg);
}

.menu_second{
	text-decoration: none;
}

#footer{
	float:left;
	border-top:2px solid #EDEDED;
	padding:0 20px 4px;
	width:calc(100% - 40px);
}

div#header-img{
	background-color:#d3d3d3;
	width:100%;
}

#header img{
	margin-left:1px;
	margin-right:1px;
	margin-top:16px;
	margin-bottom:15px;
	border:2px solid #fff;
}

#page #country #schriftzug{
	float:left;
}

#page #country #flaggs img{
	border:3px solid #ffffff;
}

#page #country #flaggs .flagge{
	border:3px solid #ffffff;
	width: 25px;
	height:17px;
	float:left;
	background-image:url("img/sprite.gif");

}

#page #country #flaggs .es{
	background-position:324px -2px;
}
#page #country #flaggs .de{
	background-position:421px -1px;
}
#page #country #flaggs .it{
	background-position:355px -2px;
}
#page #country #flaggs .en{
	background-position:385px -1px;
}



#menu li{
	background-image:url("img/bullet.gif");
	background-repeat:no-repeat;
	background-position:0px 18px;
	background-size:14px;
	padding:6px 0 6px 22px;
}

#menu li a{
    color: #000;
    font-family: 'Patrick Hand', cursive;
    font-size:25px;
}

#menu li.active{
	background-image:url("img/bullet_aktiv.gif")!important;
}

#menu li:hover{
	background-image:url("img/bullet_aktiv.gif")!important;
}

#menu ul ul{
	padding-left:15px;
}

#menu ul ul li{
	background-image:url("img/bullet.gif");
	background-repeat:no-repeat;
	background-position:0px 15px;
	background-size:12px;
	margin:0;
	padding:7px 0 7px 15px;
}

#menu ul ul li:hover{
	background-image:url("img/bullet_aktiv.gif")!important;
}

#menu ul ul li.active{
	background-image:url("img/bullet_aktiv.gif")!important;
}

#menu ul ul li a{
    font-size:17px;
}

#content a{
	color:#6cc848;
}

#content h1{
	color: #1a872a;
	font-size: 20px;
	margin-bottom:15px;
	/*text-transform:uppercase;*/
	position:relative;
}

#content h1:before
{
    background:#1a872a;
    bottom:-2px;
    content:' ';
    height:2px;
    left:0;
    position:absolute;
    width:0;
    
    -webkit-animation: animateLine 0.5s ease-in;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes animateLine 
{
    0% 
    {
        width: 0;
    }
    100% 
    {
        width: 100%;
    }
}

#content img{
	padding:10px;
}

#content .csc-default{
	margin-bottom:0;
}

#content .csc-space-after-20
{
    margin-bottom:20px;
}

#content p, #content td{
	font-size:12px;
	line-height:22px;
	margin: 0 0 10px 0;
}

#content p
{
    margin-bottom:15px;
}

#content td {
	padding-right: 3px;	
}

#footer li{
	float:left;
	margin:4px;
}

#footer li a{
	color:#1a872a;
	font-size:12px;
}

#footer ul{
float:right;
}

#contentright a{
	color: #1a872a;
	font-size:15px;
}

#contentright li{
	height:50px;
	text-align:left;
	margin-bottom:30px;
	background-repeat:no-repeat;
	padding-left: 0px;
	padding-top:3px;
}

#contentright li .image{
	height: 35px;
    width: 46px;
    margin-right: 5px;
    float: left;
    background-image:url("img/sprite.gif");
}

#contentright #hcWidgetLinks li{
	padding-left: 0px;
	height:auto;
}

#contentright #hcWidget .templateXS{
	width:152px;
}

#contentright li.first .image{
}


#contentright li.second .image{
	background-position: 602px -2px;
}

#contentright li.third .image{
	background-position: 652px -4px;
}

#contentright li.fourh .image{
	background-position: 548px -10px;
}

#contentright ul{
	margin-top:10px;
}

#wpcumuluswidgetcontent{
	margin-left:-20px;
}

#contentright img{
	float:left;
}

#contentright .tx-maglisttrivagolanguage-pi1 img
{
	float:none;
}

/* tt_news begin */

span.news-latest-date{
	font-size:12px;
}

div.news-latest-gotoarchive{
	display:none;
}

.news-single-item h2{
	 border:none !important;
	 color :#000000 !important;
	 font-size: 13px;
}

/* tt_news end */

/* Gästebuch begin */
 .tx-veguestbook-pi1 .tx-guestbook-field input {
 	width: 180px !important;
	float:right !important;
	margin: 0px !important; 
 }
 
  .tx-veguestbook-pi1 .tx-guestbook-field textarea {
 	width: 573px !important;
 }
 
 .tx-veguestbook-pi1 .tx-guestbook-right {
 	width: 319px !important;
}

div.tx-veguestbook-pi1{
	overflow:hidden;
}

img.tx-srfreecap-pi2-image {
	float:right;
	padding:0 0 10px 0 !important;
	margin: 0px !important;
}
 
.tx-veguestbook-pi1 .tx-guestbook-field label {
	width: 260px;
}



 /* Gästebuch end */

/*Holiday Check*/
.tx-maglistholidaychecklanguage-pi1{
	border:1px solid #6cc848;
}
/*Holiday Check end*/
 

@media (min-width:840px) and (max-width:1023px)
{
    body, html
    {
        margin-top:0;
    }
    
    #header-img .wrapper img:nth-child(5)
    {
        display:none;
    }
}

@media (min-width:640px) and (max-width:839px)
{
    body, html
    {
        margin-top:0;
    }
    
    #header-img .wrapper img:nth-child(5),
    #header-img .wrapper img:nth-child(4)
    {
        display:none;
    }
}

@media (min-width:768px)
{
    #menu,
    #flaggs
    {
        opacity:1 !important;
        visibility:visible !important;
    }
}

@media (max-width:767px)
{
    body, html
    {
        margin-top:0;
    }
    
    #mobilmenubutton
    {
        cursor:pointer;
        display:block;
        float:right;
        height:21px;
        margin:5px 0 0 20px;
        position:relative;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width:29px;
    }
    
    #mobilmenubutton span
    {
        background:#1a872a;
        display:block;
        height:3px;
        position:absolute;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width:100%;
    }
    
    #page.open #mobilmenubutton
    {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
    
    #mobilmenubutton:hover .topline
    {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
    }
    
    #page.open #mobilmenubutton .topline
    {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top:8px;
    }
    
    #mobilmenubutton .midline
    {
        top:8px;
    }
    
    #mobilmenubutton:hover .midline
    {
        opacity:0.5;
    }
    
    #page.open #mobilmenubutton .midline
    {
        opacity:0;
    }
    
    #mobilmenubutton .botline
    {
        top:16px;
    }
    
    #mobilmenubutton:hover .botline
    {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
    }
    
    #page.open #mobilmenubutton .botline
    {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        top:8px;
    }
    
    
    
    #menu
    {
        background:#fff;
        border-top:1px solid #d3d3d3;
        float:none;
        left:0;
        opacity:0;
        overflow:hidden;
        padding:0;
        position:absolute;
        right:0;
        top:50px;
        visibility:hidden;
        width:100%;
        z-index:100;
    }
    
    #menu ul
    {
        float:left;
        padding:14px 20px;
        width:calc(100% - 40px);
    }
    
    #menu li
    {
        float:left;
        width:calc(100% - 22px);
    }
    
    #content
    {
        border-left:0;
        margin-left:0px;
        padding:0;
        width:100%;
    }
}



@media (max-width:639px)
{
    #header-img .wrapper img:nth-child(5),
    #header-img .wrapper img:nth-child(4),
    #header-img .wrapper img:nth-child(3)
    {
        display:none;
    }
}

@media (max-width:500px)
{
    #flaggs
    {
        opacity:0;
        position:absolute;
        left:calc(50% - 62px);
        top:54px;
        visibility:hidden;
        z-index:101;
    }
    
    #page #country #flaggs .flagge
    {
        border-right-width:7px;
    }
    
    #menu ul
    {
        padding-top:40px;
    }
    
    #menu ul ul
    {
        padding-top:14px;
    }
}

@media (max-width:439px)
{
    #header-img .wrapper img
    {
        height:auto;
        width:45%;
    }
}

@media (max-width:400px)
{
    #page #country #schriftzug
    {
        max-width:calc(100% - 50px);
    }
    
    #mobilmenubutton
    {
        margin-top:2px;
    }
}