/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
#col2 * {
color: #fff;
}

.typo3-adminPanel {
text-align: left;
}
.content h4 {
  margin: 10px 0 7px 0;
  font-size: 12px;
}

.content h5 {
  margin: 5px 0 2px 0;
}

.content h6 {
  margin: 3px 0 0 0;
  font-weight: normal;
  font-style: italic;
}

.content p {
  margin-bottom: 10px;  
        color: #FFFFFF;
}

.content .csc-firstHeader {
  margin-top: 0;
}

.content hr {
  height: 1px;
  margin: 5px 0 3px 0 !important;
  margin: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

/* -----------------------------------------------
  a
----------------------------------------------- */
.content a.rss,
.htmlarea-content-body a.rss {
  padding-left: 21px;
  background: url(../images/rss.gif) no-repeat 0 0;
}  

.content a,
.htmlarea-content-body a,
#mainContent .content a,
.homepage #col4 .content a,
.homepage #col2 .content a,
#col2 .content a{
  color: #3da8f1;
  text-decoration: none;
  font-weight: bold;
}

  .content a:hover,
  #mainContent a:hover,
  .homepage #col4 .content a:hover,
  .homepage #col2 .content a:hover,
  #col2 .content a:hover{
    text-decoration: none;
    color: #fff;
  }
  
/* -----------------------------------------------
  ul
----------------------------------------------- */
.content ul {
  margin: 5px 0 5px 2px;
}
  
  .content ul li {
    height: auto !important;
    height: 1px;
    padding-left: 10px;
    background: url(../images/bulletlist_standard.png) no-repeat 0 6px;
  }
  
  
ul.inline li {
    float: left;
    margin-right: 5px;
    padding: 0 12px 0 6px;      
    /*background-image: url(../images/browseItemBg.gif);*/
    background-position: right 3px;
  }
  
ul.inline li.first {
    padding-left: 0;
}
  
ul.inline li.last {
  margin: 0;
  border: none;
  background-image: none;
}


/* -----------------------------------------------
  table
----------------------------------------------- */
.content .contenttable {
  border: 1px solid #ccc;
  margin-left: 1px !important;
  margin-left: 0;
}

.content .contenttable .tr-even {
  background-color: #666;
}

.content .contenttable th,
.content .contenttable td {
  padding: 2px 4px;
  border: 1px solid #ccc;
  border-width: 1px 0;
}

.content .csc-textpic-caption {
  font-style: italic;
}

/* -----------------------------------------------
  ContentElements
----------------------------------------------- */

  /* mailform */
  
input.text,
textarea.text,
#col2 input.text,
#col2 textarea.text {
  border-color: #988F89;
  color: #000;
}

.mailform .button,
.mailform .submit,
.mailform button,
#col2 .mailform .button,
#col2 .mailform .submit,
#col2 .mailform button {
  float: right;
  margin-right: 10px;
  border-width: 1px;
  border-style: solid;
  width: auto !important;
  float: left;
}

  .mailform button.dateSelector {
    width: 15px !important;
    height: 14px !important;
    margin: 3px 0 0 4px;
  }
  
  .mailform .listAll {
    position: absolute;
    padding-left: 13px;
  }

/* validation */
.mailform .validation-failed {
  border-color: #ff0109;
}

.mailform .validation-advice,
#mainContent .mailform .validation-advice {  
  padding: 0 0 3px 138px !important;
  padding: 0 0 3px 132px;
  font-size: 10px;
  color: #000;
}

.mailform .custom-advice {
  background-color: #C8AA00;
  color : #000;
  font-weight: bold;
}

/* Pseudo legend */
.mailform .legend {
  width: 124px !important; 
  width: 130px;
  padding: 12px 0 0 13px;
}

/* FormElements */
.formElement
#col2 .formElement {
    padding: 10px 0;
}

.mailform fieldset
{    
    background: url("../images/dot-x.gif") repeat-x 0 bottom;
}

