@charset "utf-8";
/* CSS Document */

/*
 *	Framework
 */
document, body { color:#f5f5f5; font-family:Arial,Helvetica,sans-serif; font-size:9pt; border-color: #535252; line-height: 20px; background-color: #1a171b;}
body { margin:0; padding:0; text-align:center;}
img{border: none;}
#wrapper{ position:relative; margin:0 auto; padding:60px 50px 25px 50px; text-align:left; width:943px; background-image:url(../images/safety_clip_logo_de.gif); background-repeat: no-repeat; background-position: -10px 0px;}
#wrapperstart{ position:relative; margin:0 auto; padding:60px 0 25px 0; text-align:left; width:660px; background-repeat: no-repeat; background-color: #1A171b;}
#header{ position: relative; margin:0; padding: 0; overflow: hidden; width: 943px; height: 93px;}
#header img{ display: block;}
#langNav { position:relative; display: block; margin: 0; padding: 0; width: 186px; float: left;}
#nav{padding: 37px 0 0 33px}
#nav span{padding: 0 10px 0 0}
#l1Nav{ position: relative; margin:0; padding: 0; overflow: hidden; width: 757px; height: 93px; float: left; background-color: #09090B;}
#l1Nav p{ margin: 0; padding: 0;}
#l1Nav img{ margin: 0; padding: 0; display: block; float: left;}
#contentWrapper{ width: 943px; padding:0; margin: 10px 0 0 0;}
.tx-srfeuserregister-pi1{clear: both; padding: 0 0 10px 0;}
#tx-srfeuserregister-pi1-fe_users_form{ width: 300px;}
.bg3col{ background-image:url(../images/bg_3col.png);}
.bg2col{ background-image:url(../images/bg_2col.png);}
/*  Boxes Left */
#col_3_1{ width: 174px; padding: 0 12px 0 0; margin: 0;}
#col_3_1 h2, #col_3_3 h2{ font-size: 1.1em; margin: 0; padding: 6px 21px; height: 23px; background-image:url(../images/box_header_bg.png); background-repeat: repeat-x;}
#col_3_1 h5, #col_3_3 h5{ font-size: 0px; margin: 0; padding: 6px 21px; height: 23px; background-image:url(../images/box_header_bg.png); background-repeat: repeat-x; color: transparent;}
.modulcontainer p{ padding: 0; margin: 0;}
#col_3_1 .moduleLeft{ display: block; margin: 0; width: 132px; padding: 10px 21px; height: 94px;}
#col_3_2{ width: 496px; padding: 32px 31px 0 31px; margin: 0 12px 0 0; background-image:url(../images/box_header_bg.png); background-repeat: repeat-x;}
#col_2_2{ width: 695px; padding: 32px 31px 0 31px; margin: 0; background-image:url(../images/box_header_bg.png); background-repeat: repeat-x;}
#content{ padding: 15px 0 20px 0; line-height: 20px; font-weight:normal; letter-spacing: 0.05em; color: #f5f5f5;}
#col_3_3{ width: 187px; padding: 0; margin: 0; background-color: #0a0a0a;}
#col_3_3 p{ margin: 0; padding: 0;}
.patronat p{ margin: 0; padding: 0;}
.modulcontainer .tx-feuserloginsystem-pi1{ margin: 0; padding: 8px 21px; font-size: 0.9em;}
.modulcontainer .tx-feuserloginsystem-pi1 input{ border: 1px solid #5590a6; width: 130px; margin: 5px 0;}
.column{ float: left;}
.clear { border:medium none; clear:both; display:block; height:1px; position:relative;}

/*
 *  Footer
 */
#footer { clear:both;margin:0; padding: 0;}
#footernav, #footernav2col{ text-align: right;}
#footernav ul{list-style-type:none; padding: 36px 0px 0 0; font-size: 0.85em; }
#footernav2col ul{list-style-type:none; padding: 2px 0px 0 0; margin: 0; font-size: 0.85em; }
#footernav ul li a, #footernav2col ul li a{ color: #CCCCCC;}
#footernav ul li a:hover, #footernav2col ul li a:hover{}
.footer_bg3col{ background-image: url(../images/footer_bg_3col.png); background-repeat: no-repeat;}
.footer_bg2col{ background-image: url(../images/footer_bg_2col.png); background-repeat: no-repeat;}


/* 				
 *  Navigation
 */
#langNav ul{ display: block; position: relative; margin: 0; padding: 8px 0 0 102px; list-style-type:none; height: 20px;}
#langNav ul li{ display: block; position: relative; float: left; padding: 2px 7px 0 7px;}
#langNav ul li a{ color: #FFFFFF;}
#langNav ul li.active a{ color: #fbb600;}
#langNav ul li a:hover{ color: #fbb600;}
#langNav ul li.leer{ display: none;}

/*	
 *  Textformatting
 */
.text { display:block; padding:4px 21px 8px 0; clear: both;}
h1.hidden{ display: none;}
.text p { font-weight:normal; margin:0; padding:4px 0 20px;}

h1.headerDefault{ margin: 0; padding: 0 0 10px 0; border-bottom: 1px solid #8f8f8f;}
#col_2 p{ margin: 0; padding: 10px 0;}
hr.clearer{ display: block; clear: both; height: 1px; border-style: none; border-color: white; margin: 0; overflow: hidden;}
/* Tables */
.row1 {background-color: #eee;}
.row2 { background-color:#FFFFFF;}
.row1, .row2{ font-weight: normal; line-height:	18px;}

/*	
 *  tt_News
 */
.news-list-date{ margin: 0; padding: 5px 0 0 0; font-size: 0.9em;}
.news-list-item{ clear: both; margin: 0; padding: 0 0 15px 0;}
.news-list-item hr{clear: both; display: block; margin: 15px 0 0 0; padding: 0; color: #5590a6; height: 1px; overflow: hidden; border: 0px; background-color:#5590a6;}
.news-list-item p{ display: inline; font-size: 0.9em; margin: 0; padding: 4px 0;}
.newsListItem h3{ font-size: 0.9em; font-weight: bold; color: #FFFFFF;}
.news-list-container h2, .newsListItem h2{ font-size: 1.2em; margin: 0; padding: 8px 0; color: #5590a6;}
.news-list-container h2 a, .newsListItem h2 a{ color: #5590a6;}
.news-list-morelink{ margin: 0; padding: 0; float: right; font-size: 0.875em;}
.moreLinkImg{ display: inline; vertical-align: middle;}
#newsTools{ margin: 10px 0; padding: 0px; text-align: right;}

/*	
 *  Diverse Plugins
 */
#yejjFlashContent_603c991040{display: block; padding: 20px 0;}

/* Newsletter sr_email subscription */
.tx-sremailsubscribe-pi1{margin: 0px; padding: 30px 0 10px 0;}
.tx-sremailsubscribe-pi1-tt_address_form{ display: block; clear: both; padding: 0 0 5px 0;}
.tx-sremailsubscribe-pi1-click-to-edit{ display: block; padding: 5px 0; clear: both;}
.tx-sremailsubscribe-pi1 dl{ border: none; margin: 0; padding: 4px 0; clear: both;}
.tx-sremailsubscribe-pi1 dt{ border: none; margin:0; padding: 0; width: 130px; float: left;}
.tx-sremailsubscribe-pi1 dd{ border: none; margin:5px 0; padding: 0; width: 300px; float: left;}
#newsletter_category{ display: block; clear: both; padding: 10px 0 0 0; border: 1px solid;}
dl.tx-sremailsubscribe-pi1-multiple-checkboxes{ width: 450px; clear: both;}
.tx-sremailsubscribe-pi1-multiple-checkboxes dt{ border: none; margin:0; padding: 0; width: 50px; float: left; clear: both;}
.tx-sremailsubscribe-pi1-multiple-checkboxes dd{ border: none; margin:0; padding: 0; width: 300px; float: left;}
.tx-sremailsubscribe-pi1-multiple-checkboxes label{ width: 200px;}
.tx-sremailsubscribe-pi1-submit{ display: block; margin: 10px 0;}
dt.newsletter_category_dt{ padding: 10px 0;}
dd.newsletter_category_dd{ padding: 10px 0;}
.tx-feuserloginsystem-pi1{ }
#content label{ display: block; width: 170px;}
#content input.f_input{ display: block; width: 200px; border: 1px solid #5590a6; margin: 4px 0; padding: 0; float: left;}
#content .fieldset{ display: block; width: 450px; clear: both; margin: 0; padding: 10px 0;}
#content .fieldset label{ display: block; float: left; padding: 0 20px 0 0;}
#content fieldset #tx-srfeuserregister-pi1-password{ clear:both;}
#content .fieldset input.f_input{}
.tx-srfeuserregister-pi1 p{ padding: 4px 0;}
.tx-srfeuserregister-pi1 h4{ padding: 4px 0 0 0; margin: 0;}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error{ display: block; clear: both; margin: 0; padding: 4px 0; color: #fbb600;}
.tx-srfeuserregister-pi1 label span { color: #fbb600; }
#content input.submit{ display: block;  border: 1px solid #5590a6; margin: 4px 0; padding: 0; float: left;}

/* 
 *  VIDEODETAIL 
 */
.tx-atwsafetyclip-pi1-singleView{clear: both;}
.tx-atwsafetyclip-pi1-singleView .col1{ width: 257px; padding: 0 20px 0 0; float: left; overflow: hidden;}
.tx-atwsafetyclip-pi1-singleView .col1 span{ color: #A3A3A3;}
.tx-atwsafetyclip-pi1-singleView .col2{ overflow: hidden; width: 399px; float: left; padding: 0 0 20px 0;}
.tx-atwsafetyclip-pi1-singleView h1{ margin: 0; padding: 8px 0 40px 0; border-bottom: none; }
#safetyvideo{ display: block; margin: 0; padding: 37px 40px 37px 39px;	 width: 320px; height: 240px; background-image:url(../images/videodetail_border_bg.png); background-repeat: no-repeat; overflow: hidden;}
.clear{ display: block; clear: both; height: 1px; overflow: hidden;}
.clearer{ clear: both; }
#stats{display: block; padding: 20px 43px;}
.tx-timtabsociable-pi1{display: block; clear: both; padding: 10px 0;}
/* 
 * video overview 
 */
.tx-atwsafetyclip-pi1 .tr{	}
.tx-atwsafetyclip-pi1 .tr .col_1{width: 200px; padding: 0 46px 0 0; float: left; overflow: hidden;}

.tx-atwsafetyclip-pi1 .tr .col_2, .thumbContainer{ width: 200px; padding: 0 30px 0 0; float: left; overflow: hidden;}
.tx-atwsafetyclip-pi1 .tr .col_3{ width: 200px; padding: 0 0 0 0; float: left; overflow: hidden;}
.tx-atwsafetyclip-pi1 .videoPreview{ width: 160px; height: 120px; padding: 18px 20px 19px 19px; background-image: url(../images/video_thumbnail_bg.png); background-repeat:no-repeat; overflow: hidden;}
.tx-atwsafetyclip-pi1 .tr span{ color: #A3A3A3;}
.tx-atwsafetyclip-pi1 h1{ margin: 0; padding: 8px 0 15px 0; border-bottom: none;}
.tx-atwsafetyclip-pi1 h2{ margin: 0; padding: 0 0 15px 0; border-bottom: none;}
.tx-atwsafetyclip-pi1 .videoDesc{ font-size: 10px; padding: 10px 0 20px 0; text-align: center; line-height: 14px;}
.tx-atwsafetyclip-pi1{ padding: 0 0;}
.tx-atwsafetyclip-pi1 tr{ padding: 10px 0;}
.tx-atwsafetyclip-pi1 input, .tx-atwsafetyclip-pi1 select, .tx-atwsafetyclip-pi1 textarea{ margin: 2px 0 10px 10px; border: 1px solid;}
.tx-atwsafetyclip-pi1 input.sub{ margin: 2px 10px 10px 0; border: 1px solid;}
.tx-atwsafetyclip-pi1-listrow{ display: block; clear:both;}
.tx-atwsafetyclip-pi1-browsebox{ display: block; clear:both;}
.modulcontainer{display: block; clear: both; margin: 0; padding: 0;}

/* 
 *  Pagebrowser
 */
 
#pagebrowser{display: block; padding: 0 0 0 187px; width: 757px; height: 34px; overflow: hidden; color: #FFF; font-size: 14px; }
.tx-pagebrowse-pi1{display: block; clear: both;}
#pagebrowser li{display: block; float: left; width: 378px; }

#pagebrowser li.pb_prev{text-align: left; width: 378px; margin: 0; padding: 0;}
#pagebrowser li.pb_prev img{float: left;}
#pagebrowser a{color: #FFF; font-size: 14px; font-weight: bold; }
#pagebrowser li.pb_prev span.textlink{display: block; padding: 7px 0 0 10px; float: left;}
#pagebrowser li.pb_prev a.textlink{display: block; padding: 7px 0 0 10px; float: left;}

#pagebrowser li.pb_next{text-align: right; width: 378px; margin: 0; padding: 0;}
#pagebrowser li.pb_next img{display: block; float: right;}
#pagebrowser li.pb_next span.textlink{display: block; padding: 7px 10px 0 0; float: right;}
#pagebrowser li.pb_next a.textlink{display: block; padding: 7px 10px 0 0; float: right;}

#subnav ul{margin: 0 0 1px 0; padding: 0; color: #FFFFFF; list-style-type:disc; list-style-position:inside; font-size: 0.9em;}
#subnav li{ width: 135px; height: 16px; margin: 0; padding: 10px 20px; background-image:url(../images/subnav_bg.png); }
#subnav li a{color: #FFFFFF; font-weight: bold; letter-spacing: 0.05em; }
#subnav li.active, #subnav li:hover{background-image:url(../images/subnav_bg_active.png);}

h1.header{ margin: 0; padding: 20px 0 10px 0;}

form{display: block; clear: both; padding: 0 0 5px 0; margin: 0;}
#footernav2col{background-color: #1a171b;}

#content ul{list-style-position: inside;}

.align-center{text-align: center;}
.align-center a{color: #FFF;}
