/*
    dachkraft

    css/styles.css              2010-08-17  (c) e.sens.e GmbH
*/


/*
*{border: 1px dashed red !important;}
/* */

body
{
    margin:                     0px;
    color:                      #555555;
    background-color:           #f0f0f0;
    font-family:                sans-serif;
    font-size:                  11px;
    text-align:                 left;
}

a:link,
a:visited
{
    color:                      #555555;
    text-decoration:            underline;
}

a:hover,
a:active
{
    color:                      #b8001a;
    text-decoration:            underline;
}

b a:link,
b a:visited
{
    color:                      #b8001a;
    text-decoration:            none;
}

b a:hover,
b a:active
{
    color:                      #b8001a;
    text-decoration:            underline;
}

img
{
    border-style:               none;
}

form
{
    display:                    inline;         /* IE */
}

input.input_text,
textarea
{
    margin:                     0px;
    padding-left:               4px;
    padding-right:              4px;
    padding-top:                1px;
    padding-bottom:             2px;
    color:                      #555555;
    background-color:           #ffffff;
    border-style:               solid;
    border-width:               1px;
    border-color:               #b3b3b3;
    font-family:                sans-serif;
    font-size:                  10px;
}

input.input_reset,
input.input_submit
{
    margin:                     0px;
    padding-left:               4px;
    padding-right:              4px;
    padding-top:                0px;
    padding-bottom:             0px;
    font-family:                sans-serif;
    font-size:                  10px;
}

.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;
}

div#centered
{
    width:                      831px;
    margin-left:                auto;
    margin-right:               auto;
}

div#main
{
    float:                      left;
    padding:                    10px;
    background-color:           #ffffff;
}

div#header
{
/*
width:811px;
*/
    height:                     22px;
    background-color:           #b3b3b3;
    background-image:           url('../img/header_deco.gif');
    background-repeat:          no-repeat;
    background-position:        left top;
}

div#logo
{
/*
width:791px;
*/
    height:                     62px;
    background-image:           url('../img/header_bg.jpg');
    background-repeat:          no-repeat;
    background-position:        left top;
    border-right-style:         solid;
    border-right-width:         20px;
    border-right-color:         #b3b3b3;
}

div#logo img
{
    float:                      right;
    margin-right:               6px;
    margin-top:                 7px;
}

h1
{
    height:                     36px;
    margin-top:                 5px;
    margin-bottom:              0px;
    padding-left:               10px;
    padding-top:                130px;
    background-image:           url('../img/header_bg2.jpg');
    background-repeat:          no-repeat;
    background-position:        left top;
    border-right-style:         solid;
    border-right-width:         20px;
    border-right-color:         #dedcdc;
    color:                      #a5a3a3;
    font-size:                  22px;
    font-weight:                normal;
	text-indent: -10000px;
}

body.home h1{
	background-image:           url('../img/header_home_bg.jpg');
}

ul#mainnav
{
    height:                     22px;
    margin:                     0px;
    padding-left:               197px;
    background-color:           #b3b3b3;
    background-image:           url('../img/mainnav_deco.gif');
    background-repeat:          repeat-y;
    background-position:        left top;
    border-right-style:         solid;
    border-right-width:         20px;
    border-right-color:         #dedcdc;
    list-style-type:            none;
}

ul#mainnav li
{
    float:                      left;
    margin-left:                -1px;
    background-image:           url('../img/mainnav_li_bg.gif');
    background-repeat:          no-repeat;
    background-position:        left center;
}

ul#mainnav li a:link,
ul#mainnav li a:visited
{
    display:                    block;
    float:                      left;
    height:                     18px;
    padding-left:               15px;
    padding-right:              15px;
    padding-top:                4px;
    color:                      #ffffff;
    text-decoration:            none;
    font-size:                  11px;
}

ul#mainnav li a:hover,
ul#mainnav li a:active,
ul#mainnav li.current a:link,
ul#mainnav li.current a:visited,
ul#mainnav li.current a:hover,
ul#mainnav li.current a:active
{
/*
    color:                      #b3b3b3;
*/
color:#888888;
    background-color:           #ffffff;
}