.formElement:hover {
    
}
  .formElement label{
      width: 124px !important; 
      width: 130px;
      padding: 0 0 0 13px;
  }
  
  
  .formElement .requiredElement {
      left: 20px !important;
      left: 6px;
      color: #fc0007;
  }
  
  /* Form defaultInputs */
  .inputText input,
  .textarea textarea, 
  .textElement input,
  .textElement textarea,
  #col2 .inputText input,
  #col2 .textarea textarea,
  #col2 .textElement input,
  #col2 .textElement textarea {
      width: 284px !important;
      width: 288px;
    color: #000;
  }
  
  .textElement select,
  .select select,
  #col2 .textElement select,
  #col2 .select select{
      width: 288px;
    color: #000;
  }

  .formElement .left {
    width: 124px !important; 
    width: 130px;
    padding: 0 0 0 13px;
    font-weight: normal;
  }
  
  
  .formElement .right {
    width: 284px;
  }
  
  /* CheckElement */
  .checkElement {
  }
    .checkElement input {      
      margin-left: 137px !important;
      margin-left: 133px;
      color: red;
    }
    
    .checkElement label {
      left: 164px !important;
      left: 140px;
    }
        
    .inputCheckbox fieldset label {
      left: 178px !important;
      left: 154px;    
    }
      
  /* RadioElement */
  .inputRadio {
    overflow: auto !important;
    height: auto !important;
    height: 100%;
  }
  
  .inputRadio input {
    clear: left;  
  }
  
  .radioElement fieldset,
  .inputRadio fieldset {
      width: 288px;
      border: none;
      background: none;
  }
      .radioElement fieldset label,
      .inputRadio fieldset label {            
    width: 268px !important;
    width: 270px;
      }
      
  /* dateSelector */
  fieldset.dateSelector {    
  }
    fieldset.dateSelector .formElement {
      width: 144px;
    }
    
    fieldset.dateSelector .formElement label {
        padding: 3px 6px 0 0 !important;
        padding: 1px 6px 0 0;
    }
    
    fieldset.dateSelector .formElement input 
    #col2 .fieldset.dateSelector .formElement input{
      width: 88px !important;
      width: 92px;
    }                
    
    fieldset.dateSelector .dateFrom {
      margin-right: 10px;        
    }
    
    #col2 option {
      color: #000;
    }
      
  /* cityElement */
  
  .mailform .requiredHint {
      padding: 0 0 0 13px;    
  }
  
  .mailform fieldset.submitForm {
    background-image: none;  
  }
  .mailform .submitForm .searchSimple {
    position: absolute;
    margin-left: 13px;
  }  


/* -----------------------------------------------
  Indexed Search
----------------------------------------------- */
.tx-indexedsearch .browsebox {
  height: 18px;
  margin: 10px 0 -10px 0;
}

.tx-indexedsearch .browsebox li {
  float: left;
  margin-right: 5px;
}  

.tx-indexedsearch-res h4 {
  clear: both;
  position: relative;
  margin-top: 20px;
  padding: 2px 0;
  line-height: 16px;
  background-color: #ccc;
}  

.tx-indexedsearch-res h4 a {
  padding-left: 20px;
}  

.tx-indexedsearch-res h4 img {
  position: absolute;
  top: 2px;
  left: 4px;
}  

.tx-indexedsearch-res h4 .percent {
  position: absolute;
  top: 2px;
  right: 4px;
}

.tx-indexedsearch-res dl {
  margin-top: 10px;
}

.tx-indexedsearch-res dt,
.tx-indexedsearch-res dd {
  display: inline;
}

.tx-indexedsearch-res dt {
  font-weight: bold;
}

.tx-indexedsearch-res dd {
  padding-right: 5px;
}


/* -----------------------------------------------
                tt_news
----------------------------------------------- */
.content .news .newsItem {
  height: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.content .newsList img,
.content .newsLatest img {
  float: left;
  margin-right: 5px;
}

.content .news .browse li {
  background: none;
  float: left;
  padding: 0 5px 0 0;
}

.content .news .news-single-additional-info dt {
  font-weight: bold;
  margin-bottom: 5px;
}


/* -----------------------------------------------
                inhalt
----------------------------------------------- */


#header {
  position: relative;
  height: 160px;
}

  #borderContent .contentElement, #borderContent .tx-advertbox-pi1  {
    position: absolute;
    background: none;
    top: 30px;
    left: 450px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    margin-top: 0;
    padding: 0;
  }

