/* NOTES
 * =====
 * Browser Window Sizes (width + scrollbar width / height + address, bookmark bar etc.)
 *  995 + 17 / 591 + 177	Microsoft Internet Explorer 6 @ 1024 x 768
 * 1265 + 15 / 686 + 114	Safari @ 1280 x 800 (MacBook, MacBook Pro 13.3")
 * 1425 + 15 / 786 + 114  	Safari @ 1440 x 900 (MacBook Pro 15.4")
 *
 *
 * TODO
 * ====
 * LOCAL NAV: Fix IE6 guilliotine problem.
/*

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* COMMON */
body { background-color: #333; color: #FFF; font-family: "Helvetica"; font-size: .75em; line-height: 1.5; }
a { color: #7A7A7A; text-decoration:none; }
label { cursor: pointer; }
.hidden { display: none; }


/* BODY */
#body { margin: 40px 11px 60px 40px; width: 944px; /* 944 = 4 * 224 + 3 * 16 */
	/*background-image: url(/fileadmin/images/raster.gif); background-repeat: no-repeat;*/ }


/* LANGUAGES */
#languages { float: right; font-size: .8em; font-weight: bold; text-transform: uppercase; }
#languages span.icon { display: inline-block; width:28px; height:35px; margin-left: 10px;
	background-image: url(/fileadmin/images/st-stephens-icon-grey.gif); background-repeat: no-repeat; }
#languages span.icon.swf object { margin-left: -28px; background-color: #333; }
#languages a { color: #7A7A7A; }
#languages b { color: #FFF; }


/* LOGOTYPE */
#logotype { height: 80px; }
#logotype h1 a { display: block; padding-top: 42px; width: 224px; height: 0; overflow: hidden;
	background-image: url(/fileadmin/images/st-stephens-typo-screen.png); background-repeat: no-repeat; }


/* SEPARATOR 1ST */
#separator-1st { width: 224px; height: 1px; overflow: hidden; background-color: #FFF; }


/* HEADER */
#header { position: relative; }


/* NAVIGATION */
#navigation { width: 564px; /*height: 136px;*/ font-size: .8em; font-weight: bold; text-transform: uppercase; } /* 464 = 224 + 16 + 224*/
#navigation a { color: #7A7A7A; }
#navigation b { color: #FFF; }
#navigation { margin: 15px 0; }
#navigation div.level-1 ul li span { display: inline-block; width: 224px; text-align: right; }
#navigation div.level-1 ul li.normal div.level-2 { display: none; }
#navigation div.level-2 { display: inline; width: 224px; margin-left: 11px; } /* 11px = 16px (grid gap) - 5 (spacing between)*/
#navigation div.level-2 ul { display: inline; } 
#navigation div.level-2 ul li { display: inline; }
#navigation div.level-2 ul li a,
#navigation div.level-2 ul li b { display: inline; margin: 0 5px; }
#navigation div.level-2 ul li a b { margin: 0; }


/* TOOLBAR */
#toolbar { position: absolute; right: 0; margin-top: -30px; height: 15px; } /* IE Quirk: bottom: 15px would not work => margin-top: -30px */
#toolbar div.print-page a { display: inline-block; padding-top: 12px; width: 14px; height: 0; overflow: hidden;
	background-image: url(/fileadmin/images/printer-icon.gif); background-repeat: no-repeat; }


/* SEPARATOR 2ND */
#separator-2nd { clear: left; height: 1px; overflow: hidden; background-color: #FFF; }
#separator-2nd span.gap { display: inline-block; width: 16px; height: 1px; margin-left: 224px; background-color: #333; }

/* ROOTLINE */
#rootline { display: none; }
#rootline { font-size: 0.8em; font-weight: bold; text-transform: uppercase; }
#rootline b { color: #FFF; }


/* CONTENT */
#content { margin-left: 240px; margin-top: 16px;}
#content h1 { font-size: 1em; color: #7A7A7A; text-transform: uppercase; font-weight: bold; } /**/
#content p {  font-size: 1.2em;  line-height:1.35em; }
#content a { color: #FFF; text-decoration: underline; }

/*#content div.csc-default p+p { margin-top: 1.5em; }
#content div.csc-default+div.csc-default { margin-top: 1.8em; padding-top: 1em;
		background-image: url(/fileadmin/images/separator.gif); background-repeat: no-repeat; }*/


/* TEXT WITH IMAGE */
#content div.csc-default h1, #content div.csc-default p { margin-bottom: 1em; }
#content div.csc-default div.csc-textpic-imagewrap p.csc-caption { margin-top:1em; color: #FFF; font-size: .8em; font-weight: bold; text-transform: uppercase; }


