/********************** typo3 resets ******************/
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
 padding-top                  : 10px;
 font-size                    : 10px;
 font-family                  : Arial;
}
.align-right{
 text-align:right;
}
.align-center{
 text-align:center;
}
body{
  background-color            : #DDDDDD;
  margin-bottom               : 10px;
  margin-right                : 10px;
  font-family                 : "Courier New";
  font-size                   : 11px;
  color                       : #666666;
  line-height                 : 1.3em;
  margin-top                  : 0px;
}

blockquote{
  border                      : 1px solid #333333;
  padding                     : 10px 10px 10px 10px;
  background-color            : #EFEFEF;
}
img{
  border                      : 0px;
}
#logo{
  position                    : relative;
  margin-right                : 40px;
  margin-top                  : 40px;
  float                       : right;
  overflow                    : hidden;
}
#head{
 height                       : 10px;
 overflow                     : hidden;
}
#top{
  width                       : 1000px;
  background-color            : #FFFFFF;
  overflow                    : hidden;
}
#site{
  width                       : 745px;
}
#menu,#menuhover{
  width                       : 790px;
  float                       : left;
  margin-top                  : 40px;
  margin-bottom               : 20px;
  z-index                     : 2;
}

#menuhover{
 margin-top                   : 36px;
}

#menu{
 visibility                   : hidden;
 width                        : 0px;
 margin-top                   : 37px;
 margin-left                  : 40px;
}
#headLine{
  width                       : 745px;  
  float                       : left;
  margin-left                 : 40px;
  height                      : 100px;
  margin-top                  : 120px;
  position                    : relative;
  margin-bottom               : 23px;
}
/*
#content{
  width                       : 745px;
  margin-bottom               : 100px;
  float                       : left;
  margin-left                 : 40px;
  overflow                    : hidden;
}
*/
#content{
  width                       : 745px;
  margin-bottom               : 60px;
  float                       : left;
  margin-left                 : 40px;
  overflow                    : hidden;
}
/* *****************************************************************************
 * CSS für den Footer
 * ****************************************************************************/  
#tipps{
 float                        : left;
 border-top                   : 1px solid #DDDDDD;
 width                        : 1000px;
}
#tippsKopf,#footerText{
 padding-left                 : 40px;
 padding-right                : 40px;
 float                        : left;
 overflow                     : hidden;
 width                        : 920px;
 padding-top                  : 20px;
}
#footerText{
 font-family                  : Arial;
 font-size                    : 10px;
 color                        : #aaaaaa;
 width                        : 745px;
}
#footerText p.bodytext {
  margin-top:0px;
  margin-bottom:0px;
}
p.bodytext{
  margin-top:0px;
  margin-bottom:0px;
}
#tippsTrick,#tippsLinks{
 overflow                     : hidden;
 font-family                  : Arial;
 font-size                    : 10px;
 color                        : #aaaaaa;
 width                        : 460px;
}
#footerText a{
 font-size                    : 10px;
 font-family                  : Arial;
 color                        : #aaaaaa;
 text-decoration              : none;
}

#tippsTrick,#tippsLinks{
 float                        : left;
}
/*******************************************************************************
 * H1 ist nur für die Überschriften zuständig. Text wird unten im DIV 
 * ausgerichtet. 
 * ****************************************************************************/   
h1,h2,h3,h4{
  font-weight                 : normal;
  font-size                   : 22px;
  line-height                 : 1.3em;
}
h1{
  font-family                 : "Arial Narrow", Arial;
  position                    : absolute;
  bottom                      : 0;
  line-height                 : 1.3em; 
}
/*******************************************************************************
 * Für H1 wird der folgende span-style verwendet.Hier ist einfach die Farbe
 * anders.
 * ****************************************************************************/
span.important {
  color                       : #FF9900;
  font-weight                 : bold;
} 
span.quoteroot {
  font-size: 11px;
  font-family: Courier;
}

