/******************************************************************************
*   Rantastic
*   css/styles.css
*   (c) 2013 e.sens.e gmbh
*   J.F., C.S.
*   Tags
*   Allgemeine Klassen
*   Wrapper
*   Header
*   Top Navigation
*   Body
*   Left Navigation
*   Pane - Left, Center, Right
*   Content
*   Footer
*   Page Border
*   Schwarz color:                      #292929;
*   Blau   color:                       #2c9ef7;
******************************************************************************/

.br{border: 1px dotted red !important;}

* {margin: 0; padding: 0;}

html {overflow-y:scroll;}

/******************************************************************************
* Tags
******************************************************************************/
body
{
    color:                      #454545;
    font-family:                Arial, Verdana, Helevetica, sans-serif;
    font-size:                  12px;
    line-height:                1em;
    text-align:                 left;
}

.ios div#page,
.ios div#decofooter
{
}

img 
{
    border:                     none;
}

h1
{
    display:                    block;
    float:                      right;
    padding:                    88px 20px 14px 18px;
    text-indent:                -10000px;
}

h3
{
}

sup
{
    font-size:                  0.55em;
}

a,
a:active,
a:link,
a:visited {
    color:                      #2c9ef7;
    text-decoration:            underline;
}

a:hover{
    text-decoration:            underline;
}

ul {
    list-style-type:            none;
}

div#content a[href$=".html"] {
}

/******************************************************************************
* cliclab Textblock  Klassen
******************************************************************************/

.align_left
{
    text-align:                 left;
}

.align_right
{
    text-align:                 right;
}

.align_center
{
    text-align:                 center;
}

.align_justify
{
    text-align:                 justify;
}

.float_left
{
    clear:                      left;
    float:                      left;
}

.float_right
{
    clear:                      right;
    float:                      right;
}
/******************************************************************************
* Allgemeine Klassen
******************************************************************************/


/******************************************************************************
* Wrapper
******************************************************************************/


/******************************************************************************
* Header
******************************************************************************/
div#headerdeco 
{
    background:                 white;
    margin-left:                4px;
    width:                      99%;
}

div#header
{
    height:                     162px;
    margin:                     0 auto;
    padding:                    0;
    position:                   relative;
    width:                      972px;
}

div#logo
{
    float:                      right;
    height:                     auto;
    margin:                     30px 5px 0px 0px;
}

div#logo a
{
    display:                    block;
}

div#logo img
{
    border:                     0px;
}

div#deco,
div#deco2
{
    background-position:        50% 50%;
    background-repeat:          no-repeat;
    height:                     144px;
    margin-top:                 18px;
    position:                   absolute;
    width:                      214px;
    z-index:                    20;
    
}

div#deco2
{
    z-index:                    22;
}

/******************************************************************************
* Body
******************************************************************************/
div#body {
    background:                 white;
    height:                     auto;
    margin:                     0px;
    min-height:                 260px;
    padding-bottom:             30px;
    width:                      100%;
    
}

div#page {
    width:                      100%;
    z-index:                    99;
    padding-bottom:             150px;
    position:                   relative;
    overflow:                   hidden;
}

/******************************************************************************
*  Navigation
******************************************************************************/
ul#nav
{
    background:                 transparent url(../img/nav_bg.gif) no-repeat 4px 47px;
    height:                     48px;
    list-style-type:            none;
    margin:                     0 auto;
    padding-left:               4px;
    padding-right:              0px;
    padding-top:                0px;
    padding-bottom:             0px;
    width:                      987px; 
}

ul#nav li
{
    color:                      #8b8c8e;
    float:                      left;
    font:                       bold 1.37em/1.6em Arial,Helvetica,sans-serif;
    height:                     48px;
    font-weight:                bold;
    list-style-type:            none;
    margin:                     0px;
    padding:                    0px;
    text-align:                 left;
    text-align:                 center;
}

ul#nav li#nav_aktuelles
{
    margin-left:                -33px;
}

ul#nav li.current 
{
}

ul#nav li.last a:link,
ul#nav li.last a:visited
{
    border:                     0px solid;
}

