@import url(reset.css);

body { font: 101% "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; color: #444; background: #666; overflow-y: scroll; text-align: center; }
body#weblog,
body.fotogalerie { background: #fff url(../images/backgrounds/body.gif) repeat-x; }

a { color: #fff; text-decoration: none; }
a:hover,
a:focus,
a:active { text-decoration: underline; }
abbr { cursor: help; border-bottom: 1px dotted #888; }
cite { font-style: normal; }
em { color: #182; font-style: normal; font-weight: normal; letter-spacing: 1px; }
h2 { font-size: 1.1em; font-weight: normal; letter-spacing: -1px; line-height: 1.3; }
h3 { font-size: .85em; font-weight: bold; line-height: 1.5; }
h4 { font-size: .75em; line-height: 1.5; }
address,
li,
p { font-size: .75em; font-style: normal; font-weight: normal; line-height: 1.5; }
li li,
li p,
li h3 { font-size: 1.0em; }
hr { border: 0; clear: both; color: #666; height: 1px; width: 100%; }
img { vertical-align: middle; }
:focus { outline-color: #888; }
::selection { background: #888; color: #fff; }
a,
h4,
strong { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; }
small { font-size: .65em; }
del { text-decoration: line-through; color: #666; }
ins { text-decoration: none; border-bottom: 1px dotted #182; }
kbd { font-family: "Courier New", Courier, monospace; font-size: 1.2em; }

table { width: 633px; margin: 1.2em 10px; border-collapse: collapse; clear: both; }
caption { text-align: center; font-size: 1.1em; font-weight: normal; color: #222; padding: 0 0 .2em; letter-spacing: -1px; }
th,
td { border: 1px solid #666; font-size: .8em; line-height: 1.5; padding: 0 .2em; text-align: left; }
th { font-weight: bold; background: #eee; }
td { font-weight: normal; }

/* Header */
#header { background: #fff; border-bottom: 4px solid #666; text-align: center; width: 100%; }

/* Navigation */
#nav { background: url(../images/nav.jpg); height: 142px; margin: 0 auto; width: 1000px; }
#nav li { float: left; }
#nav li,
#nav a,
#nav h1 { display: block; font-size: 1px; height: 142px; text-decoration: none; text-indent: -9999px; }
#nav a { background: url(../images/nav.jpg);overflow: hidden; }
#nav_1, #nav_2, #nav_3, #nav_4, #nav_5, #nav_6, #nav_7 { display: inline; margin: 0 25px 0 0; position: relative; width: 72px; }
#nav_1 a, #nav_2 a, #nav_3 a, #nav_4 a, #nav_5 a, #nav_6 a, #nav_7 a { position: relative; width: 72px; }
#nav h1 { float: right; margin: 0 0 0 226px; position: relative; width: 95px; }
#nav h1 a { width: 95px;overflow: hidden; position: relative; }
/* Navigation :link, :visited */
#nav_1, #nav_1 a { background-position: 0 0; }
#nav_2, #nav_2 a { background-position: -97px 0; }
#nav_3, #nav_3 a { background-position: -194px 0; }
#nav_4, #nav_4 a { background-position: -291px 0; }
#nav_5, #nav_5 a { background-position: -388px 0; }
#nav_6, #nav_6 a { background-position: -485px 0; }
#nav_7, #nav_7 a { background-position: -582px 0; }
#nav h1, #nav h1 a { background: transparent; }
/* Navigation :hover, :focus, :active */
#nav_1 a:hover, #nav_1 a:focus, #nav_1 a:active { background-position: 0 -142px; }
#nav_2 a:hover, #nav_2 a:focus, #nav_2 a:active { background-position: -97px -142px; }
#nav_3 a:hover, #nav_3 a:focus, #nav_3 a:active { background-position: -194px -142px; }
#nav_4 a:hover, #nav_4 a:focus, #nav_4 a:active { background-position: -291px -142px; }
#nav_5 a:hover, #nav_5 a:focus, #nav_5 a:active { background-position: -388px -142px; }
#nav_6 a:hover, #nav_6 a:focus, #nav_6 a:active { background-position: -485px -142px; }
#nav_7 a:hover, #nav_7 a:focus, #nav_7 a:active { background-position: -582px -142px; }
/* Navigation .active */
#nav_1 a.active, #nav_1 a.active:hover, #nav_1 a.active:focus, #nav_1 a.active:active { background-position: 0 -284px; }
#nav_2 a.active, #nav_2 a.active:hover, #nav_2 a.active:focus, #nav_2 a.active:active { background-position: -97px -284px; }
#nav_3 a.active, #nav_3 a.active:hover, #nav_3 a.active:focus, #nav_3 a.active:active { background-position: -194px -284px; }
#nav_4 a.active, #nav_4 a.active:hover, #nav_4 a.active:focus, #nav_4 a.active:active { background-position: -291px -284px; }
#nav_5 a.active, #nav_5 a.active:hover, #nav_5 a.active:focus, #nav_5 a.active:active { background-position: -388px -284px; }
#nav_6 a.active, #nav_6 a.active:hover, #nav_6 a.active:focus, #nav_6 a.active:active { background-position: -485px -284px; }
#nav_7 a.active, #nav_7 a.active:hover, #nav_7 a.active:focus, #nav_7 a.active:active { background-position: -582px -284px; }
/* Navigation Home */
#home #nav { background: url(../images/nav_home.jpg); }

/* Container, Aside, Content, Visual */
#container_wrap { background: #999; border-bottom: 6px solid #fff; border-top: 6px solid #fff; text-align: center; width: 100%; }
#weblog #container_wrap,
.fotogalerie #container_wrap { background: none; border-bottom: 4px solid #666; }
#container { margin: 0 auto; text-align: left; width: 1000px; }
#aside { float: right; height: 420px; overflow: auto; overflow-x: hidden; width: 346px; }
#content,
#visual { background: #ddd; height: 420px; width: 654px; z-index: 1; }
#content { color: #444; overflow: auto; }
#weblog #content,
.fotogalerie #content { height: 100%; }
#visual { overflow: hidden; }

#content p,
#visual p,
#content h2,
#visual h2,
#content h3,
#visual h3,
#content address,
#visual address { margin: .7em 10px .1em; }
#content p { margin-bottom: .7em; }
#content ol,
#visual ol,
#content ul,
#visual ul { margin: 10px; }
#content h2 { margin-top: 15px; }
#content h3 { margin-bottom: -.3em; margin-top: 1.2em; }

/* Aside */
#aside p,
#aside h2,
#aside h3,
#aside address { margin: .7em 23px .1em 25px; }
#aside ol,
#aside ul { margin: 10px 23px 10px 25px; }
#aside li h3 { margin: 0; }
#aside li ul { margin: 0 0 .3em 20px; }

#home #aside p,
#home #aside h2,
#home #aside h3 { margin: 20px 23px .1em 25px; }

#internet-weg #aside { background: url(../images/backgrounds/aside/fuesse-im-sand.jpg) no-repeat 20px 225px; }
#internet-wartung #aside { background: url(../images/backgrounds/aside/reparaturarbeiten.jpg) no-repeat 20px 225px; }
#internet-cms #aside { background: url(../images/backgrounds/aside/lettern.jpg) no-repeat 20px 225px; }
#internet-seo #aside { background: url(../images/backgrounds/aside/wegweiser.jpg) no-repeat 20px 225px; }
#internet-shop #aside { background: url(../images/backgrounds/aside/einkaufswagen.jpg) no-repeat 20px 225px; }
#internet-barrierearmut #aside { background: url(../images/backgrounds/aside/hindernis.jpg) no-repeat 20px 225px; }
#internet-blog #aside { background: url(../images/backgrounds/aside/schreibmaschine.jpg) no-repeat 20px 225px; }
#impressum #aside { background: url(../images/backgrounds/aside/notizblock.jpg) no-repeat 20px 225px; }
#datenschutz #aside { background: url(../images/backgrounds/aside/unterschreiben.jpg) no-repeat 20px 225px; }

#aside p,
#aside li,
#aside h2,
#aside h3,
#aside address { color: #fff; width: 298px; }
#aside em { color: #fff; font-size: 1.2em; }
#aside a:link { color: #fff; }
#aside a:visited { color: #ddd; }

/* Content */
#weblog #content,
.fotogalerie #content { border-bottom: 6px solid #fff; min-height: 420px; }

#content a:link { color: #182; }
#content a:visited { color: #888; }
#content ul li { padding-left: 12px; background: url(../images/backgrounds/dot.gif) no-repeat 0 .55em; }

/* Home */
#home #visual ul { width: 654px; height: 420px; margin: 0; padding: 0; font-size: 1px; line-height: 1em; text-indent: -9999px; background: url(../images/home/menue.jpg); }
#home #visual ul li { display: inline; float: left; }
#home #visual ul li a { display: block;overflow: hidden; }
#home #visual ul li a#h1, #home #visual ul li a#h3 { width: 221px; height: 420px; }
#home #visual ul li a#h2 { width: 212px; height: 420px; }

/* Profil */
#profil #visual ul { width: 654px; height: 420px; margin: 0; padding: 0; font-size: 1px; line-height: 1em; text-indent: -9999px; background: url(../images/team10.jpg); }
#profil #visual ul li { display: inline; float: left; }
#profil #visual ul li a { display: block;overflow: hidden; }
#profil #visual ul li a#p1 { width: 326px; height: 420px; }
#profil #visual ul li a#p2, #profil #visual ul li a#p3, #profil #visual ul li a#p4, #profil #visual ul li a#p5, #profil #visual ul li a#p6, #profil #visual ul li a#p7 { width: 164px; height: 140px; }

#profil #visual ul li a:hover, #profil #visual ul li a:active, #profil #visual ul li a:focus { background: url(../images/team10.jpg); }
#profil #visual ul li a#p1:hover, #profil #visual ul li a#p1:active, #profil #visual ul li a#p1:focus { background-position: 0 -420px; }
#profil #visual ul li a#p2:hover, #profil #visual ul li a#p2:active, #profil #visual ul li a#p2:focus { background-position: -326px -420px; }
#profil #visual ul li a#p3:hover, #profil #visual ul li a#p3:active, #profil #visual ul li a#p3:focus { background-position: -490px -420px; }
#profil #visual ul li a#p4:hover, #profil #visual ul li a#p4:active, #profil #visual ul li a#p4:focus { background-position: -326px -560px; }
#profil #visual ul li a#p5:hover, #profil #visual ul li a#p5:active, #profil #visual ul li a#p5:focus { background-position: -490px -560px; }
#profil #visual ul li a#p6:hover, #profil #visual ul li a#p6:active, #profil #visual ul li a#p6:focus { background-position: -326px -700px; }
#profil #visual ul li a#p7:hover, #profil #visual ul li a#p7:active, #profil #visual ul li a#p7:focus { background-position: -490px -700px; }

/* Article */
#aside #article #img_text li li a { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: normal; }
#aside #article #img_text li h3 a:visited { color: #fff; }

/* Subnav */
#subnav { border-top: 1px dashed #bbb; width: 298px; }
#subnav li { line-height: 1.5; width: 298px; }
#subnav li a { border-bottom: 1px dashed #bbb; display: block; padding: 1px 0; text-decoration: none; width: 298px; }
#subnav li li a { padding: 0; }
#subnav li a:link, #subnav li a:visited { color: #fff; }
#subnav li a:hover, #subnav li a:focus, #subnav li a:active { background: #aaa; color: #182; }
#subnav li a.empty, #subnav li a.empty:hover, #subnav li a.empty:focus, #subnav li a.empty:active { background: #999; color: #fff; }
#subnav li a.active, #subnav li a.active:hover, #subnav li a.active:focus, #subnav li a.active:active,
#subnav li.current-cat a, #subnav li.current-cat a:hover, #subnav li.current-cat a:focus, #subnav li.current-cat a:active { background: #999; color: #000; }
#subnav li ul { margin: 0; }
#subnav li li a { font-size: .75em; padding: 0 0 0 20px; width: 278px; }
#subnav li li a.active, #subnav li li a.active:hover, #subnav li li a.active:focus, #subnav li li a.active:active { background: none; color: #000; }
#subnav li li li a { border: 0; padding-top: 1px; }
#subnav li li li a, #subnav li li li a:hover, #subnav li li li a:focus, #subnav li li li a:active, #subnav li li li a.active, #subnav li li li a.active:hover, #subnav li li li a.active:focus, #subnav li li li a.active:active { background: #999; }

/* Footer */
#footer { background: #fff; border-top: 4px solid #666; clear: both; padding: 5px 0 75px; width: 100%; }
#weblog #footer,
.fotogalerie #footer { background: none; border-top: 0; position: absolute; top: 582px; }
#footer p { font-size: .65em; margin: 0 auto; padding-left: 679px; text-align: left; width: 321px; }
#footer p.access { text-align: left; width: 1px; }
#footer a { color: #444; font-weight: normal; }
#footer a.active, #footer a.active:hover, #footer a.active:focus, #footer a.active:active { color: #888; text-decoration: none; }

/* Classes, IDs */
.access { font-size: 1px; height: 0; overflow: hidden; text-indent: -9999px; }
.button { float: right; margin-top: .6em; }
.hidden { display: none; }
.invisible { display: none; height: 0; }
.visible { display: block; }

/* Fotogalerie */
.fotogalerie #content { padding-bottom: 2px; padding-left: 2px; padding-top: 2px; width: 652px; }
.fotogalerie #content a img { border: 1px solid #bbb; margin: 2px; }

/* Google Map */
#content #map { height: 420px; width: 654px; }
#content #map p { color: #444; font-size: 11px; margin: 0; }
#content #map h3 { color: #182; font-size: 11px; margin: 10px 0 0; }
#content #map input { float: left; margin-top: 5px; }
#content #map input#iwsaddr { margin: 5px 10px 0 0; width: 135px; }

/* jFlow */
#slider { height: 420px; overflow: visible; width: 654px; z-index: 1; }
#slider #controller { display: none; }
#slider #prev_next img { cursor: pointer; position: absolute; z-index: 2; }
#slider #prev_next .jFlowPrev { margin-left: 10px; top: 502px; }
#slider #prev_next .jFlowNext { margin-left: 604px; top: 502px; }
#slider #slides { z-index: 1; }
#slider #slides p { background: #000; color: #fff; filter: alpha(opacity=80); height: 1.6em; line-height: 1.6em; opacity: .8; padding: 0 20px; position: relative; text-align: center; top: -1.6em; z-index: 999; }

/* Lightbox */
#lightbox { left: 0; line-height: 0; position: absolute; text-align: center; width: 100%; z-index: 100; }
#lightbox img { height: auto; width: auto; }
#lightbox a img { border: none; }
#outerImageContainer { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
#imageContainer { padding: 10px; }
#loading { height: 25%; left: 0; line-height: 0; position: absolute; top: 40%; width: 100%; text-align: center; }
#hoverNav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink,
#nextLink { background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; height: 100%; width: 49%; }
#prevLink { float: left; left: 0; }
#nextLink { float: right; right: 0; }
#prevLink:hover,
#prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover,
#nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { background-color: #fff; font: 10px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; line-height: 1.5; margin: 0 auto; overflow: auto; width: 100%; }
#imageData { color: #666; padding: 0 10px; }
#imageData #imageDetails { float: left; text-align: left; width: 70%; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { clear: left; display: block; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { float: right; outline: none; padding-bottom: .7em; width: 66px; }	 	
#overlay { background-color: #000; height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; }

/* Weblog */
#weblog #content h2,
#weblog #content h3 { clear: both; }
#weblog #content h2,
#weblog #content h2 a:link, #weblog #content h2 a:visited, #weblog #content h2 a:hover, #weblog #content h2 a:focus, #weblog #content h2 a:active { color: #444; font-weight: normal; }
#weblog #content .entry h4,
#weblog #content .entry h5,
#weblog #content .entry h6 { margin: 1.2em 0 0; padding: 0 10px; clear: both; }
#weblog #content .entry h4 { color: #182; font-size: .85em; line-height: 1.5; font-weight: normal; }
#weblog #content .entry h5 { color: #666; font-size: .75em; line-height: 1.5; font-weight: bold; }
#weblog #content .entry h6 { color: #666; font-size: .75em; line-height: 1.5; font-weight: normal; }

#weblog #content .entry small { background: #eee; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; clear: both; color: #888; display: block; font-weight: bold; margin: 0 0 1.2em; padding: .2em 10px; }
#weblog #content .entry small a, #weblog #content .entry small a:link, #weblog #content .entry small a:visited { color: #888; }

#weblog #content .entry blockquote { margin: 1.2em 0 1.2em 10px; padding: 0 0 0 5px; border-left: 2px solid #bbb; }
#weblog #content .entry blockquote cite { font-weight: bold; color: #555; display: block; text-align: right; }
#weblog #content .imagerow { clear: both; margin: 0 0 .6em; padding: 0 0 0 10px; }
#weblog #content .imagerow img { margin: 5px 10px 5px 0; float: left; }
#weblog #content .imgbox { width: 143px; margin: 0 10px 1.2em; padding: 0; text-align: center; float: left; font-size: .6em; font-weight: bold; color: #555; }
#weblog #content .empty { height: 420px; margin: 0 10px; }

#weblog #content #commentform input { margin-right: 10px; width: 180px; }
#weblog #content #commentform textarea { width: 629px; }

#weblog #content .commentlist { margin: 0; padding: 0; }
#weblog #content .commentlist li { font-size: 1em; color: #222; margin: 0 0 1.2em; padding: 0; list-style: none; }
#weblog #content .commentlist small { background: #eee; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; clear: both; color: #888; display: block; font-weight: bold; margin: 1.2em 0; padding: 0 10px; }
#weblog #content .commentlist small a, #weblog #content .commentlist small a:hover, #weblog #content .commentlist small a:focus, #weblog #content .commentlist small a:active { color: #888; }
#weblog #content .commentlist .author small { color: #bbb; background: #222; }
#weblog #content .commentlist .author small a, #weblog #content .commentlist .author small a:hover, #weblog #content .commentlist .author small a:focus, #weblog #content .commentlist .author small a:active { color: #bbb; }
#weblog #content .commentlist blockquote { color: #444; font-size: .75em; margin: 0; padding: 0; border-left: 0; }
#weblog #content .commentlist blockquote blockquote { font-size: 1em; margin: 1.2em 0 1.2em 10px; padding: 0 10px 0 5px; border-left: 2px solid #bbb; }
#weblog #content .commentlist blockquote a:link { color: #182; }
#weblog #content .commentlist blockquote a:visited { color: #888; }

#weblog #content p.navigation { text-align: center; }
#weblog #content div.navigation { margin: 1.2em 10px 0; }
#weblog #content div.navigation p { margin: 0; padding: 0; font-size: .65em; margin-bottom: 1.2em; }
#weblog #content div.navigation .back { width: 315px; float: left; text-align: left; }
#weblog #content div.navigation .forward { width: 315px; float: right; text-align: right; }
#weblog #content #wp_page_numbers { margin-bottom: 1em; margin-left: 10px; }
#weblog #content #wp_page_numbers ul,
#weblog #content #wp_page_numbers li,
#weblog #content #wp_page_numbers a { background-image: none; list-style: none; margin: 0; padding: 0; text-decoration: none; }
#weblog #content #wp_page_numbers a { font-weight: bold; }
#weblog #content #wp_page_numbers li { display: block; float: left; }
#weblog #content #wp_page_numbers a { background-color: #eee; border: 1px solid #bbb; color: #555; display: block; padding: 3px 6px; margin: 0 3px; }
#weblog #content #wp_page_numbers li a:hover, #weblog #content #wp_page_numbers li a:focus, #weblog #content #wp_page_numbers li a:active { background: #555; border-color: #222; color: #fff; }
#weblog #content #wp_page_numbers li.active_page a, #weblog #content #wp_page_numbers li.active_page a:hover, #weblog #content #wp_page_numbers li.active_page a:focus, #weblog #content #wp_page_numbers li.active_page a:active { border-color: #222; background: #182; color: #fff; }
#weblog #content #wp_page_numbers li.page_info { padding: 4px 4px 4px 0; margin: 0 3px 0 0; }

#weblog #content strong.em { color: #182; font: normal 1.25em/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#weblog #content .leftalign { float: left; margin: .3em 15px .3em 0; }
#weblog #content .rightalign { float: right; margin: .3em 0 .3em 15px; }
#weblog #content .entry p span.pronunciation { color: #888; font-size: .8em; }
#weblog #content .footnote { color: #888; font-size: .65em; }

#weblog #searchform { margin: 0 10px 1.2em 20px; }
#weblog #searchform #s { width: 226px; margin: .6em 10px .6em 0; }
#weblog #searchform #searchsubmit { background: #999; border: 0; color: #fff; margin: .6em 0; }