/*
05.09.2010
Lambo
*/


html {
margin: 0;
padding: 0;
}

body {
font: 100% arial, helvetica, geneva, sans-serif;
color: #fff;
margin: 0;
padding: 0;
background: #000 url(http://www.timowuerz.com/img/bg-lambo.jpg) 0px 0px no-repeat;
}

img {
border: none;
}


/* LINKS UND LINKFARBEN
---------------------------------- */

a:link, a:visited {
color: #FF6600;
font-weight: bold;
text-decoration: underline;
letter-spacing: -1px;
font: bold 95% 'lucida sans unicode', 'lucida grande', arial,
helevetica, sans-serif;


color: #3891d4;
/*color: #4da7b8;*/
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited  {
text-transform: uppercase;
font-size: 100%;
text-decoration: none;
color: #fff;
letter-spacing: 1px;
}

a:hover, h1 a:hover, h2 a:hover {
color: #b26610;
text-decoration: none;
}

.skip a, .hidden {
position: absolute;
overflow: hidden;
top: -2000px;
width: 1px;
height: 1px;
}

.skip a:active, .skip a:focus {
position: absolute;
z-index: 1000;
overflow: visible;
width: auto;
height: auto;
font-weight: bold;
top: 5px;
left: 5px;
color: #fff;
}

/* LAYOUT UND STRUKTUR */
#wrapper {
position: relative;
margin: 0 0 0 185px;
padding: 0;
width: 550px;
font-size: 84%;
letter-spacing: 1px;
line-height: 135%;
}

/* logo */
#header {
margin: 0;
padding: 0;
background: transparent;
width: 370px;
height: 165px;
}

#header a {
position: relative;
display: block;
height: 180px;
left: -180px;
width: 600px;
}

#main {
margin: 20px 0 0 0;
padding: 0;
width: 422px;
background: transparent;
}

#biography #main, #bibliography #main, #banner #main { /* breiter */
width: 550px;
overflow: hidden;
}

/* Abstaende: optimiert fuer h1 --> p | p --> h2 | p --> p | p --> ul
| h2 --> p = 1.5em  */

h1, h2 {
line-height: 1.2em;
margin: 0 1.5em;
padding: 1.5em 0.2em 0.5em 0; /* abstand nach oben */
font-size: 95%;
font-family: 'lucida sans unicode', 'lucida grande', arial, helvetica,
geneva, sans-serif;
text-transform: uppercase;
clear: left;
}

h1.subgallery {
margin-bottom: 0.5em;
}

#comics h1 { /* keine zwei zeilen */
letter-spacing: 0.2px;
}

h1 em, h2.suche em { /* datum news entry */
/*
-moz-opacity: 0.55; */
color: #deb08e;
font-weight: normal;
font-style: normal;
}

p, #wrapper ul, #wrapper dl {
text-align: left;
margin: 0 1.5em 0.5em 1.5em;
padding: 0;
}

#welcome blockquote, #press blockquote {
margin-top: 0;
margin-bottom: 0.5em;
}

.en {
font-style: normal;
letter-spacing: 1px;
color: #b7864e; 

color: #95a68e
}
#main p strong, #main ul strong, #foto strong {
font-size: 95%;
font-family: 'lucida sans unicode', 'lucida grande', arial, helvetica,
geneva, sans-serif;
}

p.posted { /* kein padding nach unten, Abstand kommt ueber h2 */
margin-bottom: 0;
}

#wrapper img {
margin: 0.2em 0.7em 0.2em 0;
float: left;
background: #000 url(http://www.timowuerz.com/img/bg_imgfackel.gif) 50% 0 no-repeat;
}

/* Listen */
#wrapper ul { /* abstaende siehe p - gilt auch fuer randspalte */
list-style: none;
clear: left;
}

#wrapper dd, #wrapper li {
margin: 1px 0 0 10px;
padding: 0 0 0 15px;
text-transform: none; /* fuer ie6 wichtig */
background: url(http://www.timowuerz.com/img/li.gif) 0 5px no-repeat;
}

#wrapper dl { /* abstaende siehe p */
}
#wrapper dt {
font-size: 95%;
font-family: 'lucida sans unicode', 'lucida grande', arial, helvetica,
geneva, sans-serif;
font-weight: bold;
margin-top: 1em;
}