#rootline {
  position: absolute;
  top: 140px;
  left: 255px;
}
  #rootline li {
    padding: 0px 0px 0px 3px;
  }

  #rootline li a{
    font-size: 11px;
    color: #fff;
    padding: 0px 0px 0px 18px;
    margin-right: 0px;
    background: transparent url(../images/rootline_spacer.png) no-repeat 0px 2px;
  }

  #rootline li a:hover{
    color: #3da8f1;
  }

  #rootline .first a{
    padding-left: 0;
    background: none;
  }


#pageHeader {
  position: absolute;
  top: 110px;
  left: 257px;
}


/*box um metaNavigation*/
#metaNaviBox {
  position:absolute;
  top: 115px;
  right: 10px;
  float: left;
  width: 350px;
}


  /*globale navigation*/
  ul#metaNavigation {
    position: relative;
    width: auto;
  }

  #metaNavigation a:hover {
    color: #3da8f1;
  }

  #metaNavigation li {
    display: block;
    height: 29px;
    position:relative;
    float: left;
    background: transparent url(../images/bg_textbox.png) repeat 0 0;
    margin:0px;
  }

  #metaNavigation .first {
    float: left;
  }

  #metaNavigation li a {
    color: #fff;
    float:left;
    padding: 7px 5px 0 5px;
  }

  #metafirst {
    display: block;
    height: 29px;
    position:relative;
    background: transparent url(../images/metaNav_first.png) repeat 0 0;
    width: 10px;
    float: left;
  }

  #metalast {
    display: block;
    height: 29px;
    position: relative;
    background: transparent url(../images/metaNav_last.png) repeat 0 0;
    width: 10px;
    float: left;    
  }

  
/*hauptnavigation*/
ul#mainNavigation {
    margin-top: 8px;
    height: auto !important;
    height: 1px;
  }
  
  #mainNavigation * {
    font-size: 11px;
  }

    #mainNavigation li {
      position: relative;
      padding-bottom: 1px;
      margin-bottom: -1px;
    }
  
    #mainNavigation li a {
      display: block;
      height: auto !important;
      height: 1px;
      line-height: 14px;
      padding: 2px 5px 2px 14px;
      font-size: 13px;
      font-weight: bold;
    }
  
      #mainNavigation li a.act,
      #mainNavigation li a.cur {
        font-weight: bold;
        color: #3da8f1;
      }
        
      #mainNavigation li a:hover {
        color: #3da8f1;
      }

      #mainNavigation li a.cur:hover {
        color: #3da8f1;
      }
  
      #mainNavigation li li a {
        padding-left: 26px;
      }
        
      #mainNavigation li.act li a:hover {
        color: #3da8f;
      }
  
      #mainNavigation li li li a {
        padding-left: 40px;
      }

#col1 {
  position: relative;
  float: left;
  clear: both;
}

  #col1 * {
    color: #fff;
    width: 160px;
  }
  
  #titleCol1 {
    margin-left: 13px;
    /* background: transparent url(../images/categories.png) no-repeat 0 0; */
    height: 12px;
  }

#col2 {
  position: relative;
  float: left;
  width: 660px;
  left: 96px;
  min-height: 350px;
  height: auto !important;
  height: 350px;
}

  #col2 .box_up {
    display: block;
    height: 8px;
    position:relative;
    /* background: transparent url(../images/box_up.png) no-repeat 0 0; */
    padding: 0;
    margin: 0;
  }

  #col2 .box_down {
    display: block;
    height: 8px;
    position:relative;
    /* background: transparent url(../images/box_down.png) no-repeat 0 0; */
    padding: 0;
    margin-bottom: 10px;
  }

  .contentElement {
    display: block;
    height: auto !important;
    height: 1px;
    padding: 15PX 15px 15PX 15px;
    /* background: transparent url(../images/bg_textbox.png) repeat 0 0; */
  }
  
  h3 {
    color: #3da8f1;
  }