ul#nav li a:link,
ul#nav li a:visited
{
    color:                      #a7a9ac;
    display:                    block;
    float:                      left;
    height:                     36px;
    padding-top:                12px;
    text-decoration:            none;
    width:                      140px;
    
}

ul#nav li a:hover,
ul#nav li a:active
{
    color:                      black;    
}

ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover,
ul#nav li.current a:active
{
    color:                      black;

}

ul#nav li.last a:link,
ul#nav li.last a:visited,
ul#nav li.last a:hover,
ul#nav li.last a:active
{

}

ul#nav li.last a:hover,
ul#nav li.last a:active
{

}

ul#nav li.lastcurrent a:link,
ul#nav li.lastcurrent a:visited
{

}

ul#nav li.lastcurrent a:hover,
ul#nav li.lastcurrent a:active
{
}

/******************************************************************************
* Content
******************************************************************************/
div#content{
    font-size:                  1.0em;
    height:                     100%;
    line-height:                1.6em;
    margin:                     0 auto;
    overflow:                   hidden;
    padding-left:               4px;
    width:                      987px;
}

div#content h2.subpage {
    border-top:                 1px solid #666;
    cursor:                     pointer;
    display:                    block;
    font-size:                  1.37em;
    height:                     42px;
    line-height:                44px;
    outline:                    0;
    overflow:                   hidden;
    width:                      968px;
}

div#content div.subpage-last {
    border-top:                 0px solid #666;
}

div#content h2.subpage-last {
    border-bottom:              1px solid #666;
}

div#content h2.subpage-last {
    border-bottom:              1px solid #666;
}

div#content h2.ui-state-active
{
    border-bottom:              0px;
}

div#content h2.subpage-first
{
    border-top:                 0px solid #666;
}

div#content h2.ui-state-active 
{
    color:                      #2C9EF7;
}

div.subpage {
    background:                 white;
    float:                      left;
    
}

h2.subpage a {
    display:                    none;
    float:                      right; 
    height:                     40px;
    line-height:                1.5em;
    text-decoration:            none;
    text-align:                 center;
    width:                      20px;    
}

h2.ui-state-active a {
    display:                    block;
}

div#log {
    width:                      100%;
}

/******************************************************************************
* Pane - Left, Center, Right
******************************************************************************/



/******************************************************************************
* Footer
******************************************************************************/
div#decofooter
{
    background:                 black;
    bottom:                     0;
    height:                     150px;
    position:                   fixed;
    width:                      100%;
    z-index:                    2;   
}


div#footer {
    height:                     auto;
    margin:                     0 auto;
    padding:                    10px 0px;
    overflow:                   hidden;
    width:                      987px;   
}

div#footer  .column
{
    color:                      #888;
    float:                      left;
    margin-right:               10px;
    width:                      280px;
 }

div#footer  .column-1
{
    display:                    block;
    height:                     64px;
    margin-right:               35px;
    text-indent:                -10000px;
    width:                      370px;
}

div#impressum a,
div#footer  .column-1 a
{
    color:                      #888;
    text-decoration:            none;
    
}

div#footer  .column h3
{
    font-family:                Sans-Serif;
    font-size:                  1.25em;
    line-height:                1.6em;
    margin-bottom:              4px;
    padding-bottom:             1px;
}

div#footer  .column p
{
    margin:                     7px 0;
}

div#footer a,
div#footer a:active,
div#footer a:link,
div#footer a:visited
{
    color:                      #2c9ef7;  
}

div#impressum
{
    color:                      #888;
    margin:                     0 auto;
    width:                      987px;
}

div#impressum hr
{
    display:                    none;
}

/******************************************************************************
* Textblock
******************************************************************************/

div.textblock
{
    margin:                     0px 12px 10px 0px;
    width:                      234px;
   /* clear:                    both;*/
    float:                      left;
}

div.textblock h3
{
    color:                       #2c9ef7;
    font-family:                 Sans-Serif;
    line-height:                 1.1em;
    margin-bottom:               4px;
}

div.textblock img,
div.textblock object
{
    margin-bottom:               15px;
    margin-left:                 0px;
    margin-right:                4px;
    margin-top:                  15px; 
}

div.textblock img.float_left,
div.textblock object.float_left
{
    margin-left:                 0px;
    margin-right:                10px;
    margin-top:                  0px;
}