/* banner - download */

dl#bannerdownload img {
float: none;
}
dl#bannerdownload dd {
margin-bottom: 20px;
}



/* Sitemap */

#wrapper ul.toc { /* wenn allgemeinen ul mit #wrapper muss spezif.
auch immer #wrapper haben */
margin: 0 0 0 10em;
padding: 0;
list-style: none;
}
#wrapper ul.toc li, ul.toc li a {
background-image: none;
text-transform: uppercase;
font-size: 100%;
letter-spacing: 0;
}
#wrapper ul.toc li {
margin: 0.5em 0;
padding: 0;
}
#wrapper ul.toc li ul {
margin: 0 0 1.5em 0;
padding: 0;
list-style: none;
}
#wrapper ul.toc li ul li {
margin: 0.5em 0 0 5em;
padding: 0 0 0 15px;
background: url(http://www.timowuerz.com/img/li.gif) 0 50% no-repeat;
}
#wrapper ul.toc li ul li a {
text-transform: none;
letter-spacing: 0;
}

/* randspalte */
#promo {
position: absolute;
top: 182px;
left: 424px;
width: 148px;
background: transparent;
margin: 0;
padding: 2em 0 0 0;
}

#promo h2, #promo h3, #promo ul, #promo p { /* gleicher abstand recht
und links */
margin: 0 16px 0 16px;
}

#promo h3 { /* fuer blogroll */
padding: 0;
font-size: 90%;
text-transform: uppercase;
font-weight: normal;
clear: left;
}
#promo ul { /* fuer blogroll */
margin-bottom: 5px;
padding: 0;
}
#promo li {
margin-left: 0;
}
/*
#promo p {
margin-bottom: 2em;
}
*/
#promo img {
padding: 2px;
border: 1px solid #c7a079;
float: left;
margin: 0.2em 5px 0 0;
background: #000;
}

#promo img.latest {
float: none;
display: block;
margin-bottom: 10px;
float: none;
}

/* extra-container */
#extra {
clear: left;
margin: 50px 0 0 0;
padding: 0;
height: 200px;
width: 550px;
background: #000 url(http://www.timowuerz.com/img/bg-footer-stones.jpg) left top no-repeat;
}
#footer {
padding: 40px 0;
clear: left;
}

/* NAVIGATION
----------------------------------------------------------------- */


/* div container + h3 + ul + lis */

div#nav {
position: absolute;
top: 150px;
left: 10px; /* abstand der kompletten nav nach links */
margin: 0;
padding: 10px 0 10px 0; /* Abstand oben und unten */
letter-spacing: 1px;
line-height: 135%;
width: 155px;
opacity: 0.65;
-moz-opacity: 0.65; /* wegen vererbung nicht in ul */
}

#nav h3, #sitemap h2 {
margin: 0;
padding: 1.1em 0 0 0;
font-weight: bold; /* keine kurzform wegen ie 5.5. uppercase-prob  */
font-size: 115%;
font-family: garamond, 'times new roman', times, serif;
text-transform: uppercase;
letter-spacing: 0.4em;
line-height: 1em;
-moz-opacity: 0.7;
}

#sitemap h2 { /* siehe auch #nav h3 */
margin: 1.5em 0 0.5em 3em;
font-size: 130%;
-moz-opacity: 1;
}

#nav ul, #suchbox {
list-style: none;
margin: -3px 0 0 0; /* 1A abschluss mit nav-rubriken */
padding: 0;
background: #000 url(http://www.timowuerz.com/img/bg_nav.jpg) top
left; /* fuer ie */
}
html>body #nav ul, html>body #suchbox { /* fuer mose */
background-image: none;
-moz-border-radius: 2px;
}

#suchbox form {
margin: 0;
padding: 0.8em 0.5em;
}
#suchbox input, #bigsearch input {
vertical-align: middle;
}
input#search {
width: 100px;
font-family: courier;
color: #8B0000;
font-weight: bold;
background: #eee;
border: 1px solid #8A7D6B;
height: 13px;
}
input#suchfeld { /* search results page */
font-family: courier;
color: #8B0000;
font-weight: bold;
height: 15px;
margin-right: 0.3em;
border: 1px solid #8A7D6B;
}