#col3 {
  display: none;
}

#col4 {
  display: none;
}

#bodyimage {
  display: none;
}  



/* -----------------------------------------------
                home-site
----------------------------------------------- */
.homepage .contentElement {
    display: block;
    height: auto !important;
    height: 1px;
    background: transparent url(../images/bg_textbox.png) repeat 0 0;
    margin: 0;
    padding: 0 15px 0 15px;
  }
  
.homepage .content a {
  color: #3da8f1;
}

.homepage #col2 {
  display: block;
  position: absolute;
  left: 263px;
  width: 500px;
  top: 338px;
  float: left;
}
/*
  .homepage #col2 * {
    color: #fff;
  }
*/  
  
  .homepage .contentbox {
    width: 210px;
    float: left;
    margin-left: 10px;

  }
  
  .homepage #col2 .contentElement {
    height: 140px !important;
  }
  
  .homepage #mainContent {

  }
  
  .homepage #col2 .box_up {
    display: block;
    height: 11px;
    position:relative;
    background: transparent url(../images/box_home_up.png) no-repeat 0 0;
    padding: 0;
    margin: 0;
    width: 210px;
  }

  .homepage #col2 .box_down {
    display: block;
    height: 11px;
    position:relative;
    background: transparent url(../images/box_home_down.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 210px;
    margin-bottom: 10px;
  }
.homepage #col2 .rbl_shopslider_pi1{
  background: transparent;
}
  
.homepage #col3 {
  display: block;
  position: absolute;
  height: 20px;
  width: 200px;
  background: none;
  left: 232px;
  top: 138px;  
}
  .homepage #col3 .contentElement {
    background: none; 
  }
  
.homepage #col4 {
  display: block;
  position: absolute;
  left: 705px;
  width: 210px;
  top: 165px;
  float: left;
}

  .homepage #col4 .contentElement {
    height: 140px !important;
  }

  /*.homepage #col4 * {
    color: #fff;
  }*/
  
  
  .homepage #col4 .box_up {
    display: block;
    height: 11px;
    position:relative;
    background: transparent url(../images/box_home_up.png) no-repeat 0 0;
    padding: 0;
    margin: 0;
  }

  .homepage #col4 .box_down {
    display: block;
    height: 11px;
    position:relative;
    background: transparent url(../images/box_home_down.png) no-repeat 0 0;
    margin-bottom: 10px;
  }
  
  .homepage #col4 #borderContent {
    display: none;
  }
  
.homepage #rootline {
  display: none;
}

.homepage #bodyimage {
  display: block;
  position: absolute;
  height: 249px;
  width: 324px;
  top: 101px;
  left: 333px;
}



/* -----------------------------------------------
                shop-site
----------------------------------------------- */
.shop ul#mainNavigation {
  display: none;
}

.shop #col2 {
  position: relative;
  float: left;
  width: 900px;
  left: 10px;
  min-height: 350px;
  height: auto !important;
  height: 350px;
  top: -45px;
}

.shop #col3 {
  display: none;
}


.shop #col4 {
  display: none;
}
  
.shop #rootline {
  display: none;
}

.shop #pageHeader {
  display: none;
}

.shop #metaNavigation {
  display: none;
}

.shop #metafirst {
  display: none;
}

.shop #metalast {
  display: none;
}

.shop #col2 .box_up {
    display: none;
}
  
.shop #col2 .box_down {
    display: none;
}

