/* Farbedfinitionen --------------------------------------------------------- */
/* rot dunkel           = #cc0040                                             */
/* rot hell             = #E93223                                             */


*                       { margin: 0; padding: 0; }
html, body, #wrapper    { background-color: #FFFFFF; height:100%; color: #000000; font-family: Arial; font-size: 12px; }
p                       { padding-bottom: 15px; margin: 0;}
hr                      { border-width: 1px; border-style: none none dotted none; margin-bottom: 15px; color: #d2d2d2; }
a                       { text-decoration: none; color: #6996B9 }
a:hover                 { text-decoration: underline; }
a:focus                 { outline: none; }

input[type="text"]           { height:18px; padding:2px 0 2px 10px; border: 1px solid #d2d2d2; width: 250px; margin-bottom:10px;}
input:focus[type="text"]     { background-color: #faf9f5; }
input[type="password"]       { height:18px; padding:2px 0 2px 10px; border: 1px solid #d2d2d2; width: 250px; margin-bottom:10px;}
input:focus[type="password"] { background-color: #faf9f5; }
input[type="checkbox"]       { border: 0 !important; padding-left: 0px !important; }

select                       { height:24px; padding:2px 2px 2px 10px; border: 1px solid #d2d2d2; margin-bottom:10px;}
textarea                     { font-family: Arial; font-size: 13px; border:1px solid #D2D2D2; padding: 10px 10px 10px 10px !important; resize: none; }
textarea:focus               { background-color: #faf9f5; }



/* HEADINGS ----------------------------------------------------------------- */
h1                      { font-size: 22px; line-height: 22px; margin-bottom: 15px; font-weight:normal; color: #cc0040; }
h2                      { font-size: 16px; line-height: 16px; margin-bottom: 15px; font-weight:normal; color: #E93223; }
h3                      { font-size: 18px; line-height: 18px; margin-bottom: 15px; font-weight:normal; color: #cc0040; }
h4                      { font-size: 16px; line-height: 16px; margin-bottom:  5px; font-weight:bold;   color: #cc0040; }                  
h5                      { font-size: 14px; line-height: 14px; margin-bottom: 15px; font-weight:normal; color: #cc0040; }
h6                      { font-size: 12px; line-height: 12px; margin-bottom: 15px; font-weight:normal; color: #cc0040; }




/* CUSTOM STYLES ------------------------------------------------------------ */
.biggest                { font-size: 13px; line-height: 14px; margin-bottom: 5px; }
.bigger                 { font-size: 12px; line-height: 13px; margin-bottom: 5px; }
.normal                 { font-size: 11px; line-height: 12px; margin-bottom: 5px; }
.small                  { font-size: 10px; line-height: 11px; margin-bottom: 5px; }
.pico                   { font-size: 9px; line-height: 10px; margin-bottom: 5px; }

.bold                   { font-weight: bold; }
.italic                 { font-style: italic; }
.underline              { font-style: underline; }
.uppercase              { text-transform: uppercase; }
.lowercase              { text-transform: lowercase; }

.no_padding             { padding: 0 !important; }
.no_margin              { margin:  0 !important; }

.box1                   { border: 1px solid #d2d2d2; padding: 15px; margin-bottom: 15px; }
.box2                   { border: 2px solid #d2d2d2; padding: 15px; margin-bottom: 15px; }
.box3                   { border: 3px solid #d2d2d2; padding: 15px; margin-bottom: 15px; }

.link                   { vertical-align:baseline; padding-left: 10px; font-weight: bold; background: url(../css/img/arrow_icon.gif) no-repeat scroll 0 0 transparent; }

.textlink a             { color: #E93223; text-decoration: underline; }
.textlink a:hover       { color: #cc0040; text-decoration: underline; }

.text-shadow            { text-shadow: #c0c0c0 3px 3px 5px; }


/* BACKGROUNDS -------------------------------------------------------------- */
.gradient_top           { background-image: url(../css/img/gradient_top.gif ); background-repeat: repeat-x; background-position: top;  !important; }
.gradient_bottom        { background-image: url(../css/img/gradient_bottom.gif ); background-repeat: repeat-x; background-position: top;  !important; }

.background_text        { background-image: url(../css/img/background_text.gif ); height: 15px;}




/* TABLES ------------------------------------------------------------------- */
.width-11               { width:  11% !important; }
.width-22               { width:  22% !important; }
.width-33               { width:  33% !important; }
.width-66               { width:  66% !important; }
.width-99               { width:  99% !important; }
.width-25               { width:  25% !important; }
.width-50               { width:  50% !important; }
.width-75               { width:  75% !important; }
.width-100              { width: 100%; }
             
.left-col               { float: left;  display: inline; }
.left-col11             { width: 11%; float: left;  display: inline; }
.left-col22             { width: 22%; float: left;  display: inline; }
.left-col33             { width: 33%; float: left;  display: inline; }
.left-col66             { width: 66%; float: left;  display: inline; }
.left-col99             { width: 99%; float: left;  display: inline; }
.left-col25             { width: 25%; float: left;  display: inline; }
.left-col50             { width: 50%; float: left;  display: inline; }
.left-col75             { width: 75%; float: left;  display: inline; }

.right-col              { float: right; display: inline; }
.right-col11            { width: 11%; float: right; display: inline; }
.right-col22            { width: 22%; float: right; display: inline; }
.right-col33            { width: 33%; float: right; display: inline; }
.right-col66            { width: 66%; float: right; display: inline; }
.right-col99            { width: 99%; float: right; display: inline; }
.right-col25            { width: 25%; float: right; display: inline; }
.right-col50            { width: 50%; float: right; display: inline; }
.right-col75            { width: 75%; float: right; display: inline; }




/* FORMS -------------------------------------------------------------------- */
.form h4                { border-bottom: 1px solid #d2d2d2; padding: 0 0 10px 0;  text-indent:15px; margin: -5px -15px 15px -15px;}
.form label             { display: block; margin-bottom: 13.0px; padding-top:3px; }
.form .input_plz        { width: 65px;}
.form .input_ort        { margin-left:2px; width: 168px; }
.form .form-row         { margin-bottom: 10px; display: inline-block; }
.form .error_input      { border: 2px solid #ff0000; padding: 1px 0 1px 8px;}
.form .error_label      { display: block !important; color:#ff0000; font-weight: bold; }





/* Buttons ------------------------------------------------------------------ */
.button                 { float: left; font-size: 12px; font-weight: bold; line-height: 23px !important; margin: 0 0px 0 10px; }
.button span            { margin: 0 10px 0 -10px; padding: 0 0 5px 10px; position: relative; float:left; height: 19px; }
.button.green           { background: url(img/button_green.gif) no-repeat bottom right; text-decoration: none; color: #fff; }
.button.green span      { background: url(img/button_green.gif) no-repeat bottom left; text-decoration: none; color: #fff; }
.button.green:hover     { background: url(img/button_green.gif) no-repeat top right; text-decoration: none; color: #fff; }
.button.green:hover span { background: url(img/button_green.gif) no-repeat top left; text-decoration: none; color: #fff; }
.button.grey            { background: url(img/button_grey.gif) no-repeat bottom right; text-decoration: none; color: #696969; }
.button.grey span       { background: url(img/button_grey.gif) no-repeat bottom left; text-decoration: none; color: #696969; }
.button.grey:hover      { background: url(img/button_grey.gif) no-repeat top right; text-decoration: none; color: #696969; }
.button.grey:hover span { background: url(img/button_grey.gif) no-repeat top left; text-decoration: none; color: #696969; }
.button.orange          { background: url(img/button_orange.gif) no-repeat bottom right; text-decoration: none; color: #fff; }
.button.orange span     { background: url(img/button_orange.gif) no-repeat bottom left; text-decoration: none; color: #fff; }
.button.orange:hover    { background: url(img/button_orange.gif) no-repeat top right; text-decoration: none; color: #fff; }
.button.orange:hover span { background: url(img/button_orange.gif) no-repeat top left; text-decoration: none; color: #fff; }




/* H-Menu ------------------------------------------------------------------- */
#hmenu                  { width: 100%; background: #696969; height: 28px; font-weight: bold;}
#hmenu ul               { margin:0; padding: 0; list-style: none; }
#hmenu li               { display: inline; margin: 0; padding: 0; }
#hmenu a                { float: left; display: block; color: white; margin: 0 1px 0 0; padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: #696969; border-bottom: 2px solid #ebebeb; }
#hmenu a:hover          { background-color: gray; }
#hmenu #current a       { background-color: #cc0040; border-color: #ff0000; }




/* CSS für jeweilige Webseite  ---------------------------------------------- */

/* .container_16 must be same height as the #footer */
.container_16           { overflow: auto; padding-bottom: 20px; }                   

#wrapper                { height: auto; min-height: 100%; background-image:url(img/background.gif); background-repeat:repeat-x; }

#header                 { height: 125px; }
#topmenu                { height:  35px; }
#content                { }

/* #footer must be same height as the .container_16 --> margin-top= footer-höhe 20px + border 6px + padding 10px = -36px */
#footer                 { position:relativ; background:#f3f3f3; border-top:6px double #d2d2d2; margin-top: -36px; height: 20px; clear: both; padding: 5px 0 5px 0; font-size: 11px;}


/*  ToolTip für js/jquery.cluetip.js
    ------------------------------------------------------------------------- */
.cluetip-default #cluetip-inner   { padding: 5px; font-size: 11px; }
.cluetip-default #cluetip-outer   { border: 1px solid #fff; position: relative; margin: 0; background-color: #777777; color: #fff; }
.cluetip-default #cluetip-title   { background-color: #cc0040; border-bottom: 2px solid #72c9b3; color: #fff; font-size: 12px; font-weight: bold; padding:5px; margin: 0; }
.cluetip-default #cluetip-title a { color: #d9d9c2; }
.tooltip img { padding: 0 10px 10px 0; }


.team_box  {
    background: #F3F3F3;
    border-bottom:1px solid #DEDEDE;
    border-right:1px solid #DEDEDE;
    margin-bottom: 15px;
    height: 150px;
    width: 459px !important;
}

.team_box-lager  {
    background: #F3F3F3;
    border-bottom:1px solid #DEDEDE;
    border-right:1px solid #DEDEDE;
    margin-bottom: 15px;
    height: 265px;
    width: 939px !important;
}

.team_infos {
   float: left;
   margin-left: 130px;
   padding-top: 15px;
   display: inline;
}

.team_infos-lager {
   float: left;
   margin-left: 485px;
   padding-top: 15px;
   display: inline;
}