/* NEWS (tt_news) */
/* LIST */
#content div.news-list-container { margin: 0; padding: 0; } /* RESET */
#content div.news-list-container div.news-list-item h2 { text-transform: uppercase; margin-bottom: 1em; }
#content div.news-list-container div.news-list-item h2 span.title a { color: #7A7A7A; font-weight: bold; text-decoration: none; }
#content div.news-list-container div.news-list-item a img { float: none; margin: 1em 0 1em 0; }
#content div.news-list-container div.news-list-item div.separator {  margin: 2em 0 0.5em 0; height: 1px; width: 224px; border-bottom: 1px solid white; }
#content div.news-list-container div.news-list-item:last-child div.separator { display: none; }
/* SINGLE */
#content div.news-single-item { margin: 0; padding: 0; } /* RESET */
#content div.news-single-item div.prev-next { display: none; }
#content div.news-single-item div.prev-next { margin-bottom: 1em; font-size: .8em; font-weight: bold; text-transform: uppercase; }
#content div.news-single-item div.prev-next a { text-decoration: none; }
#content div.news-single-item h1 { margin-bottom: 1em; clear: both; }
#content div.news-single-item h1 span.date { font-weight: normal; color: #7A7A7A; }
#content div.news-single-item p { margin-bottom: 1em; }
#content div.news-single-item div.news-single-img { float: none; margin: 1em 0 1em 0; }
#content div.news-single-item div.news-single-img p.news-single-imgcaption { margin: 0.5em 0 0.5em 0; padding: 0; font-size: .8em; font-weight: bold; color: #FFF; text-transform: uppercase;  } 
/*#content div.news-single-item div.news-single-img img { outline: 1px solid red; }*/
#content div.news-single-item div.news-single-backlink { padding: 0; font-size: .8em; font-weight: bold; text-transform: uppercase; }
#content div.news-single-item div.news-single-backlink a { text-decoration: none; }


/* GALLERY (goof_fotoboek)*/
#content div.tx-gooffotoboek-pi1 { margin-left: -240px; }
#content div.tx-gooffotoboek-pi1 div.previews { float: left;  width: 240px; }
#content div.tx-gooffotoboek-pi1 div.previews li { float: left; }
#content div.tx-gooffotoboek-pi1 div.previews img { margin-right: 8px; } /* 224 = 4x50 + 3*8 */
#content div.tx-gooffotoboek-pi1 div.view { margin-left: 240px; }
#content div.tx-gooffotoboek-pi1 div.navigation { float: right; margin-top: 8px; }
#content div.tx-gooffotoboek-pi1 div.navigation span { margin-left: 8px; }
#content div.tx-gooffotoboek-pi1 div.title { margin-top: 4px;/* margin-left: 240px;*/ font-size: 0.8em; font-weight: bold; color: #FFF; text-transform: uppercase;}
/* FIX: IE6's 3px jog problem */
* html #content div.tx-gooffotoboek-pi1 div.image div img { margin-left: -3px; }


/* LOCAL NAV */
#content div.localnav { margin-left: -240px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; }
#content div.localnav div.level-3 { float: left; width: 224px; margin-right: 16px; }
#content div.localnav div.level-3 li a { color: #7A7A7A; text-decoration: none; }
#content div.localnav div.level-3 li b { color: #FFF; }


/* LOCAL NAV */
#content div.localnav div.previews { width: 240px; margin-right: 0px; font-size: 0px; }
#content div.localnav div.previews li { float: left; }
#content div.localnav div.previews img { margin-right: 8px; margin-bottom: 8px; }


/* REFERENCES */
/*#c146, #c147 {
	-moz-column-count: 3; -moz-column-gap: 1em;
	-webkit-column-count: 3; -webkit-column-gap: 1em;
	column-count: 3; column-gap: 1em; }*/
/*#c146 ul li, #c147 ul li { float: left; width: 230px; margin-right: 4px; }*/
#content #c146 p, #content #c147 p { float: none; clear:left; margin: 0 0 1em 0; text-transform: uppercase; color: #7A7A7A; font-size: 1em; font-weight: bold; }
#content #c146 ul li, #content #c147 ul li { float: left; width: 230px; margin-right: 4px; }
/*#content #c146 ul, #content #c147 ul { padding: 0 0 2em 0; }*/

/* GALLERY */
/*#content div.controls { outline: 1px solid #F00; }
#content div.loading { outline: 1px solid #FF0; }
#content div.slideshow { outline: 1px solid #0F0; }
#content div.caption { outline: 1px solid #0FF; }http://www.st-stephens.at/#2
#content div.thumbs { outline: 1px solid #00F; }*/

