/*************************************************
 * Seite: firstkick.de
 * Datei: setup.css
 * Media: screen
 * * * * * * * * * * * * * * * * * * * * * * * * *
 * Datum: 2008-11 | ...
 * Autor: Stephan Krause
 *************************************************/
 
* { padding: 0; margin: 0; }

.hidden,
.jump-navi,
.jump-header { display: none; }

.clear  { clear: both; }
.color1 { color: #FFCC00; }
.color2 { color: #FFCC66; }
.color3 { color: #666666; }
.error,
.form_error { color: #CC0000; }
.form_succeed { color: #008000; }

.float-left  { float: left; }
.float-right { float: right; }

.align-left    { text-align: left; }
.align-right   { text-align: right; }
.align-center  { text-align: center; }
.valign-middle { vertical-align: middle; }

.width-5pro { width: 5%; }
.width-10pro { width: 10%; }
.width-15pro { width: 15%; }
.width-20pro { width: 20%; }
.width-25pro { width: 25%; }
.width-30pro { width: 30%; }
.width-33pro { width: 32%; }
.width-35pro { width: 35%; }
.width-45pro { width: 45%; }
.width-50pro { width: 50%; }
.width-60pro { width: 60%; }
.width-66pro { width: 65%; }

.border     { border: 1px solid #CCCCCC; }
.no-border  { border: 0; }

.breaktop  { padding: 10px 0 0 0; }
.breakdown { padding: 0 0 10px 0; }

A IMG { border: none; }

/*************************************************/

html {
  width: 100%;
  height: 100%;
  font-size: 12px;
}
body {
  width: 100%;
  height: 100%;
  font-family: verdana, helvetica, sans-serif, arial;
  font-size: 1em;
  text-align: center;
}
#container {
  width: 960px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
}


/* HEADER
 *************************************************/
#header {
  width: 960px;
  height: 195px;
  position: relative;
  background-image: url('../images/bg_header_960x195.jpg');
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #logo {
  width: 550px;
  height: 100px;
  position: absolute;
  top: 70px;
  left: 40px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #lang {
  position: absolute;
  top: 8px;
  left: 0px;
  text-align: left;
}
#header #lang UL {
  list-style: none;
}
#header #lang UL LI {
  margin: 0 5px 0 0;
  display: inline;
}

/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #search {
  width: 150px;
  position: absolute;
  /*top: 223px;*/
  top: 267px;
  right: 10px;
  color: #799C13;
  font-size: 0.95em;
  font-family: verdana, helvetica, sans-serif, arial;
  font-weight: bold;
  text-align: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #newsletter {
  z-index:999;
  width: 120px;
  position: absolute;
  top: 195px;
  right: 0px;
  text-align: right;
}
/*#header #newsletter A {
  display: block;
  width: 120px;
  height: 22px;
  padding: 4px 0 0 0;
  color: #FFFFFF;
  font-family: myriad, arial, verdana, helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  background-image: url('../images/buttons/bg_button_120x22.jpg');
  background-repeat: no-repeat;
}*/

/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #navi-basis {
  position: absolute;
  top: 5px;
  right: 0px;
  text-align: right;
}
#header #navi-basis UL {
  list-style: none;
}
#header #navi-basis UL LI {
  display: inline;
  padding: 0;
}
#header #navi-basis A {
  color: #7B9B14;
  font-family: verdana, helvetica, sans-serif, arial;
  font-size: 0.95em;
  font-weight: normal;
  text-decoration: none;
}
#header #navi-basis A:hover {
  text-decoration: underline;
}


/* MAIN
 *************************************************/
#main {
  position: relative;
  /*overflow: hidden;*/
  
}

/* NAVI-BCT
 *************************************************/
#main #navi-bct {
  width: 975px;
  height: 30px;
  margin: 0 0 0 250px;
  padding: 0;
  line-height: 30px;
}
#main #navi-bct A {
  padding: 0 5px 0 10px;
  background-image: url('../images/layout1/bg_bullet_arrow.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #3771C2;
  font-family: verdana, helvetica, sans-serif, arial;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}
#main #navi-bct A.current A.current {
  color: #666666;
}
#main #navi-bct A:hover {
  color: #3771C2;
  text-decoration: underline;
}
#main #navi-bct SPAN.active {
  padding: 0 5px 0 10px;
  background-image: url('../images/layout1/bg_bullet_arrow.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #333333;
  font-family: verdana, helvetica, sans-serif, arial;
  font-size: 0.8em;
  font-weight: normal;
  text-decoration: none;
}

/* NAVI-MAIN
 *************************************************/
#main #navi-main {
  width: 960px;
  height: 75px;
  display: block;
}
#main #navi-main UL,
#header #newsletter UL {
  list-style: none;
  margin: 25px 0 0 0;
  text-align: left;
}
#main #navi-main UL LI,
#header #newsletter UL LI {
  float: left;
  /*width: 128px;
  height: 30px;*/
  /*display: inline;*/
  margin: 0 10px 0 0;
  /*text-align: center;*/
}
#main #navi-main UL LI A,
#header #newsletter UL LI A {
  display: block;
  width: 120px;
  height: 30px;
  padding: 4px 0 0 0;
  color: #FFFFFF;
  font-family: myriad, arial, verdana, helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  /*letter-spacing: 0em;*/
  background-image: url('../images/bg_navi-main_a1.jpg');
  background-repeat: no-repeat;
}
#main #navi-main UL LI A:hover,
#header #newsletter UL LI A:hover {
  background-image: url('../images/bg_navi-main_a1-hover.jpg');
}
#main #navi-main UL LI A.active,
#header #newsletter UL LI A.active {
  background-image: url('../images/bg_navi-main_a1-active.jpg');
}

