html {
  height: 100%;
  }

body {
	margin: 0px;
	height: 100%; 
	min-height: 100%;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	color: #e6e6e6;
	}

div#wrapper {
  width: 960px;
  margin: 0px auto;
  padding: 10px 0px;
  z-index: 10;
  position: relative;
  }

/* =========== content setup ============= */
/* Content Container */
div#content_left {
  width: 240px;
  float: left;
  position: relative;
  }
div#content_right {
  width: 720px;
  float: left;
  position: relative;
  } 
div.social_media {
  width: 970px;
  float: left;
  position: relative;
  }


/* Wide Content Box */
div.cw {
  width: 970px;
  float: left;
  position: relative;
  }
  div.cw_top {
    width: 940px;
    padding: 15px 15px 5px 15px;
    float: left;
    position: relative;
    background: transparent url(images/cw_top.png) top left no-repeat;
    }
  div.cw_bottom {
    width: 970px;
    height: 10px;
    float: left;
    position: relative;
    background: transparent url(images/cw_bottom.png) top left no-repeat;
    }


/* Small Content Box */
div.cs {
  width: 240px;
  float: left;
  position: relative;
  }
  div.cs div.cs_top {
    width: 210px;
    padding: 15px 15px 5px 15px;
    float: left;
    position: relative;
    background: transparent url(images/cs_top.png) top left no-repeat;
    }
 div.cs div.cs_bottom, div.cs2 div.cs_bottom {
    width: 240px;
    height: 10px;
    float: left;
    position: relative;
    background: transparent url(images/cs_bottom.png) top left no-repeat;
    }
  div.cs2 {
  width: 240px;
  float: left;
  position: relative;
  min-height: 100%;
  height: 100%;
  }
  div.cs_top2 {
    width: 210px;
    padding: 15px 15px 5px 15px;
    float: left;
    position: relative;
    min-height: 100%;
    height: 100%;
    background: transparent url(images/cs_top.png) top left no-repeat;
    }
  

/* Social Media */
div.social_media div.social_high {
  height: 330px;
  width: 480px;
  float: left;
  position: relative;
  margin-bottom: 30px;
  }
div.social_media div.social_low {
  height: 230px;
  width: 480px;
  float: left;
  position: relative;
  margin-bottom: 30px;
  }
  div.social_media div.social_high div.social_top, div.social_media div.social_low div.social_top {
    width: 450px;
    padding: 15px 15px 5px 15px;
    float: left;
    position: relative;
    min-height: 100%;
    height: 100%;
    background: transparent url(images/cs2_top.png) top left no-repeat;
    }
  div.social_media div.social_high div.social_bottom, div.social_media div.social_low div.social_bottom {
    width: 450px;
    padding: 0px 15px 0px 15px;
    height: 10px;
    float: left;
    position: relative;
    background: transparent url(images/cs2_bottom.png) top left no-repeat;
    }


/* Main Content Box */
div.cc {
  width: 720px;
  float: left;
  position: relative;
  }
  div.cc_top {
    width: 690px;
    padding: 15px 15px 5px 15px;
    float: left;
    position: relative;
    background: transparent url(images/cc_top.png) top left no-repeat;
    }
  div.cc_bottom {
    width: 720px;
    height: 10px;
    float: left;
    position: relative;
    background: transparent url(images/cc_bottom.png) top left no-repeat;
    }

/* Content Left & Right */
div.cleft, div.cright {
  width: 330px;
  float: left;
  position: relative;
  padding-right: 15px;
  }

/* Footer Setup */
div.footer_left {
  width: 550px;
  float: left;
  position: relative;
  }
  div.footer_left ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    }
    div.footer_left ul li {
      display: block;
      }
      div.footer_left ul li.hue {
        color: #ffffff;
        }
        div.footer_left ul li.hue span {
          color: #e2001a;
          }
  
