@CHARSET "UTF-8";
/* 
    Document   : defaults
    Created on : Oct 13, 2009, 1:45:33 PM
    Author     : daniel
    Description:
        Default 
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	z-index:0;
}

body {
	font-size: 11px; font-family: Arial,sans-serif; color: #2e3031;
    text-align: center; background: #fff;
}

/* Structure */

#wrapper {
    width: 1024px; height: auto; margin: 0 auto;
     overflow: visible;
/*    z-index: 10;*/
}

#header {
    width: 1024px; height: 65px; position: relative;
}

    #header #logo_swarmworks { position: absolute; left: 47px; top: 21px;}
    #header #logo_claim {position: absolute; left: 215px; top: 28px; font-size: 15px; font-family: Georgia; color: #848c90;}

#container {
    width: 1000px; height: 685px; padding: 0px 12px 0px 12px;overflow: visible;
    background: transparent url(../images/background/wrapper.png) no-repeat top left;
    text-align: left; font-family: Georgia, serif;
    position: relative;
    z-index: 20;
}

#background {
    width: 1000px; height: 685px;padding: 0px 12px 0px 12px;
    position: absolute; top: 65px;
    z-index: 1;margin: 0 auto;
}

#layer {
    position: absolute; left: 0px; top: 0px;
    width: 100%; height: 100%; z-index: 100; text-align: center;
    background: url(../images/layer-background.png) repeat;
    display: none; font-family: Georgia, serif;
}

#main {
    width: 960px; height: 605px; padding: 60px 0px 20px 40px;
    background: #fff url(../images/background/film.jpg) no-repeat top left;
}

    .background_movie #main {background-image:none; background-color:transparent;}
    .entertainment #main {background: #fff url(../images/background/entertainment.jpg) no-repeat top left;}
    .gaming #main {background: #fff url(../images/background/gaming.jpg) no-repeat top left;}
    .creating #main {background: #fff url(../images/background/creating.jpg) no-repeat top left;}
    .polling #main {background: #fff url(../images/background/polling.jpg) no-repeat top left;}
    .ware #main {background: #fff url(../images/background/ware.jpg) no-repeat top left;}
    .agentur #main {background: #fff url(../images/background/agentur.jpg) no-repeat top left;}
    .business #main {background: #fff url(../images/background/business.jpg) no-repeat top left;}
    .leistungen #main {background: #fff url(../images/background/leistungen.jpg) no-repeat top left;}
    .company #main {background: #fff url(../images/background/company.jpg) no-repeat top left;}
    .referenzen #main {background: #fff url(../images/background/referenzen.jpg) no-repeat top left;}
    .garantie #main {background: #fff url(../images/background/garantie.jpg) no-repeat top left;}

#footer {
    width: 1024px; height: 50px; position: relative;
}
    #footer #contact {position: absolute; left: 60px; top: 20px; font-weight: bold;}


/* Elements */

.invisible {
    display: none;
}

a {
    text-decoration: none; color: #fff;
}

