/* CSS offis-tzi.de */
html {
	margin:0px;
	padding:0px;
	}

body {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	color:#003A89;
	background-image:url(../img/background.gif);
	background-repeat:repeat-x;
	}
		
img, a img, :link img, :visited img{
border:0px;
border:none;
border-style:none;
}

/** //////////////////////// Header ////////////////// **/
#header{
position:absolute;
top:0px;
left:0px;
width:544px;
height:145px;
background-image:url(../img/header_puzzle.jpg);
background-repeat:no-repeat;
z-index:99;
}
#logo{
margin-left:57px;
margin-top:28px;
}
#signet{
position:absolute;
top:0px;
left:404px;
width:65%; /** siehe auch width von #content **/
height:125px;
background-image:url(../img/header_signet.gif);
background-repeat:no-repeat;
background-position:right;
z-index:98;
}

/** //////////////////////// Frame (um Navigation und Content) ////////////////// **/
#frame{
margin-top:145px;
margin-left:44px;
background-image:url(../img/navi_background.gif);
background-repeat:repeat-y;
}

.clear{
clear:both;
height:1px;
line-height:0px;
font-size:0px;
}
/** //////////////////////// Navigation ////////////////// **/
#navigation{
width:175px;
float:left;
background-color:transparent;
padding:100px 0px 0px 35px;
}
#navigation ul{ 
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
width:175px;
}
/** 1. Ebene **/
.nav li {
line-height:170%;
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

.nav li a, .nav li a:visited {
padding-left:4px;
text-decoration:none;
letter-spacing:1px;
font-size:90%;
display:block;
color:#003A89;

width:171px;
border-bottom:1px solid #EEEFF7;
}
.nav li a:hover {
color:#E2021A;
}

.nav li.on a, .nav li.on a:hover, .nav li.on a:visited {
border-bottom:1px solid #C7CAE6;
}
/** 2. Ebene **/
.nav li.on ul li a, .nav li.on  ul li a:visited{
padding-left:4px;
text-decoration:none;
letter-spacing:1px;
font-size:100%;
display:block;
color:#989898;

width:171px;
border-bottom:1px solid #989898;
}
.nav li.on  ul li a:hover {
color:#E2021A;
}
.nav li.on ul li.on a, .nav li.on ul li.on a:hover, .nav li.on ul li.on a:visited {
border-bottom:2px solid #989898;
}
/** 3. Ebene **/
.nav li.on ul li.on ul li a, .nav li.on ul li.on ul li a:visited{
padding-left:8px;
text-decoration:none;
letter-spacing:1px;
font-size:90%;
display:block;
color:#000;
width:167px;
border-bottom:1px solid #EEEFF7;
}
.nav li.on ul li.on ul li a:hover {
color:#E2021A;
}
.nav li.on ul li.on ul li.on a, .nav li.on ul li.on ul li.on a:hover, .nav li.on ul li.on ul li.on a:visited {
border-bottom:1px solid #E2021A;
}

/** //////////////////////// Content ////////////////// **/

#content{
width:65%;
float:left;


padding:50px 50px 40px 70px;
}
#content p{
padding-bottom:20px;
line-height:18px;
}
#content h1{
margin-left:-70px;
padding-left:70px;
padding-top:5px;
font-size:140%;
font-weight:normal;
letter-spacing:1px;
/* background-image:url(../img/h1u.gif); */
background-repeat:no-repeat;
/**border-bottom:1px solid white;**/
}
#content h2{
font-size:120%;
color:#333333;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1px;
}
#content h3{
font-size:110%;
font-weight:normal;
letter-spacing:2px;
}
#content h4{
color:#333333;
font-size:100%;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1px;
}

#content ul, #content li{
color:#333333;
}

#content a, #content a:visited{
text-decoration:underline;
color:#E2021A;
}
#content a:hover {
text-decoration:none;
color:#333333;
}

table, td, tr {
border:1px solid #EEEFF7;
}

#langMenu a{
color:#003A89;
text-decoration:none;
}

#langMenu a:hover{
font-style:italic;
}