#nav li { /* bezieht sich auch auf li li */
margin: 0;
padding: 0;
line-height: 1em;
}

#nav li a { /* fuer kompletten hover-Effekt */
margin: 0;
padding: 2px 10px 2px 15px;
font-size: 90%;
text-decoration: none;
color: #fff;
font-weight: bold;
letter-spacing: 0;
display: block;
width: 155px; /* fuer ie 5.x box model prob */
voice-family: "\"}\"";
voice-family: inherit;
width: 130px; /* width minus padding */
}
html>body #nav li a { /* be nice to Opera */
width: 130px;
}

/* Unternavigation */

#nav li ul, #nav li ul li { /* zweite verschachtelte UL */
list-style-type: none;
padding: 0;
margin: 0;
}
#nav li ul li a { /* li der unternav */
padding: 0px 10px 0px 25px;
margin: 0;
color: #f60;
border-bottom: 1px solid #5e4b35/* #5A4833 */;
font-weight: bold;
width: 155px; /* fuer ie 5.x box model prob */
voice-family: "\"}\"";
voice-family: inherit;
width: 120px; /* width enstprechend padding anpassen */
}
html>body #nav li ul li a { /* be nice to Opera */
width: 120px; /* width enstprechend padding anpassen */
border-bottom: 1px outset #333; /* dunkler fuer mozilla */
}


/* hover + standortmarkierung */
#nav li a:hover, #sneak_preview #navsneak_preview, #illustrations
#navillustrations, #evil #navevil, #good #navgood, #dead #navdead,
#kids #navkids, #celebrities #navcelebrities, #tiki #navtiki,
#wildlife #navwildlife, #koiart #navkoiart, #comics #navcomics,
#black_metal #navblack_metal, #xct #navxct, #lula_yankee
#navlula_yankee, #aaron_und_baruch #navaaron_und_baruch, #drakan
#navdrakan, #themeparks #navthemeparks, #teheran #navteheran, #themeparks_misc #navthemeparks_misc, #design #navdesign, #music_cds #navmusic_cds,
#movie_development #navmovie_development, 
#animation #navanimation,
#magic_flute #navmagic_flute,
#storyboards #navstoryboards,
#navaudiobooks, #posters #navposters, #stamps #navstamps,
#corporate_design #navcorporate_design, #logos #navlogos,
#production_design #navproduction_design, #themeparks #navthemeparks,
#movies #navmovies, #clothing #navclothing, #cars #navcars, #toys
#navtoys, #bags #navbags, #snowboards #navsnowboards, #tattoos
#navtattoos, #indoor_pool #navindoor_pool, #animation #navanimation,
#news #navnews, #downloads #navdownloads, #desktop #navdesktop,
#cell_phone #navcell_phone, #banner #navbanner, #events
#navevents, #rss #navrss, #biography #navbiography, #bibliography
#navbibliography, #photos #navphotos, #misc #navmisc, #on_tour_2009 #navon_tour_2009, #on_tour_2008 #navon_tour_2008, #on_tour_2007 #navon_tour_2007, #on_tour_2006 #navon_tour_2006, #contact #navcontact, #clients #navclients, #press #navpress {
text-decoration: none;
background: #8B0000 url(http://www.timowuerz.com/img/marker-red.gif) 140px 50% no-repeat;
background: #b9a87d;

color:  #000;
}
#nav li a:hover {
color:  #000;
}

 /* FOTO_GALLERY
 --------------------------------------------------------- */

/* eine galerie im ueberblick */
#fotoindex {
position: relative;
margin: 15px 0 0 0;
padding: 0 0 50px 0;
width: 550px;
height: auto;
overflow: hidden;
}

#fotoindex img {
float: left;
margin: 0 0 1.5em 16px;
padding: 3px;
border: 1px solid #fff;
}
img.nb { /* no border fuer icons */
border: 0;
}
#fotoindex a:link, #fotoindex a:visited {
font-weight: bold; text-align: center; vertical-align: bottom;
}

.gallery { /* alle galerien im Ueberblick */
float: left;
background: transparent;
height: 25em; /* hoehe waechst mit Schriftgroesse */
width: 134px;
margin: 0;
padding: 0;
}

