﻿*{
margin:0;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
color:#036;
}

body {
background-color:#fff;
text-align:justify;
padding-bottom:50px;
background-image: url(bg.png);
background-repeat:repeat-y;
margin-left:5%;
margin-right:10px;
background-position:79%;
}

/*  top */

#top {
height:300px;
padding-top:10px;
margin-bottom:1.5em;
margin-right:25%;
background-image: url(logo.png);
background-repeat:no-repeat;
background-position:0px 10px;
text-align:right;
}

#top h1{
font-weight:bold;
font-size:25px;
color:#abb;
padding-top:5px;
text-align:right;
}

#impressum {
font-size:0.8em;
position:relative;
top:185px;
}

#impressum img{
position:relative;
top:3px;
padding:0px 0.5em;
}

/* #top menu */

#top a{
color:#a01;
letter-spacing:0px;
font-weight:normal;
text-decoration:none;
}

#top a:active{
color:#a01;
letter-spacing:0px;
font-weight:normal;
}

#top a:visited{
color:#a01;
letter-spacing:0px;
font-weight:normal;
text-decoration:none;
}

#top a:active{
color:#a01;
letter-spacing:0px;
font-weight:normal;
text-decoration:none;
}

#top a:hover{
color:#036;
letter-spacing:0px;
font-weight:normal;
text-decoration:underline;
}

/*---------- #menu------------*/

#menu{
width:20%;
float:right;
text-align:left;
margin-bottom:50px;
padding-left:10px;
padding-top:10px;
font-size:0.9em;
}

#menu div {
margin-left:1.5em;
}

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

#menu li{
	margin:0;
	padding:0;
	line-height:1em;
	margin-bottom:0.5em;
	list-style-type:none;
}


#menu h4{
	font-weight:normal;
	text-align:left;
	font-size:1em;
	padding:0.25em 0;
	margin:0.25em 0;
	border-top:1px solid #cdd;
	border-bottom:1px solid #cdd;
	margin-top:0.5em;
}


#menu h5{
	font-weight:normal;
	text-align:left;
	font-size:1em;
	padding:0.25em 0;
	margin:0.25em 0;
}

/* #menu menu */

#menu a{

padding:0.25em 0em 0.25em 0em;
color:#a01;
text-decoration:none;
font-weight:normal;
font-size:0.9em;

}

#menu a:visited{

padding:0.25em 0em 0.25em 0em;
color:#a01;
text-decoration:none;
font-weight:normal;
font-size:0.9em;

}

#menu a:hover{
color: #036;
font-weight:normal;
text-decoration:underline;
font-size:0.9em;
}

/* content */

#content {
margin-top:10px;
margin-right:25%;
background-color:#fff;
line-height:1.5em;
font-size:0.9em;
}

/* #content a */

#content a{
color:#a01;
font-weight:normal;
text-decoration:none;
}

#content a:visited{
color:#a01;

font-weight:normal;
text-decoration:none;
}

#content a:active{
color:#a01;
font-weight:normal;
text-decoration:none;
}

#content a:hover{
color:#036;
text-decoration:underline;
}

/* footer */

#footer {
text-align:right;
font-size:0.9em;
}

/* headlienes */

h1 {
font-size:1.75em;
font-weight: bold;
color:#2b4671;
margin-bottom:1em;
text-align:left;
}

h2 {
font-size:1.3em;
font-weight: bold;
color:#2b4671;
margin-top:0.8em;
margin-bottom:0.4em;
text-align:left;
}

h3 {
font-weight: bold;
color:#2b4671;
margin-top:0.8em;
margin-bottom:0.4em;
text-align:left;
font-size:1.1em;
}

h4 {
font-weight: bold;
color:#2b4671;
margin-top:0.8em;
margin-bottom:0.4em;
text-align:left;
font-size:0.9em;
}

h1 span.sub{
color:inherit;
font-size:0.7em;
display:block;
padding-left:0.95em;
padding-top: 0.5ex;
}

h2 span.sub{
color:inherit;
font-size:0.7em;
display:block;
padding-left:0.95em;
padding-top: 0.5ex;
}

#content p {margin-bottom:0.75em;}

/* lists */

#content ol {
padding:0em;
margin:0em 0em 0.5em 0.5em;
}

#content ul{
color:#024;
padding:0em;
margin:0.5em 0em 0.5em 1em;
list-style-type: square;
}

#content li{
color:#024;
margin:0em;
padding:0em;
padding-left:0.5em;
margin-left:1em;
}

/* tables */

table{ margin-bottom:0.75em;
border:1px solid #cdd;
background-color:#bcc;
}

th{
font-weight:bold;
font-size:0.9em;
line-height: 1.25em;
padding: 0.25em 0.5em;
background-color:#fff;
}

td{
padding: 0.25em 0.5em;
background-color:#fff;
}


/* styles */

em {
font-weight:bold;
font-style:inherit;
font-size:1.0em;
}


img{
border:none;
}

img.expand{
width:100%;
position:relative;
top:-1px;
padding-bottom:1px;
}


img.right {
float:right;
margin: 5px 0px 15px 15px;
}

a.link{
white-space:nowrap;
font-size:0.9em;
}

/* generics */

.quote{
	margin: 0em 2.5em 0.5em 1.5em; 
	line-height:1.25em;
}

.note{
	margin: 0em 2.5em 0.5em 1.5em; 
	line-height:1.25em;
}

.extra{
background-color: #f0f3f6; 
line-height:1.25em;
padding:0.15em 1em 0.25em 1em;
margin:1em 0em;
text-align:justify
}

.bg{
padding: 0.75em 0.75em 0em 0.75em;
}

.frame{
padding: 0.75em 0.75em 0em 0.75em;
}

.quote{ font-style:italic;}

.frame { border: 1px solid #cdd;}

.bl {
margin: 0.5em 0;
}

.br {
margin: 0.5em 0;
}

.bb {
margin: 0.5em 0;
}

.bt {
margin: 0.5em 0;
}

.bt{border-top:1px solid #ccd;}
.bb{border-bottom:1px solid #ccd;}
.br{border-right:1px solid #ccd;}
.bl{border-left:1px solid #ccd;}

.bg{background-color: #f0f3f6; }


.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.tj {text-align:justify;}

.fl { float:left; }
.fr { float:right; }

.cl { clear: left; }
.cr { clear:right; }
.cb { clear:both; }

.bold {
font-weight:bold;
}

.normal {
font-weight:normal;
}

.small {font-size:0.9em}
small {font-size:0.9em}

.big {font-size:1.2em; line-height:1em;}
big {font-size:1.2em; line-height:1em;}

.nb {
white-space:nowrap;
}

hr{
   color:#fff;
   width:8px;
   height:8px;
   margin-left:50%;
   background-color:#369;
   margin-bottom:1.5em;
}

/* display */

.inline{
display:inline;
}
.block{
display:block;
}




