/*
    Dr-Mavi.de

    css/styles.css              2007-12-14  (c) e.sens.e GmbH
*/


.br{border: 1px dotted red !important;}

* {margin: 0; padding: 0;}

body
{
    margin:                 0em;
    color:                  #414141;
    background-color:       #ffffff;
    font-family:            sans-serif;
    font-size:              11px;
    text-align:             left;
    background:             url(../img/bg_blue.jpg) repeat-x left top;
    font-family:		    Arial, Verdana, Helvetica, sans-serif;
}

img
{
    border-style:           none;
}

p
{
    clear:                  both;
    float:                  left;
    padding:                0px;
    font-size:              1.2em;
    padding:                10px 0px;
}

a,
a:link,
a:visited
{
    color:                  #114785;
    text-decoration:        none;
}

a:hover,
a:active
{
    text-decoration:        underline;
}

h1
{
    float:                  left;
    margin:                 1em 0em 1em 1em;
    font-size: 			    2em;
    color:			        #114785;
    font-weight: 		    normal;    
}
h2
{
    float:                  right;
    margin:                 0em 0em 0em 0em;
    font-size: 			    1.7em;
    color:			        #114785;
    font-weight: 		    normal;    
}
h3
{
    font-size: 			    1.7em;
    padding-bottom: 		0.5em;
    padding-left:           0.5em;
    color:			        #114785;
    border-bottom:          1px solid #dbdbdb;
    font-weight: 		    bold; 
}
h5{
    font-size: 			    1.2em;
    font-variant:           small-caps;
    padding: 		        8px 5px 5px 10px;
    color:			        #114785;
    font-weight: 		    bold;     
}

div#page
{
    width:                  955px;
    margin-left:            auto;
    margin-right:           auto;
    margin-top:             0px;
    margin-bottom:          0px;
}

div#header
{
    clear:                  right;
    width:                  955px;
    height:                 292px;
}

div#topLink {
    float:                  left;
    width:                  auto;
    height:                 20px;            
    margin:                 10px 0px 0px 10px; 
    font-size:              1.2em; 
    line-height:            1.2em;
}

#topLeft
{
    float:                  left;
    width:                  508px;
    height:                 292px;
    background:             url(../img/bgPageHeadLeftXL.png) no-repeat top left;
}

#topLeft h1
{
    float:                  left;
    width:                  100%;
    height:                 auto;
    font-size:              2.7em;
    font-family:            Verdana, Arial, Helevetica, sans-serif;
    margin:                 34px 0px 0px 60px;
}

#topLeft img {
    margin-top:             25px;
    margin-left:            6px;
    border-top:             1px solid white;
}

#topRight
{
    float:                  left;
    width:                  446px;
    height:                 292px;
    background:             url(../img/bgPageHeadRightXL.png) no-repeat top right;
}

#tagCloud
{
    float:                  left;
    width:                  446px;
    height:                 184px;
    padding:                135px 0px 0px 0px;
    margin-right:           10px;
    font-family:            Verdana, Arial, Helevetica, sans-serif;
    text-align:             center;
}

#tagCloud a,
#tagCloud a:active,
#tagCloud a:link,
#tagCloud a:visited
{
    margin-right:           0.5em;
    font-weight:            bold;
}

#tagCloud a:hover
{
    color:                  #000000;
    text-decoration:        none;
}

#tagCloud a.firstRow
{
    margin-right:           100px;    
}

#tagCloud a.h4
{
    font-size: 			    1.7em;
    line-height:            2em;
}
#tagCloud a.h5
{
    font-size: 			    1.5em;
    line-height:            2em;
}
#tagCloud a.h6
{
    font-size: 			    1.3em;
    line-height:            2em;
}
#tagCloud a.h7
{
    font-size: 			    1.2em;
    line-height:            2em;
}

ul#topNav
{
    float:			        right;
    margin:                 1em 1em 1em 0em;
    width:			        auto;
    list-style-type:		none;
    background:             url(../img/bg_navSepTop.gif) no-repeat top right;
}

ul#topNav li a,
ul#topNav li a:active,
ul#topNav li a:link,
ul#topNav li a:visited
{
    float:			        left;
    width:			        auto;
    padding:                0em 0.5em 0em 0.5em;
    color:			        #6c6c6c;
    font-size:              1.2em;
    text-decoration:        none;
}