#main #content #navi-main-layer2 {
}
#main #content #navi-main-layer2 UL {
  list-style: none;
  margin: 10px 0 0 0;
  text-align: left;
}
#main #content #navi-main-layer2 UL LI {
  border-bottom: 1px dotted #7F7F7F;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
#main #content #navi-main-layer2 UL LI A {
  color: #ED8000;
  font-family: verdana, helvetica, sans-serif, arial;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  margin: 10px 0 3px 0;
}
#main #content #navi-main-layer2 UL LI A:hover {
  text-decoration: underline;
}
#main #content #navi-main-layer2 UL LI A.active {
  color: #7A9C12;
  padding: 0 0 0 15px;
  background-image: url('../images/bg_bullet_arrow.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
}


/* PHOTO-STRETCH
 *************************************************/
#main #photo-stretch {
  width: 960px;
  height: 75px;
  background-image: url('../images/photo-stretch.jpg');
  background-position: left;
  background-repeat: no-repeat;
}


/* CONTENT
 *************************************************/
#main #content {
  float:left;
  width: 721px;
  height: 100%;
  min-height: 445px;
  margin: 0 0 20px 0;
  padding: 0;
  background-image: url('../images/bg_content_one-two.gif');
  background-repeat: repeat-y;
  overflow: hidden;
}
#main #content #middle{
  width:700px;
  height: 100%;
  min-height: 445px;
  background-image: url('../images/bg_content_three.gif');
  background-repeat: repeat-y;
  margin: 0 11px 0 10px;
  overflow: hidden;
}
/*#main #content #content_one-two {
  width: 721px;
  height: 100%;
  min-height: 445px;
  background-image: url('../images/bg_content_one-two.gif');
  background-repeat: repeat-y;
  
}*/
*HTML #main #content #left{
  float: left;
  width: 241px;
  min-height: 445px;
  padding: 0 11px 0 10px;
  margin: 0;
  overflow: hidden;
}
#main #content #left{
  float: left;
  width: 220px;
  min-height: 445px;
  padding: 0 11px 0 10px;
  margin: 0;
  overflow: hidden;
}
*HTML #main #content #right{
  float: left;
  width: 480px;
  min-height: 445px;
  padding: 0 10px 0 10px;
  margin: 0;
  overflow: hidden;
}
#main #content #right{
  float: left;
  width: 460px;
  min-height: 445px;
  padding: 0 10px 0 10px;
  margin: 0;
  overflow: hidden;
}
/*#main #content #content_one-two-one #content_one-two-one_right{
  float: left;
  width:220px;
  margin: 0 10px 0 9px;
}
#main #content #content_one-three {
  width: 960px;
  height: 100%;
  min-height: 400px;
  background-image: url('../images/bg_content_one-three.gif');
  background-repeat: repeat-y;
}
#main #content #content_one-three #content_one-three_left{
  float: left;
  width:220px;
  margin: 0 11px 0 10px;
  background-image: url('../images/bg_content_one-three.gif');
  background-position: left;
  background-repeat: repeat-y;
}
#main #content #content_one-three #content_one-three_right{
  float: left;
  width:700px;
  margin: 0 10px 0 9px;
  background-image: url('../images/bg_content_one-three.gif');
  background-position: right;
  background-repeat: repeat-y;
}
#main #content #content_three-one {
  width: 960px;
  height: 100%;
  min-height: 400px;
  background-image: url('../images/bg_content_three-one.gif');
  background-repeat: repeat-y;
}
#main #content #content_three-one #content_three-one_left{
  float: left;
  width:700px;
  margin: 0 11px 0 10px;
  background-image: url('../images/bg_content_three-one.gif');
  background-position: left;
  background-repeat: repeat-y;
}
#main #content #content_three-one #content_three-one_right{
  float: left;
  width:220px;
  margin: 0 10px 0 9px;
  background-image: url('../images/bg_content_three-one.gif');
  background-position: right;
  background-repeat: repeat-y;
}*/

/* MARGINAL
 *************************************************/
#main #marginal {
  float: left;
  width: 219px;
  /*margin: 38px 10px 20px 9px;*/
  margin: 25px 10px 20px 9px;
}

#main #marginal DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
#main #marginal DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
  margin-right: 0 !important;
}


/* FOOTER
 *************************************************/
#footer {
  width: 960px;
  margin: 0 0 20px 0;
  clear: both;
}
#footer #copyright {
  float: left;
  width: 480px;
  text-align: left;
}
#footer P {
  color: #1A181B;
  font-family: verdana, helvetica, sans-serif, arial;
  font-size: 0.95em;
  line-height: 1.4em;
  letter-spacing: 0.01em;
}
#footer #navi-footer {
  float: left;
  width: 480px;
  text-align: right;
}
#footer #navi-footer UL {
  list-style: none;
}
#footer #navi-footer UL LI {
  display: inline;
  padding: 0;
}
#footer #navi-footer A {
  color: #7B9B14;
  font-family: verdana, helvetica, sans-serif, arial;
  font-size: 0.95em;
  font-weight: normal;
  text-decoration: none;
}
#footer #navi-footer A:hover {
  text-decoration: underline;
}


/* BANNER
 *************************************************/
#banner1 {
  width: 468px;
  height: 60px;
  position: absolute;
  top: 10px;
  left: 210px;
}
#banner2 {
  width: 160px;
  height: 600px;
  position: absolute;
  top: 80px;
  right: -161px;
}