html, body{ 
margin:0; 
padding:0; 
} 

#pagewidth{ 
width:955px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;
background: #DBDBDB url(images/bg.gif) top center repeat-y; 
} 

#header{
background: white url(images/banner.jpg) no-repeat scroll 0% 0%;
height:140px; 
background-color:#3D568F; 
width:955px;
color: #000;
text-align: right;
} 

#leftcol{
width:170px; 
float:left; 
position:relative; 
}

/*Begin menu*/

.menu {
width: 160px;
margin-top: 10px;
padding-left: 10px;
}

.menu ul {
margin: 0; 
padding: 0;
}

ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search
{
padding-left: 0;
margin-left: 0;
list-style: none;
}

li.doc
{
padding-left: 10px;
background: url(images/bullet_nav_left.gif) no-repeat 0 5px;
}

li.docs
{
padding-left: 10px;
background: url(images/bullet_nav_left.gif) no-repeat  0 5px;
}

li.sdoc
{
color: #7C7871;
padding-left: 10px;
background: url(images/bullet_nav_left.gif) no-repeat  0 5px;
}

li.sdocs
{
color: #7C7871;
padding-left: 10px;
background: url(images/bullet_nav_left.gif) no-repeat 0 5px;
}

.menulevel1,.menulevel2,.menulevel3,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu
{
font-size: 0.95em;
color: #3D568F;
font-weight: bold;
letter-spacing: 1px;
}

.menulevel2 li.doc a
{
font-size: 0.85em;
color: #7E95C8;
text-decoration: none;
}

.menulevel2 li.sdoc
{
font-size: 0.85em;
text-decoration: none;
}

.menulevel2 li.doc a:hover
{
color: #7E95C8;
text-decoration: underline;
}

.sitemaplevel2 li.doc a
{
color: #7E95C8;
text-decoration: none;
}

.sitemaplevel2 li.doc a:hover
{
color: #7E95C8;
text-decoration: underline;
}

.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel1 a:hover,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel2 a:hover,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.menulevel3 a:hover,.locator a:link,.locator a:visited,.locator a:active,.locator a:hover,.navigator a:link,.navigator a:visited,.navigator a:active,.navigator a:hover,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover
{
text-decoration:none;
}

/*End menu*/

.readmore {
background: white url(images/read_more.gif) no-repeat 0 1px;
padding-left: 20px;
}

.button {
background: white url(images/button-grau-01.gif) no-repeat 0% 0%;
display: block;
width: 90px;
height: 22px;
line-height: 1.6em;
font-weight: bold;
color: #3D568F;
font-size: 11px;
text-align: center;
text-decoration: none;
}

a {
font-weight: bold;
text-decoration: none;
color: #3D568F;
}

a:hover {
text-decoration: none;
color: #C8B27E;
}

#top {
background: white url(images/top.gif) no-repeat 0 3px;
padding-left: 16px;
float: right;
margin-bottom: 10px;
}

#twocols{
width:785px; 
float:right; 
position:relative; 
}

#rightcol{
font-family: arial, verdana, helvetica, sans-serif;
line-height: 1.4em;
margin-top: 10px;
padding-right: 10px;
width:180px; 
float:right; 
position:relative; 
}

#rightcol h5{
font-size: 0.95em;
}

#maincol{
line-height: 1.6em;
background-color: #fff;  
float: left; 
display:inline; 
position: relative; 
width:575px; 
padding: 10px;
}

a.button {
background: white url(images/button-grau-01.gif) no-repeat 0% 0%;
display: block;
width: 90px;
height: 22px;
line-height: 1.6em;
font-weight: bold;
color: #3D568F;
font-size: 11px;
text-align: center;
text-decoration: none;
}

h1 {
font-weight: bold; 
font-size: 14pt; 
color: #fff; 
text-indent: 4px;
padding: 2px 0 2px 0;
background-color: #7E95C8; 
font-family: "arial", "verdana", "helvetica", "sans-serif";
margin-top: 10px;
letter-spacing: 1px;
}