div.footer_right {
  width: 380px;
  float: left;
  position: relative;
  }
  div.footer_right ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: right;
    }
    div.footer_right ul li {
      padding-left: 20px;
      display: block;
      float: left;
      }
      div.footer_right ul li a {
        color: #e6e6e6;
        text-decoration: none;
        }
      div.footer_right ul li a:hover {
        color: #e2001a;
        }




/* =========== Navigation Setup ============= */
ul#navigation {
  list-style: none;
  padding: 0px;
  margin: 0px;
  } 
  ul#navigation li {
    padding-bottom: 10px;
    }
    ul#navigation li a {
      font-size: 12px;
      color: #999999;
      text-decoration: none;
      }
    ul#navigation li a:hover {
      color: #e2001a;
      }
    ul#navigation li a.active {
      color: #ffffff;
      }
      /* lvl 2 */
      ul#navigation2 {
        list-style: none;
        padding: 5px 0px 0px 15px;
        margin: 0px;
        } 
        ul#navigation2 li {
          padding: 3px;
          }
          ul#navigation2 li a {
            font-size: 11px;
            color: #ffffff;
            text-decoration: none;
            }
          ul#navigation2 li a:hover {
            color: #e2001a;
            }
          ul#navigation2 li a.active {
            color: #e2001a;
            }

      
ul#subnavigation {
  list-style: none;
  padding: 0px;
  margin: 0px; 
  width: 130px;
  float: right;
  padding-top: 6px;
  } 
  ul#subnavigation li {
    float: left;
    padding-left: 10px;
    }
    ul#subnavigation li a {
      font-size: 11px;
      color: #999999;
      text-decoration: none;
      }
    ul#subnavigation li a:hover {
      color: #e2001a;
      }
    ul#subnavigation li a.active {
      color: #ffffff;
      }      




/* =========== Font Setup ============= */
h1 {
  font-family: georgia;
  font-style: italic;
  font-size: 14px;
  padding-bottom: 10px;
  }
p {
  font-size: 11px;
  padding-bottom: 10px;
  line-height: 18px;
  }

h2 {
  font-family: georgia;
  font-style: italic;
  font-size: 14px;
  padding: 0px;
  }
h3 {
  font-family: georgia;
  font-style: italic;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  }
  h2.twitter {
    text-indent: 30px;
    height: 24px;
    background: transparent url(images/twitter.png) top left no-repeat;
    }
  h2.flickr {
    text-indent: 30px;
    height: 24px;
    background: transparent url(images/flickr.png) top left no-repeat;
    }
  h2.blog {
    text-indent: 30px;
    height: 24px;
    background: transparent url(images/blog.png) top left no-repeat;
    }
  h2.youtube {
    text-indent: 30px;
    height: 24px;
    background: transparent url(images/youtube.png) top left no-repeat;
    }
h2.facebook {
    text-indent: 30px;
    height: 24px;
    background: transparent url(images/facebook.png) top left no-repeat;
    }

/* =========== Link Setup ============= */
a img  {border: 0px; outline: 0px;}