.shop .contentElement {
    display: block;
    height: auto !important;
    height: 1px;
    padding: 0;
    background: none;
  }


  
  
  

  /*fuer IE6*/
  * html .contentElement {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/bg_textbox.png', sizingMethod='scale');
  }
  
  * html .homepage .contentElement {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/bg_textbox.png', sizingMethod='scale');
  }
  
  * html .homepage #col2 {
  top: 347px;
}

  * html .homepage #col3 {
  left: 222px;
}
  
  * html .homepage #col3 .contentElement {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/clear.png', sizingMethod='scale');
  }

  * html #col2 .box_down {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_down.png', sizingMethod='scale');
  }

  * html #col2 .box_up {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_up.png', sizingMethod='scale');
  }
  
  * html .homepage #col2 .box_down {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_home_down.png', sizingMethod='scale');
  }

  * html .homepage #col2 .box_up {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_home_up.png', sizingMethod='scale');
  }
  
  * html .homepage #footer {
    top: 350px;
  }
  
  * html .homepage #col3 .box_down {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_home_down.png', sizingMethod='scale');
  }

  * html .homepage #col3 .box_up {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_home_up.png', sizingMethod='scale');
  }
  
  * html .homepage #col4 .box_down {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_home_down.png', sizingMethod='scale');
  }

  * html .homepage #col4 .box_up {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/box_home_up.png', sizingMethod='scale');
  }

  * html #rootline li a {
    background: transparent url(../images/rootline_spacer_ie.gif) no-repeat 0px 2px;
    height: 10px;
    filter:Chroma(color=#DDBB99);
  }

  * html #metaNavigation li {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/bg_textbox.png', sizingMethod='scale');
  }

  * html #metafirst {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/metaNav_first.png', sizingMethod='scale');
  }

  * html #metalast {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clips4allcom.snowflake.cc/fileadmin/templates/clips4all/images/metaNav_last_ie.png', sizingMethod='scale');
  }

  /*fuer IE7*/
  *+html #metalast {
    position:fixed;
  }

  .homepage #col2 p, .homepage #col2 ul li {
    color: #fff;
  }

  #mainContent .contentElement table {
    color
  }


/*
#col2 p, #col2 ul li, #col2 #mainContent .contentElement * {
    color: #fff;
}

#col2 #mainContent .contentElement .textfeld, #col2 #mainContent .contentElement textarea, #col2 #mainContent .contentElement select, #col2 #mainContent .contentElement select option {
  color:#000;
}
*/

/* -----------------------------------------------
               advertisingbox styleing
----------------------------------------------- */

#leftContent .tx-advertbox-pi1 *,
#mainContent .tx-advertbox-pi1 *,
#rightContent .tx-advertbox-pi1 * {
  font-size: 11px;
}

#leftContent .tx-advertbox-pi1 .adText *,
#mainContent .tx-advertbox-pi1 .adText *,
#rightContent .tx-advertbox-pi1 .adText * {
  color: #888888;
}

#leftContent .tx-advertbox-pi1 .adHeadline *,
#mainContent .tx-advertbox-pi1 .adHeadline *,
#rightContent .tx-advertbox-pi1 .adHeadline * {
  color: #3DA8F1;
}

#leftContent .tx-advertbox-pi1 a:hover,
#mainContent .tx-advertbox-pi1 a:hover,
#rightContent .tx-advertbox-pi1 a:hover{
  color: #fff;
}

  .tx-advertbox-pi1 .advert.style0{
    width: 180px;
    height: 180px;
  }

  .tx-advertbox-pi1 .advert.style1 {
    height: 80px;
    width: 450px;
  }

  .tx-advertbox-pi1 .advert.style1 p {
    float: left;  
  }

  #mainContent .tx-advertbox-pi1 {
    float: left;
  }

  #mainContent .tx-advertbox-pi1 .advert{
    margin-left: 25px !important;
    margin-left: 30px;
    margin-top: 10px;
    margin-right: 15px;
  }

  #col3 .tx-advertbox-pi1 {
    position: absolute;
    left: -216px;
    top: 259px !important;
  }

  #col4 .tx-advertbox-pi1 {
    float: left;
    margin-left: 25px !important;
    margin-left: 15px;
  }

  #col3 div.tx-advertbox-pi1 .advert p a {
    display: inline;
    width: 180px !important; 
    width: auto; 
    height: auto;
  }
  
  #col3 div.tx-advertbox-pi1 .advert p a {
    width: auto;  
  }

.homepage .tx-advertbox-pi1 {
  margin-top: 50px;
}

.contentElement li { color: #fff; }


/* seo title */
.box_up a h1, .box_down a h1 {
  margin: 0 0 7px 0;
  font-size: 14px;
  text-decoration: none;
  color: #dddddd;    
}