div, td, tr, table, img {padding:0;margin:0;border:0;}

/* #### BODY #### */
body, html {font-family: 'Source Sans Pro'; background: #e4e4e4; min-height: 950px; height: 100%; width: 100%; margin: 0;}
a{color:#FF0000;border:0;}
:focus {outline: 0;}

/* #### PAGE-WRAP #### */
#page-wrap {position: relative; min-height: 950px; height: 100%; width: 1000px; margin: 0 auto;background-image: url(bg.jpg); background-size:cover;}

/* #### HEADER #### */
#top-gap {width: 100%; height: 50px;}
#top-gap2 {width: 100%; height: 55px;}
.logolarge{position:absolute;}
.logo-li {display:none;width: 50%; margin-right: 50px;}
.logo-li > a {width: 100%; height: 100%; display: block;}
.text {padding: 10px; background: rgba(255,255,255,0.6); color: #666666; font-size: 14px; line-height: 1.4;}
.textile {width: 60%; margin-bottom: 40px;}
.textile p {padding: 0 10px; font-size: 14px; color: #666666;}

/* #### HEADER-NAV #### */
#main-nav {height: 65px; width: 98%;}
#main-nav > ul {float: right; height: 100%; padding: 0; margin: 0;}
#main-nav > ul > li {float:left; list-style: none; height: 100%;}
#links {color: #666; text-decoration: none; font-size: 14px; font-weight: 400; letter-spacing: 1px; display: block; height: 100%; line-height: 65px; padding: 0 20px;}
#links.active {color: #000; font-weight: 600; !important;}
#links:hover {color: #000;}

/* #### SLIDESHOW #### */
#slideshow {position: relative; width: 1000px; height: 375px; line-height: 0;}
#slider {position: relative; width: 100%; height: 22px;margin-top:20px;}
#slider-element {width: 22px; height: 100%; background: #ff0000; margin-top: 8px; box-shadow: 1px 1px 2px #666666;}
#slider-bg {height: 100%; position: absolute; width: 100%; height: 1px; background-color: #ff0000; margin-top: 11px;}
.caption-left {visibility:hidden;position: absolute; top: 270px; left:10px;font-size: 14px; background: #DADADA; padding: 3px 25px;padding-top: 11px; height:10px;}
#image-slider {height: 325px; overflow-x: hidden; overflow-y: hidden;}
#image-slider img {height: 325px;width:100%;margin-right:0}
#slider-content {width: 8000px; height: 325px;}
#slider-content > * {height: 100%; float: left;margin-right:0}
#slider-content > div {position: relative;}
#slider-content #panel1:hover .caption-left {visibility:visible}
#slider-content #panel2:hover .caption-left {visibility:visible}
#slider-content #panel3:hover .caption-left {visibility:visible}
#slider-content #panel4:hover .caption-left {visibility:visible}

/* #### FOOTER #### */
/* TODO: Ausrichtung */
#footer {width: 1000px; height: 80px; position: absolute; bottom: 20px; background: rgba(255, 255, 255, 0.5);}
#footer > * {; margin-left: 30px; font-size: 14px; color: #666666;}
#footer > h3 {margin-top: 20px;}
#footer > p {margin-top: 10px;}

/* #### PROJEKTE #### */
#project-wrap {width: 100%; height: 80px; background: rgba(255, 255, 255, 0.5); margin-top: 30px;}
#project-wrap > p {padding: 20px 0 5px 30px; font-size: 15px; font-weight: bold; color: #666666; margin: 0}
#project-wrap > ul {padding: 0 0 0 30px; margin: 0;}
#project-wrap > ul > li {list-style: none; float: left;}
#project-wrap > ul > li > a { font-size: 14px; text-decoration: none; color: #555555; margin: 0px 10px 0px 0px;}
.link-sep { color: #888888; margin: 2px 10px 0 0;}
.active {color: #000; font-weight: 600; !important;}
#project-wrap > ul > li > a:hover {color: black;}
#project-wrap > ul > li > .active {background: none; color: black}

/* #### PROJEKT-SLIDER #### */
#text-content {width: 980px; color: #666666; padding: 15px 10px; background: rgba(255, 255, 255, 0.5);}
#text-content > p { margin: 15px 0 0 0; font-size: 14px; line-height: 1.3;}
#text-content h3 {margin: 0; color: #666666;}
.projectview {height: 325px !important;}
#image-slider button {width: 70px; height: 70px; top: 120px; color: #666666; font-size: 35px; border: 0; background: rgba(255,255,255,0.7);z-index:200;}
#image-slider button:hover {cursor: pointer; color: black;}
#image-slider button:focus {outline: 0;}
button#left {position: absolute; left: 0;}
button#right {position: absolute; right: 0;}
#homebutton {width:22px;height:22px;background:#ff0000;position:absolute;margin-left:-25px}
#homebutton > a {width:100%;height:100%;background:#000;}
h3 {font-size: 15px; color: #000000; margin: 30px 0 0 30px;}

/* #### IMPRESSUM #### */
#impr-container {width: 100%; background: rgba(255, 255, 255, 0.5); padding: 10px 0;}
#impr-container > * { color: #666666; font-size: 14px; margin-left: 10px; margin-right: 10px;}