a {color: #ffffff; text-decoration: none; outline: 0px;}
a:hover {color: #e2001a; text-decoration: underline; outline: 0px;}

/* =========== Image Setup ============= */

div.cc_top img {
  background-color: #ffffff;
  padding: 4px;
  border: 1px solid #e2001a;
  }


/* =========== Social Media Setup ============= */
/* twitter */
div.tx-wttwitter-pi1 ul {padding: 0px; margin: 0px; list-style: none; width: 100%;}
div.tx-wttwitter-pi1 ul li {margin-bottom: 5px;}
div.tx-wttwitter-pi1 ul li h4 {font-size: 11px; margin: 0px; padding: 0px;}
div.tx-wttwitter-pi1 ul li p {padding: 0px; margin: 0px;}
div.tx-incoretwitter-pi1 div.txt a {color: #e2001a; text-decoration: none;}
div.tx-incoretwitter-pi1 div.txt a:hover {color: #cccccc; }
div.tweet-container {padding: 0px; margin: 0px; width: 100%; float: left; position: relative;}
div.tweet {width: 100%; border: 0px; padding: 0px;}
div.avatar {display: none;}
div.tx-incoretwitter-pi1 { float: left; position: relative; width: 100%; padding: 0px; margin: 0px;}
div.jScrollPaneContainer {float: left; position: relative; width: 100%; padding: 0px; margin: 0px;}
div.tx-incoretwitter-pi1 div.txt {padding: 0px; margin: 0px; color: #ffffff;}
div.tx-incoretwitter-pi1 div.user {display: none;}
div.tx-incoretwitter-pi1 div.time {display: none;}

/* flickr*/
div.flickr_item { float: left; position: relative; text-align: center;}
div.flickr_item img {background-color: #ffffff; padding: 1px; margin-bottom: 5px; margin-right: 8px;}
div#flickr a {color: #e2001a; text-decoration: none;}
div#flickr a:hover {color: #ffffff; text-decoration: underline;}

/* youtube */
div#youtube { padding: 10px;}
div.youtube_item {padding: 2px; width: 206px; margin-bottom: 10px; float: left; position: relative;}
div.youtube_item div.image {width: 80px; height: 50px; float: left;}
div.youtube_item div.image img {background-color: #ffffff; padding: 1px; width: 80px; height: 50px; float: left; z-index: 999; position: absolute;}
div.youtube_item div.text { padding-left: 10px; height: 50px; float: left;}
div.youtube_item div.text h4 { padding: 0px; margin: 0px; width: 114px; font-size: 11px; font-weight: bold;}
div.youtube_item a {padding: 0px; margin: 0px;}
div.youtube_item a:hover {padding: 0px; margin: 0px;}

/* blog */
div.rss ul {padding: 0px; margin: 0px; list-style: none; width: 100%;}
div.rss ul li {margin-bottom: 5px;}
div.rss ul li h4 {font-size: 11px; margin: 0px; padding: 0px;}
div.rss ul li p {padding: 0px; margin: 0px;}
div.rss ul li p a {color: #e2001a; text-decoration: none;}
div.rss ul li p a:hover {color: #cccccc; }

span.raster{z-index: 2; position: fixed; width:100%; height: 100%; overflow: hidden; background:url(images/raster.png)}

/* =========== contact setup ============= */
div.contact {
	width: 311px;
	float: left;
	position: relative;
	margin-bottom: 10px;
	margin-right: 30px;
	}
	div.contact div.contact_text {
		width: 215px;
		float: left;
		position: relative;
		}
	div.contact div.contact_image {
		width: 86px;
		float: left;
		position: relative;
		}



	
/* ************************* */
/* Formular                  */  
/* ************************* */

fieldset {
	float: left;
	position: relative;
  border: 0px;
  margin: 0px;
  padding: 0px;
  }
  fieldset p {
    width: 280px;
    float: left;
    position: relative;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }
  fieldset label {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    width: 274px;
    display: block;
    float: left;
    position: relative;
    font-weight: bold;
    }
  fieldset input {
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    border: 1px solid #666666;
    background: transparent;
    float: left;
    position: relative;
    width: 274px;
    font-size: 11px;
    padding: 2px;
    }
    fieldset input:focus {
      border: 1px solid #ffffff;
      }
  fieldset textarea {
    width: 274px;
    height: 75px;
    background: transparent;
    color: #ffffff;
    border: 1px solid #666666;
    font-size: 11px;
    padding: 2px;
    font-family: Arial, Verdana, Helvetica;
    float: left;
    }
    fieldset textarea:focus {
      border: 1px solid #ffffff;
      }
  fieldset .button {
    margin: 0px;
    padding: 0px;
    border: 1px solid #666666;
    background: transparent;
    }
    fieldset .button:focus {
    margin: 0px;
    padding: 0px;
    border: 1px solid #ffffff;
    background: transparent;
    }

dl.csc-textpic-image {padding-right: 10px;}