div.textblock img.float_right,
div.textblock object.float_right
{
    margin-left:                 10px;
    margin-right:                0px;
    margin-top:                  0px;
}

div.textblock strong
{
    margin:                      0;
    padding:                     0;
}

div.textblock strong.textblock_subline

{
    clear:                       both;
    display:                     block;
    margin-bottom:               4px;
}

div.textblock ul
{
    margin:                      0px 0 10px 0;
    padding:                     0;
}

div.textblock ul li
{
    background:                  transparent url(../img/bullet1.gif) 0px 9px no-repeat;
    padding-left:                15px;
    
}

div.textblock img
{
    margin:                      2px 0 8px 0;
}


div.textblock_textcol
{
    clear:                       both;
    float:                       left;
    padding-right:               10px;
    width:                       284px;
}

div.textblock_textcol_odd
{
    clear:                       none;
    padding-right:               0px;
    padding-left:                10px;
    padding-top:                 0px;
}

div.subpage div.textblock-first
{
    
}

div.wide div.textblock-first
{
     
}

div.subpage div.textblock-first img
{
    padding:                    0;
}

div.textblock_textcol_even
{
    clear:                      none;
    width:                      340px;
}

div.textblock_textcol h3
{
}

div.textblock_textcol strong.textblock_subline
{
}

div.textblock_semipremium_even,
div.textblock_semipremium_odd
{
    border-top:                 1px solid #cbd2ba;
    margin-top:                 12px;
    padding-top:                18px;
    
}

div.textblock_textcol li.odd
{
}

div.textblock_textcol ul 
{
    margin-top:                 0;
    padding-top:                0;
}

div.textblock_textcol li
{
  background:                   #ebf5fa;
  margin-bottom:                2px;
  width:                        280px;
  
}

div.textblock_textcol i
{
    color:                      #666;
    font-weight:                bolder;
    
}
div.textblock_textcol_even img
{
    padding:                    5px;
    vertical-align:             top;
    
}

div.textblock_textcol a.button_m
{
    background:                 #2c9ef7;
    color:                      white;
    display:                    block;
    font:                       bold 1.3em/1em Conv_FrancoisOne, Sans-Serif;
    padding:                    10px;
    text-align:                 center;
    text-decoration:            none;
    width:                      180px;
    -webkit-border-radius:      16px;
    -khtml-border-radius:       16px;
    -moz-border-radius:         16px;
    border-radius:              16px;
    
}

div.textblock_small
{
    font-size:                  0.85em;
    line-height:                0.85em;
}
div.textblock_slideshow img,
div.textblock_small img
{
    margin-bottom:              4px;
}

div.textblock_slideshow img {
    margin-bottom:              0px;

}
div.textblock_slideshow img.btn
{
     margin:                    0px;
}


div.textblock_divide {
    background:                 transparent url(../img/trenner-2.gif) repeat-x scroll 0px 0px;
    height:                     2px;
    width:                      100%;
}


div.textblock_deco {
   
    background:                 #CDCDCD;
    height:                     234px;
    width:                      234px;
}

div.textblock_deco h3 {
   color:                       black;
   margin:                      20px;
   text-align:                  right;
}

div.textblock_download  h3{
    height:                     40px;
}

div.textblock_download img{
    border:                     1px solid #ddd;
}

div.textblock_html
{
    width:                      470px;
}

div.textblock_php
{
    width:                      100%;
}

div.textblock_html table span.title,
div.textblock_html table span.powered {
    display:                    none;
}

div.textblock_html table td
{
    height:                     0px!important;
}
 
div.textblock_html table td div 
{
    border:                     0px!important;
}


div.textblock_slider
{
    margin:                     0 0 20px 0;
    padding:                    0;
    width:                      485px;
    
}

div.textblock_slider .slider ul, 
div.textblock_slider .slider li,
div.textblock_slider2 .slider_breit ul,
div.textblock_slider2 .slider_breit li
{
    background:                 white;
    list-style:                 none;
    margin:                     0;
    padding:                    0;
    
    
}
    
.slider2{margin-top:1em;}
div.slider li,
div.slider_breit li
{ 
    /* 
        define width and height of list item (slide)
        entire slider area will adjust according to the parameters provided here
    */ 
    height:                     242px;
    list-style:                 none;
    overflow:                   hidden;
}
    
    