ul#topNav li a:hover
{
    color:                  #000000;
}

div#main
{
    float:                  left;
    width:                  955px;
    height:                 auto;
    padding:                0em;
}

div#pageContent
{
    float:                  left;
    width:                  955px;
    height:                 auto;
    padding:                10px 10px 0px 10px;
    margin:                 0px;
    background:             url(../img/bgPageBodyFix.png) repeat-y top left;
}

div#bgInside
{
    float:                  left;
    width:                  940px;
    height:                 100%;
    margin-left:            -5px;
    margin-top:             10px;
    margin-left:            -3px;
    background:             url(../img/bgBody.jpg) repeat-x left top;
}

div#pageFoot{
    float:                  left;
    width:                  955px;
    height:                 auto;
    margin:                 0px;
    padding:                0px;
}

div#pageFootLeft{
    clear:                  both;
    float:                  left;
    width:                  37px;
    height:                 17px;
    background:             url(../img/bgPageFootLeft.png) no-repeat left top;
    margin-bottom:          0px;
    margin-left:            -1px;
}
div#pageFootRight{
    float:                  left;
    width:                  918px;
    height:                 17px;
    background:             url(../img/bgPageFootRight.png) no-repeat right top;
    margin-bottom:          0px;
}

div#leftPane{
    float:                  left;
    width:                  211px;
    margin:                 1em 0em 1em 0.5em;
}

.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;
} 

ul#nav
{
    float:                      left;
    width:                      211px;
    margin:                     0px;
    padding:                    0px;
    list-style-type:            none;
}

ul#nav li
{
    float:                      left;
    margin:                     0px;
    margin-top:                 5px;
    padding:                    0px;
}

ul#nav li.first
{
    margin-top:                 0px;
}

ul#nav li.has_children
{
    background:                 url('../img/bgNavMainL2.jpg') repeat-x left top;
}

ul#nav li a:link,
ul#nav li a:visited
{
    display:                    block;
    float:                      left;
    width:                      191px;
    height:                     25px;
    padding-left:               20px;
    padding-top:                15px;
    background:                 url('../img/bgNavMainL1.jpg') no-repeat left top;
    color:                      #114785;
    font-size:                  1.7em;
    font-weight:                bold;
    text-decoration:            none;
}

ul#nav li a:hover,
ul#nav li a:active
{
    background:                 url('../img/bgNavMainL1Over.jpg') no-repeat left top;
    text-decoration:            none;
}

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:                      #b66866;
}

ul#nav li.has_children a:link,
ul#nav li.has_children a:visited,
ul#nav li.has_children a:hover,
ul#nav li.has_children a:active
{
    background:                 transparent;
}

ul#nav li ul
{
    float:                      left;
    width:                      211px;
    margin:                     0px;
    padding:                    0px;
    background:                 #f8f8f8 url('../img/bgNavMainL2Bottom.jpg') no-repeat left bottom;
    list-style-type:            none;
}

ul#nav li ul li
{
    float:                      left;
    margin:                     0px;
    padding:                    0px;
    background:                 transparent !important;
background-color:red;
}

ul#nav li ul li.last
{
/*
    background:                 url('../img/bgNavMainL2Bottom.jpg') no-repeat left bottom;
*/
}

ul#nav li ul li a:link,
ul#nav li ul li a:visited
{
/*
    width:                      181px;
*/
    height:                     25px;
/*
    padding-left:               30px;
*/
    padding-top:                10px !important;
    background:                 transparent !important;
    color:                      #979797 !important;
    font-size:                  1.2em;
}

ul#nav li ul li a:hover,
ul#nav li ul li a:active
{
    color:                      #2a2a2a !important;
}

ul#nav li ul li.current a:link,
ul#nav li ul li.current a:visited,
ul#nav li ul li.current a:hover,
ul#nav li ul li.current a:active
{
    color:                      #114785 !important;
}

ul#nav li.first a:link,
ul#nav li.first a:visited
{
    padding-top:                33px;
    background:                 url('../img/bgNavMainL0.jpg') no-repeat left top;
}

ul#nav li.first a:hover,
ul#nav li.first a:active
{
    background:                 url('../img/bgNavMainL0Over.jpg') no-repeat left top;
}

