/* CSS FÜR WWW.DESDE86.CH */

/* ALLGEMEIN */
*{ margin: 0;padding: 0; }
body { background: #ffffff url(../_img/BgWeissRauschen.gif) repeat; font-family: Arial,verdana,arial,sans; color: #000000; font-size: 16px; font-weight: bolder; line-height: 19px; }
h2,.h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #ee3a43; font-size: 22px; font-weight: bold; letter-spacing: -1px; line-height: 1em; margin: 0; padding: 7px 0 5px 0; }
img { border: 0; margin: 0; padding: 0; }
.clearer { clear: both; height: 0; }

/* LINKS */
a { color: #ee3a43; text-decoration: none; }
a:hover { color: #000000; }

/* HEADER */
.header { position: absolute fixed; padding: 0; width: 100%; }
.paddingTop { padding: 200px 0 0 0; }
#logo { position: fixed; float: left; width: 140px; height: 250px; }
#logo img { padding-bottom: 10px; }
.content01 { width: 370px; height: 108px; padding: 12px 0 10px 0; margin-top: 10px; }
.content02 { width: 370px; height: 108px; padding: 12px 0 10px 0; margin-top: 10px; }
.content03 { width: 370px; height: 108px; padding: 12px 0 10px 0; margin-top: 10px; }

/* NAVIGATION */
#navig { position: fixed; float: left; width: 570px; left: 400px; top: 64px; }
#navig ul { }
#navig ul li, #navig ul li:hover { float: left; width: 180px; height: 137px; background: url(../_img/BgNavig.png) no-repeat; list-style: none; margin: 0 10px 0 0; }
#navig ul li:hover { background: url(../_img/BgNavigOver.png) no-repeat; }
#navig h2, #navig.h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #ffffff; font-size: 22px; font-weight: bold; letter-spacing: -1px; line-height: 1em; margin: 0; padding: 7px 0 5px 0; }
.nav a { height: 127px; color: #ffffff; text-decoration: none; text-shadow: 0px -1px 0px #9e0a11; margin: 0; display: block; padding: 10px 0 0 10px; }
.nav a:hover, .navig a.aktiv { color: #ffffff; text-shadow: 0px -1px 0px #000000; }

/* WRAPPER */
#wrapper01, #wrapper02, #wrapper03 { min-width: 960px; width: auto; padding: 260px 0 0 20px; margin: 0 auto; }

/* PICTURES / CONTENT */
.picture, .content { float: left; width: 180px; height: 120px; padding-bottom: 10px; margin-right: 10px; }
.content { width: 370px; height: 115px; border-top: #000000 5px solid; }
.rot { font-family: Georgia, "Times New Roman", Times, serif; color: #ee3a43; font-size: 22px; font-weight: bold; letter-spacing: -1px; line-height: 1em; margin: 0; padding: 7px 0 5px 0; }

/* TOOLTIP */
#tooltip { background-color: #ee3a43; width: auto; padding: 0; }
#tooltip p { margin: 4px 8px 3px 8px; color: #ffffff; font-size: 16px; font-family: Arial,verdana,arial,sans; }

/* BLENDME */
#blendme { position: relative; width: 900px; height: 600px; background-repeat: no-repeat; background-position: top; overflow: hidden; }
.blend img { opacity: 0;-moz-opacity: 0;-khtml-opacity: 0; filter: alpha(opacity=0); }

/* VERTICAL SCROLL */
.section { height: 2000px; width: 100%; float: left; }

/* TABSLIDE */
.slide-out-div { position: absolute; width: 842px; height: 259px; background: url(../_img/BgTabslide.png) no-repeat; padding: 0; z-index: 800; }
.portrait { float:left; width: 220px; }
.contentPortrait { float:left; width: 500px; color: #ffffff; font-size: 14px; line-height: 19px; text-shadow: 0px -1px 0px #000000; }
.handle, .handle:hover { width:150px; height: 150px; background: url(../_img/LogoDesde86.png) no-repeat; }
.handle:hover { background: url(../_img/LogoDesde86Over.png) no-repeat; }

/* CSS Document */
ul.tabs { margin: 30px 0 0 0; padding: 0; float: left; list-style: none; height: 25px; /*--Set height of tabs--*/ width: 100%; }
ul.tabs li { float: left; margin: 0; padding: 0; height: 24px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 24px; /*--Vertically aligns the text within the tab--*/ border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background-repeat:repeat-x; }
ul.tabs li a { font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; display: block; font-size: 16px; font-weight: bold; color: #ffffff; padding: 0 10px; }
ul.tabs li a:hover { color:#ee3a43; }
ul.tabs li.active a { color:#ee3a43; }
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/ }
.tab_container { border-top: none; overflow: hidden; clear: both; float: left; width: 100%; font-weight: bold; }
.tab_content { padding: 10px; font-size: 14px; }
.img {float:left; margin:0 10px 10px 0;}
.privat, .atelier {float:left; width:170px; height: 150px; padding: 0 20px 0 0; }
.atelier { width: 230px; padding: 0; }
.privat a, .atelier a, .privat a:hover, .atelier a:hover {color:#ffffff; }