.gallery p {
margin-right: 0;
}

#fotoindex .gallery img { /* siehe #wrapper p */
margin-bottom: 0.5em;
float: none; /* braucht ie */
}
html>body #fotoindex .gallery img {
float: left; /* braucht firefox */
}

#foto {
width: 534px;
position: relative;
top: 0;
padding: 0;
margin: 0px 0 0 16px; /* nach oben - nicht mehr nav mit - */
background: transparent;
}
#foto img {
text-align: center;
margin: 0 auto;
display: block;
float: none;
}

#desktop #foto img { /* wallpaper verkleinern */
width: 526px;
height: 395px;
}

#fotonav {
text-align: center;
margin: 0 0 1.5em 16px;
}
#fotonav a {
padding: 0 5px;
}

#news #fotonav, #press #fotonav  { /* nav unter dem artikel */
padding-top: 1.5em;
clear: left;
}

#foto p {
clear: left;
margin: 1em auto;
padding: 0;
background: transparent;
text-align: center;
font-style: normal;
width: 400px;
}

/* CHARACTER IN DER RANDSPALTE
------------------------------------------*/

#character {
position: absolute;
top: 0;
left: 760px;
width: 243px;
height: 700px;
background: #000 url(http://www.timowuerz.com/img/bg-timo-racer-home.jpg) top left no-repeat;
}
html>body #character { /* mose */
position: fixed;
width: 328px;
}

#news #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-11.jpg) top left no-repeat;
}
.comics #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-1.jpg) top left no-repeat;
}
.design #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-2.jpg) top left no-repeat;
}
.illustrations #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-3.jpg) top left no-repeat;
}
.production_design #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-7.jpg) top
left no-repeat;
}
#bibliography #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-9.jpg) top left no-repeat;
}
#biography #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-8.jpg) top left no-repeat;
}
#events #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-13.jpg) top left no-repeat;
}
#tattoos #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-11.jpg) top left no-repeat;
}
#musiccds #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-3.jpg) top left no-repeat;
}
#wildlife #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-10.jpg) top left no-repeat;
}
#dead #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-12.jpg) top left no-repeat;
}
#good #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-4.jpg) top left no-repeat;
}
#contact #character {
background: #000 url(http://www.timowuerz.com/img/bg-timo-stones-1.jpg) top left no-repeat;
}

/* FORMULARFELDER */
form {
margin: 0 1.5em;
padding: 0;
}
/*
#contact form br {
clear: both;
}
*/
#contact input, #contact textarea { /* alle Labels UND
Formularelemente links floaten */
display: block;
/* float: left; */
font: 130% 'courier new', courier, monospace; /* muss definiert sein,
weil Formularfelder keine Schrift erben */
}
#contact label {
display: inline;
/* float: left; */
text-align: right; /* Text rechtsbuendig an der Mittelachse ausrichten */
width: 21%; /* Breite der Label-Spalte */
margin-right: 1%; /* Abstand zwischen Label und Input-Feld */
}
#contact input.button {
float: none;
display: inline; /* globalen Float aufheben */
font: 95% arial, helvetica, sans-serif;
padding: 1px 5px;
}
#contact input, #contact textarea {
margin-bottom: 0.1em;
}


/* shop */

form#bestellen input {
margin-bottom: 15px; /* abstaende zwischen eingabefeldern */
}

form#bestellen input#agb {
display: inline;
margin: 0;
padding: 0;
margin-right: 5px;
margin-left: 0;
}

form#bestellen input.button {
margin: 10px 0 0 0;
float: none;
display: block; /* globalen Float aufheben */
font: 95% arial, helevetica, geneva, sans-serif;
padding: 1px 5px;
}

form#bestellen textarea {
margin-bottom: 18px;
}

.terms { /* einrueckung en terms of trades */
display: block;
margin-left: 22px;
}


h2.shopinfo { /* shop float-problem */
display: block;
clear: both;
padding-top: 40px;
}

#wrapper ul.lieferinfo { /* liste ueber formular */
clear: left;
margin-bottom: 20px;
}


kbd {
font-size: 120%;
border: 1px outset #333;
padding: 0 3px;
}