/* Agentur > Büro, LANDING PAGES: Werbung,... */
#content .gallery { position: relative; }
#content  #c27 div.gallery,
#content #c149 div.gallery,
#content #c177 div.gallery,
#content #c178 div.gallery,
#content #c179 div.gallery { margin: 0 0 0 1em; width: 352px; display: inline-block; float: right;} /* Was margin: -1.5em 0 0 1em; ...*/
#content  #c27 div.gallery div.slideshow img,
#content #c149 div.gallery div.slideshow img,
#content #c177 div.gallery div.slideshow img,
#content #c178 div.gallery div.slideshow img,
#content #c179 div.gallery div.slideshow img  { width: 352px; } 

#content div.gallery div.controls a { position: absolute; text-decoration: none; font-weight: bold; color: #FFF; } /* previous & next */

#content div.gallery div.controls .prev,
#content div.gallery div.controls .next { top: 0px; width: 50%; height: 0; font-size: 0; line-height: 0; }
#content div.gallery div.controls .prev { left: 0px; background: url('/fileadmin/styles/gallery-prev.png') no-repeat 10% center; }
#content div.gallery div.controls .next { right: 0px; background: url('/fileadmin/styles/gallery-next.png') no-repeat 90% center; }
#content div.gallery.halfsize div.controls .prev,
#content div.gallery.halfsize div.controls .next { padding-top: 220px; }
#content div.gallery.fullsize div.controls .prev,
#content div.gallery.fullsize div.controls .next { padding-top: 330px; }
#content div.gallery div.loading { width: 704px; padding-top: 400px; height: 0; font-size: 0; line-height: 0; background: url('/fileadmin/styles/gallery-loading.png') no-repeat center; }

/*#content div.gallery div.controls .prev { top: 0px; left: 0px; width: 50%; height: 0; padding: 110px 171px; font-size: 0; line-height: 0; background: ; }
#content div.gallery div.controls .next { top: 0px; right: 0px; width: 50%; height: 0; padding-top: 26px; font-size: 0; line-height: 0; background: url('/fileadmin/styles/gallery-prev-next.png') no-repeat -18px 0; }
*//*#content div.gallery div.slideshow { height: 400px; }*/
#content .gallery.fullsize { width: 704px; overflow: hidden; }
#content div.gallery div.slideshow span { display: block; } /* Safari 4 fix !!! */
#content div.gallery div.slideshow img { width: 704px; overflow: hidden; } 
#content div.gallery div.slideshow a.advance-link { text-decoration: none; }
#content div.gallery div.slideshow span.image-wrapper { line-height: 0; font-size: 0; white-space: nowrap;   /*float: right;*/ /*width: 704px; overflow: hidden;*/  } /* FIX: Dynamically inserted elements seem to add whitespace (which is visible because of beeing part of the link) - hide it */
#content div.gallery div.caption { height: 1.35em; margin: 1em 0 1.5em 0; font-size: 0.8em; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: left; }
#content div.gallery div.thumbs ul.thumbs { margin-left: -8px; }
#content div.gallery div.thumbs ul.thumbs li { display: inline-block; float: left; padding: 0 0 8px 8px; width: 81px; height: 60px; overflow: hidden; }
#content div.gallery div.thumbs ul.thumbs li:last-child { margin-bottom: 1em; }
#content div.gallery div.thumbs ul.thumbs li a { display: inline-block; height: 47px; overflow: hidden; }
#content div.gallery div.thumbs ul.thumbs li div.category { padding: .5em 0 0 0; font-size: 0.64em; /*color: #7A7A7A;*/ text-transform: uppercase; /*outline: 1px solid red;*/ text-align: left; }

/* CONTACT US */
/*div#contactUs ul { margin-bottom: 1em; font-size: 1.2em; }
div#contactUs ul li { text-indent: -1.5em; margin-left: 1.5em; }
div#contactUs ul li input { width: 1.5em; }*/
/*div.probierenSieUnsAus ul { margin-bottom: 1em; font-size: 1.2em; }
div.probierenSieUnsAus ul li { text-indent: -1.5em; margin-left: 1.5em; }
div.probierenSieUnsAus ul li input { width: 1.5em; }*/
#content div.probierenSieUnsAus textarea { border: 0; }
#content div.probierenSieUnsAus p.explanation { font-size: 1em; color: #7A7A7A; }
#content div.probierenSieUnsAus label.error { display: block; color: #449b92; }


/* BILLBOARD */
#c114 .csc-header { margin-top: -5em; float: right; }
#c114 .csc-header h1 { font-size: 2em; color: #FFF; }

/*#c114 div.csc-textpic-imagewrap { position: relative; height: 400px; }
#c114 div.csc-textpic-imagewrap dt { position: absolute; top: 0;  }
*/
/* Show only first item */
#c114 div.csc-textpic-imagewrap div.csc-textpic-imagerow { display: none; }
#c114 div.csc-textpic-imagewrap div.csc-textpic-imagerow:first-child { display: block; }
/* Hide caption */
#c114 div.csc-textpic-imagewrap dd { display: none; }