/******************************************************************************
*   basic gewerbepark kehl
*   css/styles.css
*   (c) 2008 e.sens.e gmbh
*   
*   Tags
*   Allgemeine Klassen
*   Wrapper
*   Header
*   Top Navigation
*   Body
*   Left Navigation
*   Pane - Left, Center, Right
*   Content
*   Footer
*   Page Border
* 
******************************************************************************/

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

* {margin: 0; padding: 0;}

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

img {
    border:                     none;
}





h3
{
    clear:                      both;
    float:                      left;
    width:						100%;
    height:                     auto;
    color:                      #1b4567;
    font-size:                  1.5em;
    line-height:                1.5em;
    margin-bottom:              14px;

}




a,
a:active,
a:link,
a:visited {
	text-decoration:none;
    color:                      #1b4567;
}

a:hover{
    text-decoration:            underline;
}

ul {
    list-style-type:            none;
}

li {
    float:                      left;
    width:                      auto;
    text-align:                 left;
}

/******************************************************************************
* 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
******************************************************************************/
.current1 {
    /*background:                 url(../img/bgBullet1Current.gif) no-repeat left 18px;*/ 
    background:                 url(../img/bgBullet2Current.gif) no-repeat left 18px;    
}

.current2 {
    background:                 url(../img/bgBullet2.gif) no-repeat left 8px;
}

.bullet1 {
    background:                 url(../img/bgBullet1.gif) no-repeat left 18px;
}



/******************************************************************************
* Wrapper
******************************************************************************/
div#main
{
    width:                      966px;
    margin:                     0 auto;
} 

div#pageBorder{
    float:                      left;
    width:                      962px;
    height:                     auto;
    background:                 url(../img/bgPage.gif) no-repeat left top;
}
div#page{
    float:                      left;
    width:                      937px;
    height:                     auto;
    background:                 url(../img/bgPageBottom.jpg) no-repeat left bottom;
    padding-bottom:             10px;
    margin:                     0px 0px 0px 12px;
}

/******************************************************************************
* Header
******************************************************************************/
div#header
{
    float:                      left;
    width:                      932px;
    height:                     45px;
    margin:                     0px 0px 0px 0px;
    background-color:           #d6dee4;
}

div#logo {
    clear:                      both;
    float:                      left;
    width:                      185px;
    height:                     207px;
    background-color:           #d6dee4;
}

div#teaserImage {
    float:                      left;
    width:                      743px;
    height:                     207px;
    background-color:           #d6dee4;
}

.leftPaneBorder {
    border-left:                3px solid #ffffff !important;    
    border-bottom:              3px solid #ffffff !important;
}

.rightPaneBorder {
    border-left:                3px solid #ffffff !important;
    border-right:               3px solid #ffffff !important;
    border-bottom:              3px solid #ffffff !important;    
}

.borderBottom {
    border-bottom:              3px solid #ffffff !important;        
}

/******************************************************************************
* Top Navigation
******************************************************************************/
ul#headNav
{
    float:			            right;
    width:			            745px;
    height:                     45px;
    list-style-type:		    none;
    background-color:           #1b4567;
    border-right:               0px;
    margin-right:               -3px;
	font-family:				Arial Bold, sans-serif;
	letter-spacing: 0.1em;
}

ul#headNav li {
    float:                      right;
    padding:                    28px 0px 0px 0px;
    color:                      #ffffff;
}

ul#headNav li a{
    float:			            left;
    width:			            auto;
    padding:                    0px 5px 0px 5px;
    font-size:                  1.0em;
    line-height:                1.1em;
    color:			            #ffffff;
    text-decoration:		    none;

}

ul#headNav li a:hover{
    text-decoration:		    underline;
}

/******************************************************************************
* Body
******************************************************************************/
div#body {
    clear:                      both;
    float:                      left;
    width:                      938px;
    height:                     auto;
    margin-top:                 15px;
}

/******************************************************************************
* Left Navigation
******************************************************************************/
ul#leftNav
{
    float:			            left;
    width:			            168px;
    height:                     auto;
    margin-left:                20px;
    margin-top:                 -2px;
}

