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

    Project     :   Redaxo Demo

    Copyright   :   blumbeet - web.studio
                    www.blumbeet.com

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




/*  undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table { border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li {
background-repeat:no-repeat;
color:black;
background-color:white;
}

/*  reset some basic style
*******************************************************************************/
dl          {margin: 0 0 0 0;}
dl dt       {margin: 0 0 0 0;}
dl dd+dt    {margin-top: 0;}
dl dd       {margin: 0 0 0 0;}

ol          {list-style: none;}
ol li       {margin: 0 0 0 0;}
ol li ol    {margin: 0 0 0 0;}
ol li ul    {margin: 0 0 0 0;}

p           {margin-bottom: 0em;}

ul          {list-style: none;}
ul li       {margin: 0 0 0 0;}
ul li ul    {margin: 0 0 0 0; list-style: none;}
ul li ol    {margin: 0 0 0 0;}

pre         {font-size:1.2em; }

a:hover { text-decoration:none; }

/*  html
*******************************************************************************/
html {
    min-height: 100%;
    margin-bottom: 1px;
}

/*  body
*******************************************************************************/
body {
 /*    background-image:url(bg_body.jpg); */
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: xx-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: x-small;
}

.clearer {
    display:block;
    clear:both;
    line-height:0;
    height:1px;
    font-size:0;
    visibility:hidden;
}

.clear {
    clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#f00; }


/*  website
*******************************************************************************/
#website {
    position:           absolute;
    left:               50%;
    width:              90%;   /* 790 bisher*/
    margin-top:         0px;
    margin-left:        -40%;  /* 395 bisher*/
    height:100%;
    padding:0;
    display:block;
/* #website {  alte Positionierung, geändert Alex Malicke 24.01.06
    position:relative;
    display:block;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
*/ 

/*
    width:790px;
*/
    color:#000;
    text-align:left;
}

/*  header
*******************************************************************************/
#header {
    position:relative;
    margin:0;
    padding:0;
    height:155px;
    background-image:url(bg_header.gif);
}

/*  logo / breadcrumb
*******************************************************************************/
#logo {
    position:absolute;
    top:0px;
    left:0px;
    background-image:url(bg_header1.GIF);
}

#logo a {
    display:block;
    height:100px;
    width:170px;
    text-indent:-700em;
}


#language {
    position:absolute;
    bottom:9px;
    left:14px;
    width:110px;
!/*
    background:#fff;
*/
}

#breadcrumb {
    position:absolute;
    bottom:9px;
    left:214px;
    COLOR:#504F54;
}

#breadcrumb a, 
#breadcrumb a:link {
    COLOR:#504F54;
}

#breadcrumb a:hover {
    text-decoration:none;
    COLOR:#C90C10;
}
/*  content
*******************************************************************************/


#content, #content2 {
    display:block;
    clear:both;
    position:relative;
    padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #content2 {
    height:1px;
}
/* end hide */


#content {}

#content2 {
  /*  background-image:url(bg_content.jpg); 
    background-repeat:repeat-y; */
}

#main {
    float:left;
    width:75%;  /*583px*/
/*
    width:70%;
*/
}

#main-block
 {
}

#main-block2 {
/*
    width:480px;
*/
    height:480px;
    overflow:auto;
    margin-bottom:25px;
    margin-right:0px;
    margin-top:0px;
    margin-left:14px;
    padding-right:14px; 
    scrollbar-base-color:#F6C690; 
    scrollbar-arrow-color: #C90C10;
    scrollbar-DarkShadow-Color: #606060; 

}

#main-blockScreens {
/*
*/
    width:480px;
    height:768px;
    overflow:no;
    margin-bottom:25px;
    margin-right:0px;
    margin-top:0px;
    margin-left:14px;
    padding-right:14px; 
    scrollbar-base-color:#F6C690; 
    scrollbar-arrow-color: #C90C10;
    scrollbar-DarkShadow-Color: #606060; 

}

/*  Navigation vertical - 
    Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 
    zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/
#navigation {
    float:left;
    width:200px;
/*    padding:14px 0; */
    margin:14px 0;
    margin-top:10px;
}

#navigation ul.nav1st {
    width:170px;
}


#navigation ul.nav1st li {
    padding:4px 0 8px 14px;
}

#navigation ul.nav1st li.active {
  /*  background:#f7f7f7; */
     background:#F6C790;
}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link {
    color:#C90C10;
}

#navigation ul.nav1st a, 
#navigation ul.nav1st a:link {
    display:block;
    color:#606060;
/*    font-size:1.2em;*/
    font-size:1.2em;
    font-weight:bold;
}

#navigation ul.nav1st a:hover {
    color:#C90C10;
}


#navigation ul.nav1st li ul.nav2nd li {
    padding:0;
    margin-left:14px;
    list-style-type:square;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
    display:block;
    padding:4px 0 4px 0;
/*    font-size:1.1em;*/
    font-size:1.1em;
    font-weight:normal;
}

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {
    text-decoration:none;
    color:#ffffff;
}


