/* <!-- */
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1 {
		margin: 1.4em 0 .2em 0;
		padding:0;
		font-size:15px;
		clear: both;
		color: #336699;
		/* text-decoration: underline 1px solid #336699; */
	}
	h2 {
		margin: 8em 0 .2em 0;
		padding:0;
		font-size:14px;
	}
	h3 {
		margin: 8em 0 .2em 0;
		padding:0;
		font-size: 13px;
		}
	
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		font-size: 12px;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #336699;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:20px 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #336699;
		text-align: center;
	}
	#footer p {
		margin-top: 5px;
		margin-bottom: 5px;
		padding:10px;
		margin:0;
		font-size:10px;
	}
	
	/* Die Einstellungen für das Menü auf der linken Seite */
	
	a.menu

{

     display: block;

     padding-left:10px;

     padding-bottom:4px;

     padding-top:5px;

     margin-bottom:10px;

     margin-right:25px;

     width: 200px;

    /* background-color: transparent; */

     border:1px solid #336699;
     
     text-decoration: none;
  
    
}

.menu a:link

{
    background-color: #transparent;
    
    color: #000000;

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

.menu a:visited

{
    background-color: #transparent;

    color: #000000;

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

.menu a:hover

{
    background-color: #transparent;

    color: #ffffff;

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


/* Eine Klasse extra für den aktiven Link. Zeigt an auf welcher Seite man sich befindet */
/* active ist eine Klasse, die dem jeweiligen Link zugewiesen wird. Die Auszeichnung erfolgt hier nur fuer die Klasse */

.active 

{
    display: block;
     
    /* margin-right:50px;*/

    background-color:#336699;

    color: #ffffff !important;

    font-weight:bold;
    
	 padding-left:10px;

     padding-bottom:4px;

     padding-top:5px;

     margin-bottom:10px;

     margin-right:25px;

     width: 200px;

     border:1px solid #336699;
     
     text-decoration: none;
}

/* Menue zweite Ebene */

a.menu1-level2-no {
					
display: block;

     padding-left:20px;

     padding-bottom:4px;

     padding-top:5px;

     margin-bottom:5px;

     margin-right:25px;

     width: 190px;

     border:1px solid #336699;
     
     text-decoration: none;

	}
.menu1-level2-no a:link

{
    background-color: #transparent;
    
    color: #000000;

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

.menu1-level2-no a:visited

{
    background-color: #transparent;

    color: #000000;

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

.menu1-level2-no a:hover

{
    background-color: #transparent;

    color: #ffffff;

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


/* Eine Klasse extra für den aktiven Link. Zeigt an auf welcher Seite man sich befindet */
/* active ist eine Klasse, die dem jeweiligen Link zugewiesen wird. Die Auszeichnung erfolgt hier nur fuer die Klasse */

.menu1-level2-act 

{
    display: block;
     
    /* margin-right:50px;*/

    background-color:#336699;

    color: #ffffff !important;

    font-weight:bold;
    
	 padding-left:20px;

     padding-bottom:4px;

     padding-top:5px;

     margin-bottom:5px;

     margin-right:25px;

     width: 190px;

     border:1px solid #336699;
     
     text-decoration: none;
}
	/* --> */
	</style>