div.slider li a,
div.slider_breit li a
{
    display:                    block;
}
   
div.slider li
{
   width:                       242px;
}

div.textblock_slider div.slider,
div.textblock_slider2 div.slider_breit,
div.textblock_slider2 div.slider_breit li
{
    width:                      480px!important;
}


/******************************************************************************
* Sitemap
******************************************************************************/

div#sitemaps div
{
    float:                      left;
    margin:                     20px 12px 10px 0;
    width:                      234px;
    
}

div#sitemaps div h3
{
    margin-bottom:              6px;
}


ul.sitemap
{
   float:                       left;
   width:                       234px;
}


ul.sitemap li
{
    background:                 transparent url(../img/bullet1.gif) 0px 9px no-repeat;
    padding:                    2px 0 2px 15px;
    
}


/******************************************************************************
* HTML5 Video
******************************************************************************/

div.textblock video
{
    /*overflow:                   hidden;*/
    display: inline;
}

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

form.formular fieldset,
form#login fieldset {
    border:                     none;
}

form.formular input,
form.formular textarea,
form#login input {
    padding:                    5px;
    font-family:                Arial, Verdana, Helevetica, sans-serif;
}

form.formular textarea
{
    font-size:                  1em;
}

form.formular label
{
    display:                    block;
    margin:                     15px 0 0;
}

form.formular input.error,
form.formular textarea.error
{
    border:                     1px solid red;
    color:                      red;
    font-weight:                bold;
}

form.formular label.error
{
    color:                      red;
    font-weight:                bold;
}

form.formular div.messageboard-form-category label[for="anrede"]
{
    color:                      red;
    display:                    none;
    font-weight:                bold;
}

form#login label[for=passwort] {
    clear:                      both;
}

/******************************************************************************
* Login
******************************************************************************/

form#login input#subm {
    margin-top:                 10px;
    padding:                    2px;
}

form#login label {
    display:                    block;
    margin:                     4px 0 2px;
    
}

/******************************************************************************
* Guestbook list
******************************************************************************/
div.messageboard
{
    margin-top:                 10px;
}

div.messageboard-message-forum h3
{
float:                          right;
}

div.messageboard-message-forum,
div.messageboard-message
{
    border:                     1px solid #b6b6b6;
    float:                      left;
    height:                     224px;
    height:                     auto;
    margin:                     0 10px 10px 0;   
    padding:                    10px;
    width:                      460px;
    box-shadow:                 3px 3px 8px rgba(0, 0, 0, 0.28);
    -moz-box-shadow:            3px 3px 8px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow:         3px 3px 8px rgba(0, 0, 0, 0.28);
}

div.messageboard-message-forum 
{
    height:                     350px;
}

p.messageboard-message-comment-feedback
{
    margin:                     10px 0 0;
}

div.messageboard-message-forum h4,
div.messageboard-message h4
{
    color:                      #8F8F8F;
    margin-bottom:              10px;
    text-transform:             uppercase;
}

p.messageboard-message-comment,
p.messageboard-message-text
{
    background:                 transparent url(../img/message_bg.gif) repeat scroll left top;
    height:                     150px;
    line-height:                30px;
    overflow-y:                 auto;
    width:                      460px;  
}

p.messageboard-message-comment i,
p.messageboard-message-text i
{
    color:                      #2C9EF7;
    display:                    inline;
    font-style:                 normal;
    text-transform:             uppercase;
}

a.messageboard-message-email
{
    display:                    block;
    margin:                     10px 0 0;
}

div.messageboard-form label
{
    display:                    block;
    margin:                     15px 0 0;
}

div.messageboard-form-category
{
    margin:                     15px 0;
    width:                      250px;
}
div.messageboard-form-category label
{
    display:                    inline;
    margin:                     0 15px 0 5px;
}
div.messageboard-message-categories
{
    float:                      right;
}

div.messageboard-message-categories img
{
    vertical-align:             middle;
    margin-right:               5px;
}

div.messageboard-message-categories div
{
    width:                      80px; 
    float:                      left;
}

input#form-email
{
    margin-bottom:              15px;
}