/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0pt; padding: 0pt; border: 0pt none; outline: 0pt none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0pt none; } body { line-height: 1; color: black; background: none repeat scroll 0% 0% white; }
ol, ul { list-style: none outside none; } table { border-collapse: separate; border-spacing: 0pt; } caption, th, td { text-align: left; font-weight: normal; }
html { height: 100% }

/* Hintergrund, Standardfarbe */
body {background-attachment:fixed;
     background: url(../site/bg.gif) top left no-repeat;
color:#006666;font-family:sans-serif;min-height: 101%;
}

/* Lisa S. Rackwitz */
h1 {font-family: sans-serif; font-size: 2em;}

/* Navigationsmenu */
h2 {font-family: sans-serif; font-size: 1.2em;}

/* Lisa S. Rackwitz */
#titel {  position: absolute;
  top: 5px;
  left: 30px;
}

/* Seitentitel */
#seite {
  position: absolute;
  left: 40px;
  top: 125px;
  font-size: 0.9em;
}

/* Position obere Navigation */
#navoben{
position: absolute;
 top: 70px;
 left: 30px;
}

/* Position Sprachbutton */
#sprache{
position: absolute;
 top: 70px;
 left: 840px;
}

/* Position untere Navigation */
#navunten {
position: absolute;
 top: 550px;
 left: 30px;
}

/* Navigationstyling */
#navoben a:hover, #navunten a:hover {
color:#006666; border-bottom: 2px dotted #cc6666;
}

/* Linkfarbe und Abstand */
a {color:#006666;}
a:link, a:visited, a:active {text-decoration:none}

/* Linkfarbe der aktuellen Seite */
#home .home, #zeichnung .zeichnung, #druckgrafik .druckgrafik, #illustration .illustration, #animation .animation, #grafik-design .grafik-design, #download .download, #kontakt .kontakt, #about_me .about_me, #impressum .impressum, #sitemap .sitemap
{color:#cc6666;}

/* Position der Slideshow */
.pics img {width:560px; float:left; top:0; left:0 }
/* Position und Styling Slideshowtext */
.pics p {margin: 0px;position:relative; top:240px;left: 10px; font-size:80%;font-family:sans-serif;line-height: 1.3;}

/* Slideshownavigation Position und Styling*/
#slideshow {position: absolute; top:140px; left:40px;}
.pics div {  width:877px;}
.nav {z-index: 1000;position:relative; top: 350px; left:560px;}
#nav a{ margin: 0 5px; padding: 2px 4px; text-decoration: none;outline: none;color:#006666; }
#nav a.activeSlide {color:#006666; border: 1px solid #006666; background: #FFFFFF;}
#nav a#pbtn {cursor:pointer;margin: 0 0 0 5px; padding:2px 8px;}
#nav a.pause {background: url(../site/pause.gif) center no-repeat}
#nav a.play {background: url(../site/play.gif) center no-repeat}

/* Position Indexbild */
#bild { position:absolute;top:160px;left:40px;}

/* Akkordeonmenu Index */
#accordion2 {
position: absolute;
top: 155px;
left: 500px;
width:600px;border:0px;}
.accordion2 {width:600px; color:#006666;font-size:80%;line-height:1.2;}
.accordion2 dt {width:250px; padding:4px 6px; color:#000;cursor:pointer;border-bottom:1px dotted #cc6666;}
.accordion2 dt:hover {color:#000;}
.accordion2 .open {background-color:#fff;}
.accordion2 dd {overflow:hidden;}
.accordion2 span {display:block; width:500px; padding:15px}



#main {position:absolute; top: 160px; left:40px;}

ul.colums-two {
   list-style-type: none;
   margin: 0;
   padding: 0 0 20px 0;
   line-height: 1.3em;
   font-size: 0.9em;
   }

.colums-two a:visited {color:#cc6666;}


li.innen {
   width: 90px;
   font-weight: bold;
   float: left;
   margin: 0;
   padding: 0 20px 10px 0; }

li.aussen {
   float: left;
   margin: 0;
   padding: 0 0 10px 0;
   width: 350px;

   }

li.clr {
   display: inline;
   margin: 0;
   padding: 0;
 }

br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
 }