body{
    font-family: titillium, Verdana, sans-serif;
    font-size: 11px; margin:0px; background-color:#1A1718;}
@font-face { font-family: logotype; src: url('../fonts/logotype.ttf'); } 
@font-face { font-family: titillium;  src: url('../fonts/titillium.otf'); }

a:link {color:#000; text-decoration:none;}
a:visited  {color:#000; text-decoration:none;}
a:hover  {color:#333; text-decoration:underline;}
a:active  {color:#333; text-decoration:none;}
a:focus  {color:#000; text-decoration:none;}

.navibig {font-size:35px; font-family: logotype, sans-serif; color:#FFF; text-shadow:#000 1px 1px 3px; line-height:30px;}

.navibig a:link {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navibig a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navibig a:hover  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navibig a:active  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navibig a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.navismall {font-size:22px; font-family: logotype, sans-serif; color:#FFF; text-shadow:#000 1px 1px 3px; line-height:20px;}
.navismall a:link {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navismall a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navismall a:hover  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navismall a:active  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.navismall a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.headline {font-size:50px; color:#A39778; text-shadow:#000 1px 1px 3px; line-height:45px;}
.headline a:link {color:#A39778; text-decoration:underline; text-shadow:#000 1px 1px 3px;}
.headline a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline a:hover  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline a:active  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.headline2 {font-size:50px; color:#FFF; text-shadow:#000 1px 1px 3px; line-height:45px;}
.headline2 a:link {color:#A39778; text-decoration:underline; text-shadow:#000 1px 1px 3px;}
.headline2 a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline2 a:hover  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline2 a:active  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline2 a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.headline3 {font-size:20px; color:#FFF; text-shadow:#000 1px 1px 3px;}
.headline3 a:link {color:#FFF; text-decoration:underline; text-shadow:#000 1px 1px 3px;}
.headline3 a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline3 a:hover  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline3 a:active  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline3 a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.headline4 {font-size:23px; color:#FFF; text-shadow:#000 1px 1px 3px;}
.headline4 a:link {color:#FFF; text-decoration:underline; text-shadow:#000 1px 1px 3px;}
.headline4 a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline4 a:hover  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline4 a:active  {color:#A39778; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.headline4 a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.textwhite {font-size:14px; color:#FFF;}
.textwhite a:link {color:#FFF; text-decoration:underline; text-shadow:#000 1px 1px 3px;}
.textwhite a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.textwhite a:hover  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.textwhite a:active  {color:#000; text-decoration:none; text-shadow:#FFF 1px 1px 3px;}
.textwhite a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.textwhite2 {font-size:14px; color:#FFF; text-shadow:#000 1px 1px 3px;}
.textwhite2 a:link {color:#FFF; text-decoration:underline; text-shadow:#000 1px 1px 3px;}
.textwhite2 a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.textwhite2 a:hover  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.textwhite2 a:active  {color:#000; text-decoration:none; text-shadow:#FFF 1px 1px 3px;}
.textwhite2 a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.headwhite {font-size:14px; color:#000; background-color:#FFF; padding:4px; display:block; }
.buttonblack {font-size:14px; color:#000;  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#999)); background: -moz-linear-gradient(top,  #333,  #cfcfcf); padding:4px; display:marker;-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }


.slideshow {height:auto; position:absolute; bottom:0; left:0; right:0; top:0; z-index:-1;}

.textgold {font-size:14px; color:#A39778;}
.textgold2 {font-size:14px; color:#A39778; text-shadow:#000 1px 1px 3px;}
.textblack {font-size:14px; color:#FFF; }
.textblack a:link {color:#FFF; text-decoration:underline; text-shadow:#000 1px 1px 3px;}
.textblack a:visited  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.textblack a:hover  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}
.textblack a:active  {color:#000; text-decoration:none; text-shadow:#FFF 1px 1px 3px;}
.textblack a:focus  {color:#FFF; text-decoration:none; text-shadow:#000 1px 1px 3px;}

.textwhite3 {font-size:11px; color:#FFF;}
.textblack2 {font-size:14px; color:#000;}

.welcome  {font-size:11px; color:#FFF;}


/*layout*/
#headlogo {height:80px; width:250px; position:fixed; z-index:13; top:0px; left:0px; background-image:url(../img/head_logo_11.png);}
#headnavi {height:80px; width:100%; position:fixed; z-index:13; top:0px; left:250px; background-image:url(../img/head_11.png);}
#naviimheader {height:20px; width:400px; float:left; text-align:right; margin-left:200px; margin-top:25px;}
#likebox {height:21px; width:250px;float:left; margin-left:20px; margin-top:18px;}

#navibox {height:250px; width:220px; position:fixed; z-index:13; top:150px; left:25px; }
#navibox2 {height:200px; width:220px; position:fixed; z-index:13; top:300px; left:25px;}

#teaserbox {height:200px; width:600px; position:absolute; z-index:12; top:150px; left:300px;}
#subteaserbox {height:80px; width:600px; position:absolute; z-index:12; bottom:30px; left:300px;}

#boxli {height:200px; width:300px; position:absolute; z-index:12; top:300px; left:300px;}
#boxre {height:200px; width:300px; position:absolute; z-index:12; top:300px; left:620px;}

#boxli6 {height:200px; width:300px; position:absolute; z-index:12; top:240px; left:300px;}
#boxre6 {height:200px; width:300px; position:absolute; z-index:12; top:240px; left:620px;}

#impressbox {height:auto; width:600px; position:absolute; z-index:12; top:150px; left:300px;}

#boxli2 {height:200px; width:300px; position:absolute; z-index:12; top:520px; left:300px;}
#boxre2 {height:200px; width:300px; position:absolute; z-index:12; top:520px; left:620px;}
#boxre3 {height:auto; width:300px; position:absolute; z-index:12; top:200px; left:620px; background: -webkit-gradient(linear, left top, left bottom, from(#1A1718), to(#333)); background: -moz-linear-gradient(top,  #fff,  #cfcfcf);  padding:7px; opacity: 0.8; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#boxre4 {height:auto; width:300px; position:absolute; z-index:12; top:150px; left:620px; background: -webkit-gradient(linear, left top, left bottom, from(#1A1718), to(#333)); background: -moz-linear-gradient(top,  #fff,  #cfcfcf);  padding:7px; opacity: 0.8; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#infobox {height:auto; width:150px; position:fixed; z-index:12; top:450px; left:25px; padding:7px; opacity: 0.8; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#1A1718), to(#333)); background: -moz-linear-gradient(top,  #fff,  #cfcfcf); }

#infobox2 {height:520px; width:360px; position:absolute; z-index:12; top:300px; left:300px; padding:7px; }
#portraitbox {height:450px; width:360px; position:absolute; z-index:12; top:620px; left:300px; background:#FFF;  padding:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#portraitbox2 {height:420px; width:250px; position:absolute; z-index:12; top:300px; left:695px;  }
#infobox3 {height:80px; width:360px; position:absolute; z-index:12; top:1100px; left:300px; padding:7px; }
#bookingbox {height:550px; width:450px; position:absolute; z-index:12; top:380px; left:300px; background:#FFF;  padding:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#portfoliobox {height:280px; width:280px; position:absolute; z-index:12; top:300px; left:730px; background-image:url(../img/portfoliopdfs-01.png); background-repeat:no-repeat;  }