/* © egghead      ************************* */
/* Markups        ************************* */
body       { color: #656b76; font-size: 62.5%; font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, Geneva, SunSans-Regular; text-align: center; margin: 0; padding: 0 }
p   { margin: 0 0 10px; padding: 0 }
blockquote  { color: #55b7d7; font-size: 1.2em; font-style: italic; background-image: url("../_media/blockquote.gif"); background-repeat: no-repeat; background-position: 4px 5px; margin: 20px; padding: 15px 5px 15px 40px; border-top: 1px solid #e4f1f7; border-bottom: 1px solid #e4f1f7 }
h3  { font-size: 1.4em; font-weight: normal; display: inline; margin: 0; padding: 0 }
h4   { font-size: 1.4em; font-family: Arial; font-weight: normal; text-align: left; margin: 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #83cbe6 }
h5    { color: #55b7dc; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; margin: 20px 0 0; padding: 0 }
h6  { font-size: 0.9em; font-weight: normal; margin: 0; padding: 0 }
img { border: 0px }
a:link, a:visited   { color: #0a467b; font-weight: normal; text-decoration: none }
a:hover  { text-decoration: none }
ul {margin: 0; padding: 0}
table  { font-size: 1em }
input, textarea   { margin-right: 15px }
input.type, textarea.type   { color: #0a467b; background-color: #e4f1f7; padding: 2px; width: 40%; border: solid 1px #55b7dc }

input.send  { color: #0a467b; background-color: #55b7dc; width: 40%; border: solid 1px #55b7dc }
/* Site          ************************* */
div#site {}
div#mainBox  { background-image: url("../_media/header_back.jpg"); background-repeat: repeat-x }
div#subBox   { background-color: #e4f1f7; background-image: url("../_media/subnavi_back.jpg"); background-repeat: repeat-x }
div#contentBox     { font-size: 1.2em; line-height: 1.9em; padding-bottom: 80px; border-top: 1px solid #b1deef; border-bottom: 1px solid #55b7dc }
.center   { text-align: left; margin-right: auto; margin-left: auto; width: 80% }
/* Standard Seite */
#articles, #referenzen, #news      { margin-top: 30px }
#articles a:link, #referenzen a:link, #articles a:visited, #referenzen a:visited { border-bottom: 1px solid #e4f1f7 }
#article    { margin-right: 45%; padding-bottom: 45px; border-bottom: 1px solid #deeef5 }
#articleMedia      { text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 12px; width: 38%; float: right; border: solid 1px #deeef5 }
.stretch  { width: 100% }
#articles ul   { margin: 0 20px 20px; padding: 0 }
#articles ul li    { background-image: url("../_media/o.gif"); background-repeat: no-repeat; background-position: 0 8px; list-style-type: none; margin: 0; padding: 5px 5px 5px 25px; border-bottom: 1px solid #deeef5 }
.warn { color: #212121; font-size: 1.6em; background-color: #ff8; background-image: url("../_media/warn.gif"); background-repeat: no-repeat; background-position: 20px 50%; margin: 20px 10px; padding: 20px 20px 20px 45px }
/* Startseite ***************************/
#startArticle { width: 54%; float: left; padding-bottom: 45px; border-bottom: 1px solid #deeef5 }
#startOverview { margin: 0 0 0 59%; border-bottom: 1px solid #deeef5 }
#startOverview ul {margin: 0;}
#startOverview ul li  { background-image: none; padding: 0 }
#startOverview li a:link, #startOverview li a:visited     { color: #149ccf; text-decoration: none; background-image: url("../_media/o.gif"); background-repeat: no-repeat; background-position: 0 50%; display: block; padding-left: 20px; border-bottom: medium none }
#startOverview li a:hover    { color: #0a467b; text-decoration: none; background-color: #f6fbfc }
#startOverview ul   { margin-bottom: 35px }
#startThumbs   { text-align: center }
#startThumbs span a:link, #startThumbs span a:visited   { border-bottom: medium none }
#startThumbs span img       { margin-bottom: 12px; padding: 3px; width: 20%; border: solid 1px #deeef5 }
#startThumbs span a:hover img    { background-color: #55b7dc; border: solid 1px #55b7dc }
#startThumbs span a:hover { background-color: #55b7dc }
html>body #startThumbs span a:hover  { background-color: #fff }
/* News  *********************/
.news_item a      { display: block; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #deeef5 }
.news_item a:link, .news_item a:visited {}
.news_item a:hover  { background-color: #f6fbfc }
.news_item a:link span, .news_item a:visited span   { color: #55b7dc; background-image: url("../_media/o.gif"); background-repeat: no-repeat; background-position: right top; margin-right: 5px; padding-right: 15px }
#article.news   { padding-bottom: 0 }
/* Referenz-Liste  *********************/
#referenzen   { text-align: left; padding-bottom: 12px; border-bottom: 1px solid #deeef5 }
#referenzen span img     { margin: 6px 3px 6px 2px; padding: 6px; border: solid 1px #deeef5 }
#referenzen span a:link, #referenzen span a:visited  { border-bottom: none } 
#referenzen span a:hover img   { background-color: #deeef5; border: solid 1px #55b7dc }
#referenzen span a:hover  { background-color: #deeef5 }
html>body #referenzen span a:hover  { background-color: #fff }
/* Projekt Karte *******************/
#project { margin-top: 45px }
#projectCard        { font-size: 0.9em; line-height: 1.6em; text-align: left; padding-top: 15px; padding-right: 15px; width: 72%; float: left; border-top: 1px solid #deeef5; border-right: 1px solid #deeef5; border-bottom: 1px solid #deeef5 }
#projectCard span   { margin-right: 15px; float: left }
#projectCard a:link, #projectCard a:visited  { border-bottom: 1px solid #deeef5 }
#projectCard a:hover  { color: #55b7d7 }
/* #projectCard span object  { width: 100% } */
#projectCard ul  { margin: 0; padding: 0 }
#projectCard ul li   { background-image: url("../_media/project_list.gif"); background-repeat: no-repeat; background-position: 0 50%; list-style-type: none; margin-bottom: 4px; padding-top: 2px; padding-bottom: 2px; padding-left: 15px }
#projectCard h5    { color: #55b7dc; font-size: 1.2em; font-weight: normal; margin-top: 0; margin-right: 0; margin-bottom: 10px; padding: 5px; border-bottom: 1px solid #deeef5 }
.refBack   { text-align: left; padding-top: 30px; padding-right: 10px }
#projectCard  .refBack a:link, #projectCard  .refBack a:visited    { color: #55b7dc; text-decoration: none; border: 0 }
#projectCard  .refBack a:hover  { color: #0a467b; text-decoration: none }
#moreProjects     { text-align: left; margin-left: 75% }
#moreProjects ul   { margin: 0; padding: 0 }
#moreProjects ul li   { list-style-type: none; border-bottom: 1px solid #deeef5 }
#moreProjects ul li a:link, #moreProjects ul li a:visited   { color: #55b7dc; text-decoration: none; display: block }
#moreProjects ul li a:hover   { color: #0a467b; background-color: #f6fbfc }
#projectPreview    { margin-bottom: 10px; padding: 4px; height: 80px; border: solid 1px #deeef5 }
.preview { position: relative; top: 0 }
#pBack { position: relative; z-index: 0; top: 0; height: 20% }
.preview img  { width: 100% }
/* Tooltip 		 ************************* */
.boxoverBody      { color: #212121; font-size: 1.1em; font-weight: bold; background: #fff; text-align: left; padding: 10px; width: 220px; border: solid 1px #55b7dc; -moz-opacity: 0.7; filter: alpha(opacity=70) ; opacity: .7    }
.boxoverHeader     { color: #212121; font-size: 1.2em; font-weight: bold; background: #fff; text-align: left; padding-top: 10px; padding-right: 10px; padding-left: 10px; width: 220px; border-top: 1px solid #55b7dc; border-right: 1px solid #55b7dc; border-left: 1px solid #55b7dc; -moz-opacity: 0.7; filter: alpha(opacity=70)   }
.boxoverProject      { color: #212121; font-size: 1.1em; background: #fff; text-align: left; padding: 10px; width: 180px; border: solid 1px #55b7dc;   }
.boxoverProject img  { width: 100%; -moz-opacity: 2; filter: alpha(opacity=200) ; opacity: 2    }
/* Navi          ************************* */
#mainNav       { margin-top: 10px }
#mainNav ul       { height: 27px }
#mainNav li        { display: inline; margin-right: 30px; line-height: 3.8em;  }
html>body #mainNav li   { line-height: 1.6em }
#mainNav li a   { text-decoration: none; padding: 15px 60px 10px 7px }
#mainNav li.active a:link, #mainNav li.active a:visited { background-color: #f6fbfc; background-image: url("../_media/mainNav_active.gif"); background-repeat: repeat-x }
#mainNav li a:link ,  #mainNav li a:visited   { color: #0a467b; text-decoration: none; background-color: #83cbe6; background-image: url("../_media/mainNav_link.gif"); background-repeat: repeat-x }
#mainNav li a:hover   { text-decoration: none; background-color: #c1e5f2; background-image: url("../_media/mainNav_hover.gif") }
#subNav       { font-size: 1.2em }
.stretcher   { visibility: hidden }
.sub       { margin-top: 20px; padding-bottom: 12px }
#sub02  { margin-left: 140px }
#sub03  { margin-left: 280px }
#subNav li      { line-height: 1.4em; list-style-type: none; margin-bottom: 7px }
#subNav li a:link ,  #subNav li a:visited   { color: #656b76; text-decoration: none; padding-left: 12px; border-left: 1px solid #83cbe6 }
#subNav li a:hover   { color: #0a467b; text-decoration: none }
#subNav ul li.active a:link, #subNav ul li.active a:visited, #subNav ul li.active a:hover  { font-weight: bold }
#contentNav ul       { padding-left: 10px; border-left: 1px solid #83cbe6 }
#contentNav li        { display: inline; margin-right: 25px }
#contentNav li a    { text-decoration: none }
#contentNav li a:link ,  #contentNav li a:visited    { color: #656b76; padding-bottom: 2px }
#contentNav li a:hover     { color: #0a467b }
#contentNav li.active a:link , #contentNav li.active a:visited        { font-weight: bold; text-decoration: none }
ul#footer     { font-size: 1.2em; font-family: Arial; background-image: url("../_media/footer_back.jpg"); background-repeat: repeat-x; text-align: right; margin-bottom: 0; padding-top: 10px; padding-right: 30px; padding-bottom: 160px }
ul#footer li   { display: inline; margin-left: 30px }
ul#footer li a:link, ul#footer li a:hover {}
#sky { width: 50%; float: left; background-image: url("../_media/footer_back.jpg"); background-repeat: repeat-x; }
#bottom_navi { font-size: 1.2em; background-image: url(../_media/bottom_navi_back.gif); text-align: right; padding-top: 3px; padding-right: 10%; height: 25px }
#bottom_navi a:link, #bottom_navi a:visited  { margin-right: 5px; margin-left: 5px }
#bottom_navi a:hover  { color: #149ccf }
/* Nächste Seite        ************************* */
.pager  { font-weight: normal; margin-top: 20px }
.passive  { font-weight: normal }
/* Ende        ************************* */