ul#nav li.first_has_children
{
    background:                 url('../img/bgNavMainL2first.jpg') no-repeat left top;
}

ul#nav li.first_has_children a:link,
ul#nav li.first_has_children a:visited,
ul#nav li.first_has_children a:hover,
ul#nav li.first_has_children a:active
{
    background:                 transparent;
}




.fullsize
{
    float:                  left;
    width:                  700px;
    height:                 auto;
    margin:                 10px 5px 10px 10px;
}

.fullsize h3
{
    float:                  left;
    width:                  100%;    
}

.fullsize ul
{
    margin:                   0px;
    padding:                  0px;
	 padding-left:					18px;
	 margin-bottom:            7px;
	 list-style:					disc;
	 width:							100%;
}

.fullsize ul li
{
	 clear:							  both;
    line-height:                1.8em;
	 padding-left:					  0px;
	 height:							  1.8em;
}

.col
{
    float:                  left;
    width:                  300px;
    height:                 auto;
    padding:                10px 20px 10px 10px;
    
}
.col img
{
    clear:                  both;
    float:                  left;
}
.contentCenter
{
    float:                  left;
    width:                  460px;
    /*margin:                   1em 0em 1em 0em;*/
    padding:                10px;
	 font-size:			    12px;
}



div#headContent{
    border:                 1px solid #ffffff;
    height:                 7em;
    background-color:       #ffffff;
}


div#rightPane
{
    float:                  right;
    width:                  212px;
    height:                 auto;
}

.bgInfoBoxTop
{
    float:                  left;
    width:                  100%;
    height:                 20px;
    margin-top:             10px;
    background:             url(../img/bgInfoBoxTop.png) no-repeat left top;
}

.bgInfoBoxBottom
{
    float:                  left;
    width:                  100%;
    height:                 auto;
    background:             url(../img/bgInfoBoxBottom.png) no-repeat left bottom;
}

.bgInfoBoxBottom p
{
    float:                  left;
    width:                  182px;
    margin:                 0px 5px 5px 10px;
}

div#footer
{
    width:                  955px;
    height:                 2.5em;
    margin-top:             10px;
    color:                  #5d5d5d;
    text-align:             center;
}

div#footer hr
{
    display:                    none;
}

div#footer a:link,
div#footer a:visited
{
    font-size:              1.1em;
    color:                  #5d5d5d;
    text-decoration:        none;
}

div#footer a:hover
{
    text-decoration:        underline;
}

.liSepTop
{
    float:                  left;
    background:             url('../img/bg_navSepTop.gif') no-repeat top left;
    height:			        1.2em;
}

.fontXS 
{
    font-size:              1.1em;
}



div.textblock
{
	 margin-top:					  10px;
	 margin-bottom:				  10px;
    clear:                      both;
    float:                      left;
    width:                      100%;
}


div.textblock ul
{
    margin:                     10px 0 0 0;
    padding:                    0;
    line-height:                22px;
    border: 0px solid black;
}

div.textblock li
{
    padding:                    0 0 0 18px;
    margin:                     0px;
    list-style-type:            none;
    background:                 transparent url('../img/li_ico.gif') no-repeat left 3px;
}

div.textblock h3
{
    display:                    block;
    margin-bottom:              10px;
	 color:							  #114785;
	 font-size:						  14px;
	 border-bottom:				  none;
	 padding-left:					  0px;
    padding-bottom:				  0px;
}



div.textblock strong.textblock_subline
{
    display:                    block;
    margin-top:                 0px;
    margin-bottom:              10px;
	 font-weight:					  bold;
}

div.textblock img,
div.textblock object
{
    margin-left:                0px;
    margin-right:               5px;
	 margin-right:					  4px;
}

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_textcol
{
    clear:                      both;
    float:                      left;
    width:                      300px;
    padding-right:              10px;
}

div.textblock_textcol_odd
{
    clear:                      none;
    padding-right:              0px;
    padding-left:               10px;
}



div.textblock_colleft
{
    clear:                      none;
    float:                      left;
    width:                      300px;
    padding-left:               0px;
}



div.textblock_colright
{
    clear:                      none;
    float:                      right;
    width:                      300px;
    padding-right:              54px;
}