div#body
{
    float:                      left;
    width:                      790px;
    border-left-style:          solid;
    border-left-width:          1px;
    border-left-color:          #dedcdc;
    border-right-style:         solid;
    border-right-width:         20px;
    border-right-color:         #dedcdc;
}

h2
{
    margin-left:                196px;
    margin-top:                 0px;
    margin-bottom:              0px;
    padding-left:               65px;
    padding-top:                25px;
    padding-bottom:             5px;
    background-color:           #dedcdc;
    color:                      #888888;
    font-size:                  14px;
    font-weight:                bold;
}

div#leftpane
{
    float:                      left;
    width:                      176px;
    padding:                    10px;
    margin-bottom:              40px;
}

ul#subnav
{
    margin-left:                0px;
    margin-top:                 20px;
    margin-bottom:              60px;
    padding:                    0px;
    list-style-type:            none;
}

ul#subnav li
{
width:174px;
}

ul#subnav li a:link,
ul#subnav li a:visited
{
    display:                    block;
    margin-left:                15px;
    margin-bottom:              8px;
    padding-left:               7px;
    padding-right:              5px;
    padding-top:                4px;
    padding-bottom:             5px;
    background-image:           url('../img/subnav_li_bg.gif');
    background-repeat:          no-repeat;
    background-position:        left bottom;
    color:                      #b8001a;
    text-decoration:            none;
    font-size:                  11px;
    font-weight:                bold;
}

ul#subnav li.current a:link,
ul#subnav li.current a:visited
{
    padding-top:                3px;
    padding-bottom:             4px;
    background-image:           none;
    border-style:               solid;
    border-width:               1px;
    border-color:               #b8001a;
}


ul#subnav li a:hover,
ul#subnav li a:active
{
    color:                      #ffffff;
    background-color:           #b8001a;
}

div.infobox
{
    border-left-style:          solid;
    border-left-width:          1px;
    border-left-color:          #dddbdc;
    border-right-style:         solid;
    border-right-width:         1px;
    border-right-color:         #dddbdc;
    border-bottom-style:        solid;
    border-bottom-width:        1px;
    border-bottom-color:        #dddbdc;
}

div.infobox h3
{
    margin-left:                1px;
    margin-right:               1px;
    margin-top:                 0px;
    margin-bottom:              0px;
    padding-left:               15px;
    padding-right:              12px;
    padding-top:                2px;
    padding-bottom:             2px;
    color:                      #555354;
    background-color:           #dddbdc;
    font-size:                  10px;
    font-weight:                normal;
}

div.infobox p
{
    margin-top:                 10px;
    margin-bottom:              10px;
    padding-left:               15px;
    padding-right:              15px;
    padding-top:                0px;
    padding-bottom:             0px;
    color:                      #777;
    font-size:                  10px;
    line-height:                130%;
}

div.infobox p strong
{
    color:                      #888888;
    font-size:                  12px;
    font-weight:                bold;
}

div.infobox p a:link,
div.infobox p a:visited
{
    color:                      #777;
    text-decoration:            underline;
}

div.infobox p a:hover,
div.infobox p a:active
{
    color:                      #b8001a;
    text-decoration:            underline;
}

div#content
{
    float:                      left;
    width:                      470px;
    margin-left:                65px;
    margin-top:                 25px;
    margin-bottom:              25px;
    line-height:                140%;
}

div#content p
{
    margin-top:                 0px;
    margin-bottom:              15px;
}

div#content ul
{
    margin:                     0px;
	padding-left:               0px;
	padding-right:              0px;
	padding-top:                10px;
	padding-bottom:             0px;
	list-style:           		none;
    
}

div#content ul li
{
    margin-left:                0px;
	padding-left:               15px;
	padding-bottom:             10px;
	background:           		transparent url('../img/bullet.gif') 0 3px no-repeat;
	float: left;
	display: block;
	width: 454px;
}