ul#leftNav li {
    clear:                      both;
    float:                      left;
    width:                      100%;
    padding:                    15px 0px 0px 15px;
    font-size:                  1.0em;
    line-height:                1.1em;
    font-weight:                bold;
    color:			            #1b4567;
}

ul#leftNav li a,
ul#leftNav li a:active,
ul#leftNav li a:link,
ul#leftNav li a:visited
{
    float:			            left;
    width:			            auto;
    padding:                    0px 2px 0px 2px;
    font-size:                  1.1em;
    line-height:                1.1em;
    font-weight:                bold;
    color:			            #1b4567;
    text-decoration:		    none;
}

ul#leftNav li a:hover{
    color:			            #6d889e;
}

ul#leftNav li a.current,
ul#leftNav li a.current:active,
ul#leftNav li a.current:link,
ul#leftNav li a.current:visited {
   	color: 						#dda61a;
}

ul#leftNav li ul {
    float:                      left;
    width:                      150px;
    height:                     auto;
    padding:                    5px 0px 0px 4px;    
}

ul#leftNav li ul li {
    float:                      left;
    width:                      165px;
    height:                     auto;
    padding:                    4px 0px 4px 8px;
    font-size:					1.0em;
}

ul#leftNav li ul li a,
ul#leftNav li ul li a:active,
ul#leftNav li ul li a:link,
ul#leftNav li ul li a:visited {
    font-size:                  1em;
    color:			            #6d889e;
}

ul#leftNav li ul li a:hover {
    color:			            #1b4567;   
}

ul#leftNav li ul li.current2 a,
ul#leftNav li ul li.current2 a:active,
ul#leftNav li ul li.current2 a:link,
ul#leftNav li ul li.current2 a:visited {
    color:                      #dda61a;  
}

/******************************************************************************
* Content
******************************************************************************/
div#content{

    float:                      left;
    width:                      736px;
    height:                     100%;
    background:                 url(../img/bgContent.gif) no-repeat left top;
    
}


/******************************************************************************
* Pane - Left, Center, Right
******************************************************************************/
div#centerPane {
    float:                      left;
    width:                      504px;
    height:                     auto;
    padding-left:               30px;
	margin-bottom:				16px;
}

div#centerPane ul {

	margin:						15px 0px 15px;
    float:                      left;
    width:                      551px;
    height:                     auto;
    margin-bottom:              15px;
}
div#centerPane ul li{
    clear:                      left;
    float:                      left;    
    height:                     auto;
    width:                      500px;    
    padding:                    2px 0px 2px 14px;
    font-size:                  1.1em;
    line-height:                1.1em;
    font-weight:                normal;
    background:                 url(../img/bgBullet3.gif)  no-repeat left 7px;    
}

div#rightPane {
	margin-top:					8px;
    float:                      right;
    width:                      170px;
    height:                     auto;
}


div#rightPane p {

    clear:                      both;
    width:                      170px;
    height:                     auto;
    padding:                    2px 0px 24px;
	font-size:					1.0em;
	line-height:				1.3em;
	color:						#454545;
	
}


div#rightPane a,
div#rightPane a:link,
div#rightPane a:active,
div#rightPane a:visited

{
	text-decoration:			none;
    float:                      left;
    width:                      100%;
    height:                     auto;
    font-weight:                bold;
    padding:                    2px 0px 5px;
}    



div#rightPane a:hover

{
	text-decoration:			underline;
}    







/******************************************************************************
* Footer
******************************************************************************/
div#footer {
    clear:                      both;
    float:                      left;
    width:                      966px;
    height:                     auto;
    text-align:                 center;
    color:                      #1b4567;
    padding:                    10px 0px;
}
div#footer a,
div#footer a:active,
div#footer a:link,
div#footer a:visited
{
    font-size:                  1em;
    line-height:                1.1em;                 
}






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



div.textblock
{
	margin-top:					10px;
	margin-bottom:				10px;
    clear:                      both;
    float:                      left;
    width:                      100%;
	font-size:                  1.1em;
    line-height:                1.4em;
}


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 strong.textblock_subline

{
	display:                    block;
    font-style:                 italic;
    margin-bottom:              10px;
}