a:hover, a:hover span {color: #2E3031;}

div.samples a, div.fullsize a, .boxlink, a.boxlink, .pdflink {
    font-family:Arial, sans-serif ; font-size: 11px; font-weight: bold; padding: 4px; display: block;
    background: #0080b9; width: auto; color: #fff !important; text-decoration: none !important;
}

.box_987_special div.samples a {
    line-height: normal;
}

.pdflink {
    display: inline;
}

.pdflink:hover, div.samples a:hover, div.fullsize a:hover, .boxlink:hover, a.boxlink:hover, .mod_faqlist ul a:hover {color: #2E3031 !important;}

/*#garantie_stoerer a:hover span, #stoerer_1 a:hover span, #stoerer_2 a:hover span { color: #0080b9 !important; }*/

.box_490 {
    width: 425px; height: 413px; padding: 40px 34px 0px 30px; position: relative; left: -25px;
    background: transparent url(../images/box-489x453.png) no-repeat top left;
}

.box_215 {
    width: 155px; height: 413px; padding: 40px 35px 0px 30px; position: relative; left: -30px;
    background: transparent url(../images/box-215x453.png) no-repeat top left; float: left; margin-left: -30px;
}

.box_987 {
    width: 905px; height: 393px; padding: 40px 35px 30px 37px; position: relative; left: -30px;
    background: transparent url(../images/box-987x453.png) no-repeat top left;
}

.box_987 a, .box_215 a, .box_490 a {color: #2e3031; text-decoration: underline; }

/*.box_987.left {width: 520px;}*/

.box_987 .content_left, .box_987 .content_right, .box_987.left .content_middle, .mod_newslist .first, .mod_newslist .odd, .mod_newslist .last,  .mod_eventlist .first, .mod_eventlist .odd, .mod_eventlist .last, .box_987_special .mod_newslist .even, .box_987_special .mod_eventlist .even {width: 250px; font-size: 18px; line-height: 20px; padding-right: 10px;}
.box_987.left .content_middle, .mod_newslist .odd, .mod_eventlist .odd, .box_987_special .mod_newslist .even, .box_987_special .mod_eventlist .even { padding-left: 25px;padding-right: 60px;}
.box_987_special .mod_newslist .even, .box_987_special .mod_eventlist .even {padding-left: 35px;}
.box_987.left .content_left, .box_987.left .content_right, .box_987.left .content_middle, .mod_newslist .first, .mod_newslist .odd, .mod_newslist .last, .mod_eventlist .first, .mod_eventlist .odd, .mod_eventlist .last, .box_987_special .mod_newslist .even, .box_987_special .mod_eventlist .even {float: left;}
.box_987.left .content_right.outer, .mod_newslist .last, .mod_eventlist .last {width: 290px; padding-right:0px;}

.business .box_987_special .layout_short {width: 425px;}

.box_215.first {margin-left: 0;}

.box_215 h3 {color: #2e3031; font-size: 13px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.box_215 h4, .box_987 h4, .layout_full h3, .mod_eventreader h3 { font-size: 18px; margin-bottom: 25px; }
.box_987 h4 { color: #fff; }
.box_215 p { font-size: 14px;  }
.box_215 .video {position: absolute; bottom: 17px; left: 20px;}

.box_490.last {position: absolute; left: 507px; top: 158px;}
.box_215.last { left: 760px; top: -453px;}

.box_490 div.samples, .business .box_987_special div.samples {position: absolute; bottom: 30px; left: 265px;}
.box_215 .fullsize {display: none; position: absolute; bottom: 24px; left: 20px;}
.usageexamples .box_215 .fullsize {display: block; bottom: 20px;}

.box_490 .column_left, .business .box_987_special .column_left {
    width: 226px;
    float: left;
}

.box_490 .column_right, .business .box_987_special .column_right {
    width: 198px;
    float: right;
    margin-top: -40px;
    font-size: 11px;
    line-height: auto;
    position: relative; left: 5px;
}

.business .box_987_special .column_right p {
    font-size: 11px;
    line-height: normal;
}

.column_left .image_container {position: absolute; bottom: 17px;}
.column_left {font-size: 18px;line-height: 20px;}


.float {
    float: left;
}

h1 {}

h2 {font-size: 15px; color: #fff; font-weight: bold; }
h3, .ce_downloads h4, .news h4, .layout_full h3, .mod_eventreader h3 {font-size: 18px; color: #fff; font-weight: normal;}
.ce_downloads h4, .news h4, .news h4 a, .layout_full h3, .mod_eventreader h3 {color: #0080B9; text-decoration: none;}

#fe_chat_container_start {padding: 10px; margin-left: -10px; width:940px !important; clear: both;}
#fe_chat_container_start:hover, #fe_chat_container_start:active, #fe_chat_container_start:focus {/*background: #0080b8;*/}
#fe_chat_container_start input {border: 1px solid #666; color: #444; font-style: italic;}
#fe_chat_container_start .submit_container input.submit {border: 0px; font-style: normal; cursor:pointer;font-weight: bold;}
#fe_chat_container_start .submit_container {  /*left: 590px;*/}
#fe_chat_container_start .captcha {width: 190px !important;}
#fe_chat_container_start #ctrl_message {width: 170px !important;}
#fe_chat_container_start #blocked {display:none;}

.stoerer_big {position: absolute;right: 0px; top:5px;width: 192px; height: 192px; background:url(../images/stoerer_192.png);}
.showreel_stoerer {position: absolute;right: 0px; top:5px;width: 194px; height: 194px; background:url(../images/showreel-stoerer.png);}
.showreel_stoerer:hover {opacity: 0.5;}
.stoerer_small {position: absolute;top: 25px; right: 0px; width: 169px; height: 169px; background:url(../images/stoerer_169.png);}

/* Site specific */

.home_teaser {margin-top: 30px;margin-left: -10px; padding: 10px; width: 450px;}
.home_teaser.last {margin-top: 20px;}
.home_teaser:hover {background: transparent url(../images/background-blue-50.png) top left;}
.home_teaser p {font-size: 24px; color: #fff; font-weight: normal;}
.home_teaser a {font-size: 11px; color: #fff; font-weight: bold;}
.home .stoerer_big {position: absolute; right: 0px; top:125px;}
.home .showreel_stoerer {position: absolute; right: 46px; top:347px;}

#entertainment_stoerer {position: absolute; right: 0px; top:25px;}


#content-agenturen-box #video_agentur {position: absolute; right: 30px; top: 35px;}
#link_agentur {position: absolute; bottom: 45px;}

.company_stoerer { top: 125px;}
#company_stoerer_1 {right: 325px; top: 25px}
#company_stoerer_2 {right: 175px; top: 50px}
#company_stoerer_3 {right: 0px; top: 5px}
#company_personen {position: absolute; bottom: 26px; right: 47px;}

#leistungen_right {width: 200px; height: 363px; padding: 20px 12px 0px 175px; position: absolute; right: 19px;
                   background: url(/tl_files/bilder/leistungen/Leistungen-Rechts.png) no-repeat top left;
}

#kontakt_right {height:363px; position: absolute; right: 19px;
    background: url(/tl_files/bilder/kontakt/googlemapsbsp.jpg) no-repeat top left;
}

#referenzen_content {font-size: 27px; line-height: 42px; position: relative; top: 0px;}
.referenzen_stoerer {position: absolute; top: 125px;}
#referenzen_stoerer_1 {right: 425px; top: 50px}
#referenzen_stoerer_2 {right: 275px; top: 25px}
#referenzen_stoerer_3 {right: 0px; top: 5px}

#garantie_right {width: 200px;height:363px; padding: 20px 12px 0px 175px; position: absolute; right: 19px;
                   background: url(/tl_files/bilder/garantie/Garantie-Rechts.png) no-repeat top left;
}

#presse-content .content_right, #presse-content .content_middle, #presse-content .content_left {line-height: 22px !important;}
#impressum-content .content_right, #impressum-content .content_middle, #impressum-content .content_left {line-height: 16px !important;}

.presse #stoerer_1 {top: 10px; right: 335px;}
.presse #stoerer_2 {top: 40px; right: 175px;}
.faq #stoerer_1 {top: 10px; right: 335px;}
.faq #stoerer_2 {top: 40px; right: 175px;}
.downloads #stoerer_1 {top: 10px; right: 335px;}
.downloads #stoerer_2 {top: 40px; right: 175px;}
.news #stoerer_1 {top: 10px; right: 335px;}
.news #stoerer_2 {top: 40px; right: 175px;}
.referenzen #stoerer_2 {top: 15px; right: 240px;}
.referenzen #stoerer_1 {top: 40px; right: 400px;}
.garantie #stoerer_2 {top: 20px; right: 175px;}
.garantie #stoerer_1 {top: 40px; right: 335px;}
.leistungen #stoerer_2 {top: 40px; right: 175px;}
.leistungen #stoerer_1 {top: 15px; right: 335px;}
.company #stoerer_2 {top: 40px; right: 175px;}
.company #stoerer_1 {top: 15px; right: 335px;}
.business #stoerer_1 {top: 25px; right: 0px;}
.entertainment #stoerer_2 {top: 25px; right: 0px;}

#impressum_haftung {position: absolute; right: 50px; bottom: 50px;}

.mod_faqlist h2 {font-size: 18px; color: #0080b9; padding-bottom: 20px;}
.mod_faqlist ul {list-style: none; font-size: 12px;}
.mod_faqlist ul li {padding-bottom: 10px;line-height: 16px;}
.mod_faqlist ul a { text-decoration: none;display: block;color: #0080b9; font-family: Arial; font-size: 10px; font-weight: bold;}

#content-kontakt-box .mail {color: #fff; background-color: #0080B9; padding: 4px 10px; display: block; width: 120px; text-decoration: none;}

#faq-antwortfenster {position: absolute; top: 100px; left: 50%; margin-left: -228px; text-align: left; padding: 40px; width: 457px; height: 392px; background: transparent url(../images/window-faq.png) top left;}
#faq-antwortfenster h3 {font-size: 22px; color: #0080b9;}
#faq-antwortfenster .ce_text {font-size: 18px; }
#faq-antwortfenster .close, #haftung .close {position: absolute; top: 40px; right: 40px; }
#haftung .close {position: absolute; top: 40px; right: 60px; }
#faq-antwortfenster .close a,  #haftung .close a {color: #2e3031 !important; font-weight: bold; font-family: Arial; font-size: 10px;}
#faq-antwortfenster p.category {color: #0080b9; font-size: 12px;margin-bottom: 30px;}

#haftung {position: absolute; top: 100px; left: 50%; margin-left: -233px; text-align: left; padding: 40px 30px 40px 40px; width: 467px; height: 566px;
          background: transparent url(../images/window-haftung.png) top left; }

#haftung .ce_text {font-size: 14px; height: 550px; overflow-y: scroll; padding-right: 10px; margin-top: 16px;}
#haftung h2 {position: absolute;top: 40px; left: 40px;color: #0080b9; font-size: 12px;}

.ce_downloads {height: 380px; overflow:hidden;}
.ce_downloads p {font-size: 10px; line-height: 18px; margin-bottom: 4px;}
.ce_downloads p .desc {float: left; color: #000; width: 195px;}
.ce_downloads p .desc, .ce_downloads p span {font-size: 12px; line-height: 18px;}
.ce_downloads p span {color: #aeafb3;}
.ce_downloads p .type {text-transform: uppercase;}
.ce_downloads p a {color: #007eb3; float: right;}
.ce_downloads p .clear {clear: both; display: block;}

.mod_newslist .layout_short, .mod_eventlist .event {height: 393px; position: relative;}
.mod_newslist .image_container, .mod_eventlist .image_container {position: absolute; bottom: 0; line-height: 0;}
.business .mod_newslist .ce_image .image_container {position:static;line-height: normal;}
.mod_newslist p, .mod_eventlist p {font-size: 12px; line-height: 18px;}
.mod_newslist .teaser, .mod_eventlist .teaser {margin-bottom: 10px;}
.mod_newslist .more a, .mod_eventlist .more a {font-size: 10px; line-height: 18px; color: #0080B9; text-decoration: none;}

.layout_full .ce_text .image_container, .mod_eventreader .ce_text .image_container {float: right; position:relative; right:-16px;}
.layout_full .ce_text .image_container .caption, .mod_eventreader .ce_text .image_container .caption {font-size: 11px; font-style:italic; padding-top: 10px;}
.layout_full .ce_text p, .mod_eventreader .ce_text p {width: 550px; font-size: 12px;}
.mod_eventlist .info, .mod_eventreader .info {font-size: 12px; margin-bottom: 5px}
.mod_newsreader .back, .mod_eventreader .back {position: absolute; right: 60px; bottom: 60px;}
.mod_newsreader .back a, .mod_eventreader .back a {color: #0080b9; text-decoration: none;}

/* Special Sideways Scrolling Box */

.box_987_special {
    background:url("../images/box-987x453.png") no-repeat scroll left top transparent;
    height:413px;
    left:-30px;
    padding:20px 20px 30px;
    position:relative;
    width:938px;
}

.box_987_special .inside {
    overflow-x: scroll;
    position: relative;
    width:938px;
}

.box_987_special .inside .scrolling_container {
    width: 3000px;
    padding: 20px 90px 0;
}

.box_987_special .inside .inside {
    overflow-x: auto;
}

.fader {
    display: none;
}

.box_987_special .fader {
    position: absolute;
    top: 20px;
    z-index: 10;
    display: block;
    height: 413px;
    width: 35px;
}

.box_987_special #fader_left {
    background: transparent url(../images/scroller/fader-left-small.png) repeat-y top left;
    left: 20px;
}

.box_987_special #fader_right {
    background: transparent url(../images/scroller/fader-right-small.png) repeat-y top left;
    right: 20px;
}

#scroller_container {
    position: relative;
}

#scroller_container #scroller {
    background: transparent url(../images/scroller/line.png) repeat-x top left;
    width: 914px;
    height: 27px;
    margin-left: 12px;
    border: none;
}

#scroller_container .buttons {
    position: absolute;
    z-index: 10;
    top: 0;
    width: 20px;
    height: 27px;
    cursor: pointer;
}

#scroller_container #button_left {
    background: transparent url(../images/scroller/button-left.png) no-repeat top left;
    left: -8px;
}

#scroller_container #button_right {
    background: transparent url(../images/scroller/button-right.png) no-repeat top left;
    right: -8px
}

#scroller_container #scroller .ui-slider-handle {
    background: transparent url(../images/scroller/bar.png) repeat-x top left;
    top: 8px;
    border: none;
    height: 11px;
    width: 100px;
    margin-left: -50px;
    cursor: pointer;
}