/* main css file for soenne.de  */
/* author: ceekodesign          */
/* date:   31.01.2011           */
/* last modified: 25.10.2012    */
@font-face {
    font-family: 'KontrapunktLight';
    src: url('Kontrapunkt-Light-webfont.eot');
    src: url('Kontrapunkt-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Kontrapunkt-Light-webfont.woff') format('woff'),
         url('Kontrapunkt-Light-webfont.ttf') format('truetype'),
         url('Kontrapunkt-Light-webfont.svg#KontrapunktLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
background: #333;
font-size: 15px;
font-family: 'KontrapunktLight', Tahoma, Verdana, Arial, Sans Serif;
color: #666;
width: 468px;
margin: 140px auto 20px auto;
}

a:link {  text-decoration: none; color: #666;}
a:active {  text-decoration: none; color: #666;}
a:visited {  text-decoration: none; color: #666;}
a:hover {  text-decoration: none; color: #fff;}

a img{
border: none;
}

.clearer {
display: block!important;
margin: 0!important;
padding: 0!important;
clear: both!important;
line-height: 0!important;
font-size: 0!important;
height: 0!important;
}

#gallery, #about_gallery{
width: 466px;
height: 301px;
border: 1px solid #666;
}

#about_gallery p{
font-size: 12px;
padding: 2px 11px 0px 11px;
margin: 10px 0px 10px 0px;
color: #c6cccc;
}

#about_gallery ul{
font-size: 12px;
color: #c6cccc;
}

#klick{
/*display: none;*/
position: absolute;
left: 425px;
height: 20px;
width: 35px;
z-index: 501;
}

#rotator {
position:relative;
height:301px;
margin-left: 0px;
}

#rotator ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#rotator ul li {
float:left;
position:absolute;
list-style: none;
}

#rotator ul li img {
border: none;
padding: 0px;
cursor: pointer;
}

#rotator ul li.show {
z-index:500;
}

p.backlink{
text-align: right;
}

.backlink{
float: right;
}

#about_gallery a, p.backlink a{
color: #f60;
}

#about_gallery a:hover, p.backlink a:hover{
color: #c6cccc;
}

#about_foto{
width: 466px;
height: 118px;
border: 1px solid #666;
margin: 2px 0px 2px 0px;
}

#header{
width: 466px;
height: 59px;
border: 1px solid #666;
margin: 2px 0px 2px 0px;
color: #777;
}

#header img, #about_foto img{
float: left;
}

#header_wrap{
width: 312px;
height: 59px;
margin-left: 154px;
}

#header_left{
float: left;
width: 143px;
height: 38px;
border-left: 1px solid #666;
padding: 22px 0px 0px 10px;
}

.label{
float: left;
width: 20px;
font-size: 13px;
line-height: 14px;
}

.label_info{
margin-left: 20px;
font-size: 13px;
line-height: 14px;
}

#header_right{
width: 143px;
height: 53px;
border-left: 1px solid #666;
margin-left: 154px;
padding: 7px 0px 0px 10px;
}

#header_right p{
font-size: 13px;
line-height: 14px;
margin: 0px 0px 0px 0px;
}

#header_right a{
color: #777;
}

#header_right a:hover{
color: #fff;
}

#infobar{
width: 466px;
height: 59px;
border: 1px solid #666;
margin: 2px 0px 2px 0px;
}

#infobar p{
padding: 8px 0px 0px 31px;
font-size: 14px;
line-height: 14px;
color: #777;
}

#footer{
text-align: right;
font-size: 10px;
}

#footer p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer a.act{
color: #fff;
}

#menu{
width: 466px;
height: 59px;
border: 1px solid #666;
margin: 2px 0px 2px 0px;
}

#menu ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#menu ul li{
display: block;
float: left;
}

a.hotel_link, a.hotel_link:link, a.hotel_link:visited{
display: block;
height: 59px;
width: 92px;
margin: 0px 0px 0px 0px;
border-right: 1px solid #666;
background-image: url(../img/m_hotel.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

a.hotel_link:hover{
background-image: url(../img/m_hotel_act.gif);
}

li.active a.hotel_link, li.active a.hotel_link:link, li.active a.hotel_link:visited, li.active a.hotel_link:hover {
background-image: url(../img/m_hotel_act.gif);
}

a.phoon_link, a.phoon_link:link, a.phoon_link:visited{
display: block;
text-decoration: none;
height: 59px;
width: 92px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #666;
background-image: url(../img/m_phoon.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

a.phoon_link:hover{
background-image: url(../img/m_phoon_act.gif);
}

li.active a.phoon_link, li.active a.phoon_link:link, li.active a.phoon_link:visited, li.active a.phoon_link:hover {
background-image: url(../img/m_phoon_act.gif);
}

a.theater_link, a.theater_link:link, a.theater_link:visited{
display: block;
text-decoration: none;
height: 59px;
width: 94px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #666;
background-image: url(../img/m_theater.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

a.theater_link:hover{
background-image: url(../img/m_theater_act.gif);
}

li.active a.theater_link, li.active a.theater_link:link, li.active a.theater_link:visited, li.active a.theater_link:hover {
background-image: url(../img/m_theater_act.gif);
}

a.medical_link, a.medical_link:link, a.medical_link:visited{
display: block;
text-decoration: none;
height: 59px;
width: 94px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #666;
background-image: url(../img/m_medical.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

a.medical_link:hover{
background-image: url(../img/m_medical_act.gif);
}

li.active a.medical_link, li.active a.medical_link:link, li.active a.medical_link:visited, li.active a.medical_link:hover {
background-image: url(../img/m_medical_act.gif);
}

a.knips_link, a.knips_link:link, a.knips_link:visited{
display: block;
text-decoration: none;
height: 59px;
width: 92px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #666;
background-image: url(../img/m_knips.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

a.knips_link:hover{
background-image: url(../img/m_knips_act.gif);
}

li.active a.knips_link, li.active a.knips_link:link, li.active a.knips_link:visited, li.active a.knips_link:hover {
background-image: url(../img/m_knips_act.gif);
}

a.about_link, a.about_link:link, a.about_link:visited{
display: block;
text-decoration: none;
height: 59px;
width: 92px;
padding: 0px 0px 0px 0px;
background-image: url(../img/m_about.gif);
background-position: center bottom;
background-repeat: no-repeat;
}

a.about_link:hover{
background-image: url(../img/m_about_act.gif);
}

li.active a.about_link, li.active a.about_link:link, li.active a.about_link:visited, li.active a.about_link:hover {
background-image: url(../img/m_about_act.gif);
}

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
body{
margin: 0px auto 0px auto;
}

.label, .label_info, #header_right p{
font-size: 12px;
line-height: 12px;
}

#about_gallery p{
font-size: 12px;
line-height: 12px;
}

#header_left{
height: 38px;
padding: 22px 0px 0px 10px;
}

#header_right{
height: 51px;
padding: 9px 0px 0px 10px;
}
}