/*  Navigation horizontal and vertical - 
    Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
    zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/

#header-nav {
    position:absolute;
    bottom:30px;
    left:200px;
    width:560px;
    background:#fff;
   
}

#header-nav ul.nav1st {
}


#header-nav ul.nav1st li {
    display:block;
    float:left;
    padding:5px 7px 5px 7px;
}

#header-nav ul.nav1st li.active {
    background:#f7f7f7; 

}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {
        color:#C90C10;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link {
    color:#606060;
    font-size:1.1em;
    font-weight:bold;
}

#header-nav ul.nav1st a:hover {
       color:#C90C10;
}


#navigation {
    float:left;
    width:200px;
    padding:2px 0;
}

#navigation ul.nav2nd li {
    padding:0;
    margin-left:14px;
    font-size:1.1em;
    font-weight:normal;
    color:#606060;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
    display:block;
    padding:1px 0 1px 0;
    color:#000000;
}

#navigation ul.nav2nd a.active, 
#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link,
#navigation ul.nav2nd a:hover {
    color:#000000;
    text-decoration:none;
}


/*  firefox Werbebanner
------------------------------------------------------------------------------*/
#firefox {
    margin:2em 0 0 2px;
}

#firefox a, 
#firefox a:link {
    display:block;
    width:120px;
    height:120px;
    text-indent:-1000em;
/*    background-image:url(ff_120x60_2.gif);
*/
}
/*  Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
#main-block h1 {
       color:#C90C10;
    font-family:arial, helvetica, verdana, sans-serif;
    font-size:1.7em;
    font-weight:bold;
    line-height:1.8em;
}

#main-block .teaser h1 {
    font-size:1.4em;
}

/* Headline 2 */
#main-block h2 {
    color:#606060;
    font-family:arial, helvetica, verdana, sans-serif;
    font-size:1.4em;
    font-weight:bold;
    line-height:1.4em;
}


/*  Paragraphs / Lists
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol {
    margin-bottom:1.2em;
    font-size:1.2em;
    line-height:1.6em;
}
#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul {
    font-size:1em;
}

#main-block ul {
    margin-left:14px;
    list-style-type:square;
}

#main-block ol {
    list-style-type:decimal-leading-zero;
}


/*  Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link {
    color:#C90C10;
    text-decoration:underline;
}

#main-block a:hover {
    color:#000;
}



/*  Images
------------------------------------------------------------------------------*/
#main-block div.image {
    margin-bottom:0;
}
#main-block div.image p {
    margin:0;
    font-size:0.9em;
}
#main-block div.flLeft {
    margin-right:14px;
}
#main-block div.flRight {
    margin-left:14px;
}


/*  footer
------------------------------------------------------------------------------*/
.footer {
    display:block;
    width:98%;
    background:#F6C790;
}
.footer2 {
    padding:0 14px;
}
.footer p {
    margin:0;
    margin:7px 0;
    font-size:10px;
    text-transform:uppercase;
}

.footer p, 
.footer p a,
.footer p a:link {
    color:#555555;
}
.footer p a:hover {
    text-decoration:underline;
}

.footer .col-left {
    float:left;
    width:186px;
}
.footer .col-right {
    float:left;
}


/* form-module
*******************************************************************************/
#form-module * {
    padding:0px;
    margin:0px;
}

#form-module {
    margin:0px;
    padding:0px;
    width:520px;
/*
    background-color:#f7f7f7;
    color:#666;
*/
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:1.2em;
}

#form-module fieldset {
/*
    border:0px solid #fff;
*/
}

#form-module legend {
    display:none;
}


#form-module p {
    margin:0;
    padding:5px;
    font-size:1em;
    font-weight:bold;
}

#form-module .element {
    display:block;
    clear:both;
/*
    background-color:#f7f7f7;
    border-top:2px solid #fff;
*/
}

#form-module label {
    display:block;
    float:left;
    padding:5px;
    width:120px;
/*
    border-right:2px solid #fff;
*/
}

#form-module label.checkbox {
    width:372px;
/*
    border-left:2px solid #fff;
*/
    border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
    float:left;
    margin:5px;
    width:295px;
/*
    border:1px solid #333;
*/
}

#form-module input.text {
    height:20px;
}

#form-module input.checkbox {
    width:120px;
    padding:0;
    border:none;
}

#form-module input.submit { 
    margin:5px 5px 5px 137px;
    padding:2px 5px;
/*
    border:1px solid #333;
    background-color:#fff;
    color:#666;
*/
    font-family:verdana, arial, helvetica, sans-serif;
    text-align:center;
    cursor:pointer;
}

#form-module input.submit:hover { 
/*
    background-color:#f7f7f7;
    color:#000;
*/
}

#form-module label.textarea, 
#form-module textarea.textarea {
    height:96px;
}

#form-module-thanks {
    display:block;
    color:#666;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:1.2em;
}


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
    margin:0;
}
#main-block .download-hdl p {
    padding:5px 7px;
    background-color:#C90C10;
    font-weight:bold;
    color:#fff;
}

#main-block .download-file {
    padding:1.2em 7px;
    border-left:2px solid #C90C10;
    border-right:2px solid #C90C10;
}

#main-block .download-desc {
/*    background-color:#e5ffe5;
*/
    margin-bottom:1.2em;
    padding:1.2em 7px;
    background-color:#C90C10;
    border-left:2px solid #C90C10;
    border-right:2px solid #C90C10;
    border-bottom:2px solid #C90C10;
}

#main-block .download-without-desc {
    margin-bottom:1.2em;
    border-top:2px solid #C90C10;
}