h2 {
font-weight: bold; 
font-size: 14pt; 
color: #fff; 
text-indent: 4px;
padding: 2px 0 2px 0;
background-color: #7E95C8; 
font-family: "arial", "verdana", "helvetica", "sans-serif";
margin-top: 10px;
letter-spacing: 1px;
}

h4 {
margin: 0 0 10px 0;
font-weight: bold; 
font-size: 12pt; 
color: #03377D; 
border-bottom: 1px solid #848284;
font-family: "arial", "verdana", "helvetica", "sans-serif";
letter-spacing: 1px;
}

h5 {
margin: 0;
letter-spacing: 1px;
}

hr {
height: 1px;
color: #DBDBDB;
background-color:#DBDBDB;
border: none;
}

.icon {
background-color: #3D568F;
background-image: url(images/bg_rounded.gif) no-repeat;
}

img.icon  {
margin: -2px 0;
}

br
{
clear: left;
}

#footer{
background-color:#3D568F; 
clear:both;
text-align: center;
color: #CCCCCC;
font: 0.85em/1.4em arial, verdana, helvetica, sans-serif;
padding: 10px 0;
} 

#footer a {
color: #fff;
}

/* *** Float containers fix:

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


#xsnazzy p {
font-family: Verdana;
font-size: 11px;
margin: 0 10px; 
padding-bottom:0.5em;
}

#xsnazzy {
margin-bottom: 10px;
width: 180px;
background: transparent;
}
 
.xtop, .xbottom {
display: block;
background:transparent; 
font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
display: block;
overflow:hidden;
}

.xb1, .xb2, .xb3 {
height:1px;
}

.xb2, .xb3, .xb4 {
background:#fff;
border-left:1px solid #DBDBDB; 
border-right:1px solid #DBDBDB;
}

.xb1 {
margin:0 5px; 
background:#DBDBDB;
}

.xb2 {
margin:0 3px; 
border-width:0 2px;
}

.xb3 {
margin:0 2px;
}

.xb4 {
height:2px; margin:0 1px;
}

.xboxcontent {
padding: 0 6px 0 6px;
display: block;
background:#fff; 
border:0 solid #DBDBDB; 
border-width:0 1px;
font: 0.85em/1.4em arial, verdana, helvetica, sans-serif;
}

#navcontainer {
margin-top: 0;
background-color: #fff;
text-align: right;
}

#navlist
{
margin: 0;
padding: 2px 0 2px 10px;
border-bottom: 1px solid #DBDBDB;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color:#8F4E3D;
}

#navlist a:hover
{
padding-bottom: 2px;
text-decoration: underline;
background: transparent;
}

ul#navigation
{
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #DBDBDB;
}

ul#navigation li a
{
display: block;
width: 5em;
color: #000;
padding: .2em 0;
text-align: center;
text-decoration: none;
border: 1px solid #DBDBDB;
}

ul#navigation li a:hover
{
color: #000;
background-color: #F5F4F0;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }

/* Formular */

label
{
float: left;
width: 130px;
font-weight: bold;
}

.submit
{
background: white url(images/submit_button.gif) no-repeat 0% 0%;
margin-top: 5px;
padding: 1px 0 8px 0;
width: 120px;
height: 22px;
line-height: 1.6em;
font-weight: bold;
color: #3D568F;
font-size: 11px;
text-align: center;
text-decoration: none;
border: 0px solid #fff;
}

input
{
background-image: url("images/shadeform.gif");
border: 1px solid #000;
width: 148px;
}

.radio
{
width: auto;
}

select {
width: 150px;
border: 1px solid #000;
}

div#dots {
margin: 0px 0px 0px 0px;
background: white url(images/dots.gif) repeat-x;
display: block;
}

/* Editor */

.edit a {
color: #000;
font-size: 11px;
padding: 4px;
text-decoration: underline;
font-weight: normal;
letter-spacing: 1px;
}

.edit a:hover {
color: #3D568F;
text-decoration: none;
}

table.edit {
font-size: 11px;
margin-bottom: 10px;
background: url(images/bg_edit.jpg) repeat;
border: 1px solid #000;
}

.plugins select {
width: 150px;
border: 1px solid #000;
}

.plugins {
font-size: 1em;
}