div#content ul li ul 
{
    margin:                0px;
	padding-left:               0px;
	padding-bottom:             0px;
	width: 454px;
	xborder: 1px solid red;
	float: left;
	
}
div#content ul li ul li
{
	margin-left:0;
	padding:  2px 2px 4px 8px;
	width: 212px;
	float: left;
	background:           none;
	background-color: #f6f6f6;
}
div#content ul li ul li sub
{
	text-indent: 1000px;
	padding-left: 12px;
	background:           		transparent url('../img/ok-haken_grey.gif') 0 -1px no-repeat;
}

div#content ul li ul li a
{
	font-weight: bold;
	margin-top: 10px;
	padding-left: 14px;
	background: transparent url('../img/cta-red.gif') 0 3px no-repeat;
	display: block;
	text-decoration: none;
	color: #B8001A;
}

div#content ul li ul li a.small
{
	padding: 0;
	color: #555555;
	font-weight: normal;
	background: none;
	margin:0;
	display: inline;
}

div#content ul li ul li a.small:hover,
div#content ul li ul li a.small:active
{
	text-decoration: underline;
}

div#content ul li ul li:first-child {
	width: 170px;
}

div#content ul li ul li:last-child {
	width: 260px;
	background-color: #eeeded;
	margin-bottom: 6px;
}



div.textblock
{
    clear:                      both;
    float:                      left;
    width:                      100%;
    margin-bottom:              10px;
}

div.textblock h3
{
    margin-top:                 0px;
    margin-bottom:              10px;
	font-size:                  14px;
}

div.textblock strong.textblock_subline
{
    display:                    block;
    margin-top:                 0px;
    margin-bottom:              10px;
}

div.textblock img,
div.textblock object
{
    margin-left:                0px;
    margin-right:               5px;
margin-right:4px;
    margin-top:                 15px;
    margin-bottom:              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.tipcontainer
{
    position:                   relative;
}

div.tip
{
    visibility:                 hidden;
    position:                   absolute;
    left:                       0px;
    top:                        0px;
    padding:                    5px;
    border:                     1px solid #f6c859;
    background-color:           #ffffff;
    font-size:                  11px;
}

/*
img.img_left
{
float:left;
padding-right:18px;
}
*/

div#footer
{
    clear:                      left;
height:19px;
    margin-left:                -1px;
    margin-right:               3px;
padding-top:3px;
padding-right:7px;
    background-color:           #b3b3b3;
    background-image:           url('../img/mainnav_deco.gif');
    background-repeat:          repeat-y;
    background-position:        left top;
text-align:right;
}

div#footer hr
{
    display:                    none;
}

div#footer a:link,
div#footer a:visited
{
    color:                      #555555;
    text-decoration:            underline;
}

div#footer a:hover,
div#footer a:active
{
    color:                      #b8001a;
    text-decoration:            underline;
}

/******************************************************************************
* Reiter-Gruppen (c) cliclab
******************************************************************************/

div#content0 {
	display:                    block;
	float:                      left;
	width:                      520px;
}
a#contenttab0 {
	background-image:	url(../img/tab1.gif);
	font-weight:                bold;
    padding-bottom:             2px;
         color:white;
}

div#content1 {
	display:none;
	float:left;
	width:520px;
}
div#content2 {
	display:none;
	float:left;
	width:520px;
}
div#content3 {
	display:none;
	float:left;
	width:520px;
}
div#content4 {
	display:none;
	float:left;
	width:520px;
}
div#content5 {
	display:none;
	float:left;
	width:520px;
}
div#content6 {
	display:none;
	float:left;
	width:520px;
}
div.contenttabs {
	background-image:url(../img/tabbg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height: 24px;
	margin-bottom:10px;
	margin-right:2px;
	margin-top:0;
	padding-right:10px;
    line-height: 1.4em;
}

div.contenttabs a#contenttab3 {
    clear: both;
}

div.contenttabs h2 {
	display:inline;
}
a.tab, a.tab:link, a.tab:visited, a.tab:active, a.tab:hover {
	background-image:url(../img/tab2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#606060;
	display:block;
	float:left;
	height: 18px;
	padding-top:2px;
	text-align:center;
	text-decoration:none;
	width:140px;

}

a.tabsel, a.tabsel:link, a.tabsel:visited, a.tabsel:active, a.tabsel:hover {
	background-image:url(../img/tab1.gif);
	font-weight:bold;
     color:white;
}