h2{
  font-size                   : 18px;
  margin-bottom               : 10px; 
  font-family                 : "Arial Narrow", Arial;              
}
h3{
  font-family                 : "Arial Narrow", Arial;
  font-size                   : 16px;
  margin-top                  : 0px;
  margin-bottom               : 0px;
}
h4{
  font-family                 : "Arial Narrow", Arial;
  font-size                   : 11px;
  font-family                 : Arial;
}

a:hover,
a:link,
a:visited,
a:active,
a.internal-link:hover,
a.internal-link:link,
a.internal-link:visited,
a.internal-link:active,

a.internal-link-new-window:hover,
a.internal-link-new-window:link,
a.internal-link-new-window:visited,
a.internal-link-new-window:active,

a.external-link-new-window:hover,
a.external-link-new-window:link,
a.external-link-new-window:visited,
a.external-link-new-window:active,

a.external-link:hover,
a.external-link:link,
a.external-link:visited,
a.external-link:active,
a.mail:hover,
a.mail:link,
a.mail:visited,
a.mail:active
{
  text-decoration             : none;
  color                       : #666666;
  font-weight                 : normal;
  text-decoration             : underline;
  font-weight                 : normal;
  white-space                 : nowrap;
}
a:hover,
a.internal-link:hover,
a.internal-link-new-window:hover,
a.external-link:hover,
a.external-link-new-window:hover,
a.mail:hover
{
  color                      : black;
}
/*
p.bodytext{
  margin-top                 : 0px;
  margin-bottom              : 0px;
  margin-left                : 0px;
  margin-right               : 0px;
}
*/

.ButtonDiv{
  z-index:2;
  margin-top:1px;
}
/******************************** Footer ************************************/
#fooCol{
 float                       : left;
 width                       : 745px;
 overflow                    : hidden;
 margin-bottom               : 20px;
}
/********************************* 3 spalter ********************************/
#threeCol{
  width                      : 745px;
  overflow                   : hidden;
  margin-bottom              : 20px;
}
#threeColLeft,
#threeColMiddle,
#threeColRight{
  width                      : 235px;
  float                      : left;
}
#threeColMiddle{
  margin-right               : 20px;
  margin-left                : 20px;
}
/***************************** 2 Spalter ************************************/
#twoCol,#twoColSmall{
  width                      : 745px;
  overflow                   : hidden;
  margin-bottom              : 20px;
}

#colSmall,#colBig{
  float                      : left;
}
#colSmall{
  width                      : 235px;
  margin-right               : 20px;
}
#colBig{
  width                      : 490px;
}
#twoColSmall{
  width                      : 490px;
  overflow                   : hidden;
  margin-bottom              : 0px;
}
#twoColB_left{
  width                      : 490px;
  margin-right               :  20px;
  float                      : left;
}
#twoColS_right{
  width                      : 235px;  
  float                      : right;
}
#twoColSmall_left,
#twoColSmall_right{
  width                      : 235px;
  float                      : left;
}
#twoColSmall_right{
  margin-left                : 20px;
}

#profileImage{
  width                      : 245px;
  margin-right               :  20px;
  float                      : left;
}
#profileText{
  width                      : 480px;
  float                      : left;
  position                   : relative;
}

.borderline a:hover{
  border-left                : 1px solid black;
}


/*******************************************************************************
 * css für Kiwi slider
 * ****************************************************************************/ 
.tx-kiwislider-pi1{
  z-index                    : 1;
}
.tx-kiwislider-pi1 .scroll {
  border                     : 0px;
}

.tx-kiwislider-pi1 {
	width                    : 745px;
}

