/* Rot: #872E2F, Dunkles Braun #AF9E8C, */

/* ---- General --------------------------------------------––––-- */
html { height: 100%; padding-bottom: 1px; }
body {  margin: 0px; padding: 0px; background-image: url(/images/bk.png); background-repeat: repeat-x; background-color: #DDCCBB;}
.wrapper { width: 980px; margin: 200px auto 0px auto; background-image: url(/images/bk-content.png); background-position: right; background-repeat: repeat-y; }
.content { width:630px; min-height: 400px; margin: 0px 0px 0px 280px; padding: 40px 20px 30px 50px; background-image: url(/images/bk-content-top.png); background-repeat: no-repeat; z-index:200; }
.foot { width: 500px; height: 20px; margin: 0px 0px 0px 280px; padding: 0px 40px 0px 160px; background-image: url(/images/bk-content-foot.png); background-repeat: no-repeat; }
.rechts { float: right; margin: 0px 5px 0px 25px; }
.links { float: left; margin: 0px 20px 0px 0px; }
/*img { margin: 3px 10px 2px 0; border: 1px solid #AF9E8C; padding: 4px; background-color: transparent; } */
.sidenotes dt  { margin: 8px 0 0px 2px; line-height: 1.3em; padding: 0 0 0 1.2em; color: #872E2F; background: url(/images/star-icon.gif) no-repeat 0 4px; }
.sidenotes dd { margin: 0 0 0 2px !important; padding: 0 0 0 1.1em; font-style: italic; color: #3E3E3E; line-height: 1.3em; }
#ueber { padding-left: 110px; } #ueber p { width: 490px; }
#videos { padding-left: 110px;}
#fotos { padding-left: 40px}
#audio { padding-left: 110px;} #audio p { width: 470px; }
#presse { padding-left: 110px;} #presse p { width: 470px; }
#kontakt { padding-left: 110px;} #kontakt p { width: 470px; }
#noscript { margin: auto; height: 20px; padding: 4px 8px 8px 40px; background-image: url(/images/warn.png); 
background-repeat: no-repeat; background-color: #872E2F; color: #FFFFFF; font-weight: bold; background-position: 6px 5px; }

/* ---- Typo --------------------------------------------––––-- */
body { font-size: 14px; line-height: 1.6em; color: #3E3E3E; font-family: Georgia, "Times New Roman", Times, serif; }
p { margin: 10px 0px 0px 0px; }
a { color: #872E2F; }
h2 { font-size: 24px; line-height: 24px; font-weight: normal;  z-index:250; }
h4 { margin: 24px 0px 0px 0px; font-size: 18px; line-height: 24px; font-weight: normal;  z-index:250; }
.bt { margin: 0px 0px 15px 0px;font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 0.8em;  }
#list { padding-left: 0; margin-left: 0; border-bottom: 1px solid gray;  }
#list li { list-style: none; margin: 0; padding: 0.3em; border-top: 1px solid #AF9E8C; line-height: 1.4em;}
.pressline { text-align: right; width: 90%; border-bottom: 1px #872E2F solid; margin-top:30px; height: 35px;}
.pressline p { padding-top:10px; }
.pressimg { float: left; }

/* ---- Top Link --------------------------------------------––––-- */
.toplink { width: 100%; text-align: right; margin: 0px 0px -12px 0px; }
.toplink a { text-decoration: none; color: #872E2F; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 0.9em; }
.toplink img {width: 8px; height:10px; margin-right: 5px; }

/* ---- Head --------------------------------------------––––-- */
.logo { position: absolute; margin: -140px 0 0 280px; }
.logo a { display: block; width: 383px; height: 82px; text-indent: -9999px; background-image: url(/images/rossella-head.png); }
.sub { position: absolute; width: 965px; margin: -198px 0 0 0px; text-align: right; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #AF9E8C; }
.sub a { font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: #AF9E8C; }
.sub a:hover { color: #872E2F; }
.bild { position: absolute; margin: -160px 0 0 0px; }
.bild1 { position: absolute; margin: -160px 0 0 0px;  width: 380px; height: 620px; background-image: url(/images/portrait1.jpg); background-repeat: no-repeat; }
.bild2 { position: absolute; margin: -160px 0 0 0px;  width: 380px; height: 620px; background-image: url(/images/portrait2.jpg); background-repeat: no-repeat; }
.ui-tabs .ui-tabs-nav {  z-index:500; position: absolute; margin: -50px 0 0 0px; padding-left: 280px; display:inline; width: 700px; background-image: url(/images/bk-menu-end.png); background-position: right; background-repeat: no-repeat }
.ui-tabs .ui-tabs-nav ul {  list-style-type: none; margin: 0px; padding: 0; display: inline; }
.ui-tabs .ui-tabs-nav li { display: inline; outline: none; }
.ui-tabs .ui-tabs-nav li a { text-indent: -9999px; float: left; height: 50px !important; outline: none; }
 .ui-tabs .ui-tabs-nav li a:hover { background-position: 100% -100px; } 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-position: 100% -50px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { background-position: 100% -50px;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;  background: none;  }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ---- Photos --------------------------------------------––––-- */
.photogallery { margin-left: -40px; }
ul.photos{ list-style: none; float:left; width:620px; }
ul.photos li { float:left; background:url(/images/bg-photo.png) no-repeat 0 0; padding:0 0px 0px 0; width:auto; margin: 0 12px 6px 0; }
img.fofo { margin:0; width: 78px; height: 78px; border:2px solid #FFF; 	display:-moz-inline-stack;
 opacity:0.8; -moz-opacity: 0.8; -webkit-transition: all 0.1s ease-in-out; }
img.fofo:hover { opacity:1; -moz-opacity: 1;  }

/* ---- Videos --------------------------------------------––––-- */
.video-row { width:100%; height: 140px; clear: both; margin-bottom: 10px; margin-left: -4px; }
.video-thumb { float: left; width: 220px; height: 140px; }
.video-thumb a { opacity:0.8; -moz-opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; }
.video-thumb a:hover{ opacity:1; -moz-opacity: 1; }
.video-thumb img { border: none; }
.video-text { float: right; width: 285px; }
.video-text p { margin: 17px 0px 20px 0px; }

/* ---- Buttons --------------------------------------------––––-- */
.button { padding: 3px 7px 5px 7px; text-decoration: none; margin-right: 10px; background: #E9DCCC; border: 0; font-size: 12px; font-family:Trebuchet,Tahoma,Arial,sans-serif; color: #9C8C7A; border: 1px solid #E9DCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button:hover {	color: #872E2F; border: 1px solid #872E2F; -webkit-transition: all 0.3s ease-in-out; }

/* ---- Breiten --------------------------------------------––––-- */
.w170 { width: 170px; }
.w180 { width: 180px; }

/* ---- Formular -------------------------------------–––––-- */
input, textarea { padding: 6px 9px; border: solid 1px #DDCCBB; outline: 0; font: normal 13px/100% Arial, Helvetica, sans-serif; width: 250px; background: #E9DCCC; background: -webkit-gradient(linear, left top, left 25, from(#FCF9EA), color-stop(4%, #E9DCCC), to(#FCF9EA)); background: -moz-linear-gradient(top, #FCF9EA, #E9DCCC 1px, #FCF9EA 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }
textarea { margin-top:3px; width: 250px; max-width: 250px; height: 140px; line-height: 150%; }
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #872E2F; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; -webkit-transition: all 0.3s ease-in-out; }
.form label { margin-top: 8px; display: block; float:left; text-align: right; margin-right: 10px; width: 60px; }
.submit input { width: auto; margin-top: 20px; margin-bottom: 0px; margin-left: 70px; padding: 8px 15px; background: #DDCCBB; border: 1px solid #DDCCBB; font-size: 14px; color: #872E2F; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.submit input:hover {	color: #872E2F; border: 1px solid #872E2F; -webkit-transition: all 0.3s ease-in-out; }
.alert {color: red;	margin-left: 70px; }

/* ---- Impressum -------------------------------------–––––-- */
#impressum {  margin: 18px 22px 0px 0px; padding: 5px 12px 12px 12px; background-color: #EBE0D0; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right; width: 150px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 0.8em;}
#impressum h3 { margin: 0px 0px 4px 0px; font-size: 14px; line-height: 24px; font-weight: normal; z-index:250; }
#impressum h4 { margin: 12px 0px 3px 0px; font-size: 11px; line-height: 15px; font-weight: normal;  font-style: italic; z-index:250; }
#impressum p { margin: 0px; font-size: 11px; line-height: 15px;  }

/* Smartphone Switch */
.mobileswitch {  z-index:20000; border: 1px solid #adadad !important; background-color: #FCF9EA !important; margin: -200px auto 0px auto !important; padding: 6px 0px 10px 10px !important; text-align: left !important; color: #222 !important; position: absolute !important; clear: both !important; width: 375px !important; font: x-large/1.2 Georgia, "Times New Roman", Times, serif; }
.mobileswitch a { float: right !important; position: relative !important; right: 15px !important; height: 28px !important; width: 77px !important; top: 5px !important; background: url(/images/off.jpg) no-repeat ! important; display: block !important; }