.tx-kiwislider-pi1 .scroll {
	 width                    : 745px;
   height                   : 220px;
}
.tx-kiwislider-pi1 .scrollContainer div.panel {
	 width                    : 745px;
	 height                   : 220px;
	 padding                  : 0px 0px 0px 0px;
	 overflow                 : hidden;
			
}
.tx-kiwislider-pi1 ul.navigation { 
   display                  : none; 
}
.tx-kiwislider-pi1 .scrollButtons.right {
    top                     : 100px;
    margin-left             :-100px;
}
.tx-kiwislider-pi1 .scrollButtons.left {
    top                     : 100px;
    margin-right            :-100px;
}
/******************************************** JS MENU *************************/
#navi{
      list-style-type : none; 
      width           : 745px; 
      float           : left;
      padding-left    : 0px;
      margin-top      : 0px;
      margin-bottom   : 0px;
}
#navi a{
      outline         : none;
      display         : block; 
      font-family     : Arial;
      font-weight     : bold;
      font-size       : 11px; 
      line-height     : 11px; 
      text-decoration : none;  
      text-transform  : uppercase;
}
#navi ul {
      list-style-type : none; 
      float           : left;
}
#navi li {
      float           : left;
      position        : relative;
      list-style-type : none;
      margin-right    : 20px;
      margin-bottom   : 0px;
      padding-bottom  : 0px;
}
#navi li ul li{
      padding-bottom  : 5px;
}
#navi li ul li a{
      font-weight        : normal;
      text-transform     : none;
      width              : 200px;
}
#navi ul { 
      position            : absolute;
      left                : -9999px;
      margin-top          : 5px;
      margin-bottom       : 5px;
}

ul.navi ul.hover, ul.navi li.navi ul, ul.navi li:hover ul {
      display             : block;
}
#navi li.click ul {
     left               : 0px;
     padding-left       : 0px;
     top                : 15px; 
}
/******************************************************************************/
ul.menu, ul.menu ul {
      list-style-type: none;
      float : left;
      margin-top:0px;
      margin-bottom:0px;
      margin-left:40px;
      padding-left:0px;
}

ul.menu a {
   display: block;
   font-weight:bold;
   font-family : Arial;
   font-size:11px;
   text-transform    : uppercase;
   text-decoration   : none;
   outline           : none;
}
ul.menu ul a {
   font-weight       : normal;
   text-transform    : none;
   outline           : none;
}
ul.menu li {
    background-image : none;
    float            : left;
    margin-right     : 20px;
}
ul.menu ul {
    margin-left  : 0;
    padding      : 0 0 5px 0;
    position     : absolute;
    display      : none;
    min-width    : 180px;
}
/**
*html ul.menu ul {
      width:180px;
}
**/
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
      display:block;
}
ul.menu ul li {
      float:none;
      background-color: transparent;
}
/*************************************** Formulare ****************************/
fieldset.csc-mailform label {
   width             : 140px;
   float             : left;
   text-align        : left;
   display           : block;
}

fieldset.csc-mailform{
   margin-top        : 20px;
   border            : 0px;
   padding           : 0;
}

.csc-mailform-field input,
fieldset.csc-mailform textarea {
   border           : 1px solid #ccc;
   padding          : 2px;
   width            : 260px;
   font-family      : "Courier New";
   font-size        : 11px;
}
.csc-mailform-field input{
   width            : 150px;
}
.csc-mailform-field select{
   width            : 140px;
   font-family      : "Courier New";
   font-size        : 11px;
   border           : 1px solid #ccc;
}
.csc-mailform-field file{
  width             : 140px;
  font-family       : "Courier New";
  font-size         : 11px;
  border            : 1px solid #ccc;
}
.csc-mailform-field  csc-mailform-radio radio{
  float             : left;
  background-color  : red;
}
.csc-mailform-field checkbox{
  width             : 140px;
  font-family       : "Courier New";
  font-size         : 11px;
  border            : 1px solid #ccc;
  background-color  : red;
  
}
input.csc-mailform-submit {
  margin-top       : 10px;
  margin-left      : 140px;
  padding-left     : 5px;
  width            : 175px;
  height           : 25px;
  line-height      : 25px;
  font-size        : 11px;
  background-image : url("../img/button-hintergrundbild.gif");
  color            : white;
  outline          : none;
  text-align       : left;
  border           : 0px;
  font-family      : Arial;
  outline          : none;
  cursor           : pointer; 
}
.csc-mailform-field{
 margin-top        : 5px;
}