#page-wrap 
	{ width: 310px; 
	margin-top: 5px; 
	}

/* von hier alles in eine Spalte */

.colmask 
	{
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: none;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	}

/* common column settings */
.colright,
.colmid,
.colleft 
	{
	float: none;
	width: 100%;			/* width of page */
	position: relative;
	}

.col1,
.col2,
.col3 
	{
	float: none;
	position: relative;
	padding: 0 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: none;		
	}

.threecol .colmid {
	right: 0;			/* width of the right column */
	background: none;		
	}

.threecol .colleft 
	{
	right: 0;			/* width of the middle column */
	background:  #f7f7f7;	/*Hintergrundfarbe für die eine Spalte */
	}

.threecol .col1 
	{
	width: 90%;			/* width of center column content (column width minus padding on either side) */
	left: 5%;			/* 100% plus left padding of center column */
	}

.threecol .col2 
	{
	width: 90%;			/* Width of left column content (column width minus padding on either side) */
	left: 5%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

.threecol .col3 
	{
	width: 90%;			/* Width of right column content (column width minus padding on either side) */
	left: 5%;			/* 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) */
	}

.threecol img 
	{
	margin-top: 1.5em;
	}
	
.col1 p,
.col1 h1, 
.col1 h2,
.col1 h3,
.col1 h4,
.col1 li
	{
	color: #3d1f00;
	}
	
.col2 p,
.col2 h1, 
.col2 h2,
.col2 h3,
.col2 h4,
.col2 li
	{
	color: #3d1f00;
	}
	
.col3 p,
.col3 h1, 
.col3 h2,
.col3 h3,
.col3 h4,
.col3 li
	{
	color: #3d1f00;
	}

	

/* 2 Columns Settings */

.rightmenu 
	{
	background: #f6ffff		/* right column background colour */
	}

.rightmenu .colleft 

	{
	right: 0;			/* right column width */
	background: #f7f7f7;		/* left column background colour */
	}
.rightmenu .col1 

	{
	width: 90%;			/* left column content width (left column width minus left and right padding) */
	left: 5%;			/* (right column width) plus (left column left padding) */
	}

.rightmenu .col2
	{
	width: 90%;			/* right column content width (right column width minus left and right padding) */
	left: 5%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}



/* 2 Column (equal width) settings */

	.doublepage 
	{
	background: #f6ffff;		/* right column background colour */
	}
	
	.doublepage .colleft 
	{
	right: 0;			/* right column width */
	background: #f6ffff;		/* left column background colour */
	}
	
	.doublepage .col1 
	{
	width: 90%;			/* left column content width (column width minus left and right padding) */
	left: 5%;			/* right column width plus left column left padding */
	}
	
	.doublepage .col2 
	{
	width: 90%;			/* right column content width (column width minus left and right padding) */
	left: 5%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
    }

/* 3 Column blog style settings */

.blogstyle 
	{
	background:  #f6ffff;			/* right column background colour */
	}

.blogstyle .colmid
	{
	right: 0;				/* width of the right column */
	background:  #f7f7f7;		/* center column background colour */
	}

.blogstyle .colleft 
	{
	right: 0%;				/* width of the middle column */
	background:  #f6ffff;			/* left column background colour */
	}

.blogstyle .col1 
	{
	width: 90%;				/* width of center column content (column width minus padding on either side) */
	left: 5%;				/* 100% plus left padding of center column */
	}

.blogstyle .col2 
	{
	width: 90%;				/* Width of left column content (column width minus padding on either side) */
	left: 5%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

.blogstyle .col3 
	{
	width: 90%;				/* Width of right column content (column width minus padding on either side) */
	left: 5%;				/* 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) */
	}

/* 2 Column (left menu) settings */

.leftmenu 
	{
	background: #f6ffff;		/* right column background colour */
	}
.leftmenu .colleft 
	{
	right: 0;			/* right column width */
	background: #f6ffff;	/* left column background colour */
	}
.leftmenu .col1 
	{
	width: 90%;			/* right column content width */
	left: 5%;			/* 100% plus left column left padding */
	}
.leftmenu .col2 
	{
	width: 90%;			/* left column content width (column width minus left and right padding) */
	left: 5%;			/* (right column left and right padding) plus (left column left padding) */
	}

/* 1 Column Settings mit einrücken von P */

.onecol
	{
	background: #f7f7f7;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
	}

/* 1 Column Settings ohne einrücken von P*/

.onecol_noident
	{
	background: #f7f7f7;  /*  column background colour */
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 0%;
	padding-bottom: 30px;
	}

/* 1 Settings für Redaktionssystem*/

.onecol_rs
	{
	background: #f7f7f7;  /*  column background colour */
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
	}

/* Layout der Galerie */

.onecol_galerie
	{
	background: #000000;  /*  galerie background colour */
	padding-top: 30px;
	padding-left: 10%;
	padding-right: 5%;
	padding-bottom: 30px;
	margin: 0;
	}

.onecol_galerie_einzel
	{
	background: #000000;  /*  galerie background colour */
	padding-top: 25px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
	}

IMG.weiter
	{
	margin: 0px;
	border: none;
	width: auto;
	padding: 0px;
	width: 40px;
	}

/* Topbild*/

div.topbild
	{
	background-image: url("../images/top-bild_very-narrow.jpg");
	background-color: transparent;
	height: 170px;
	backround-size: 100%;
	}

/* Bild halb abweichend 100%*/

img.halb
	{
	width: 100%;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-right: 1em;
	float: left;
	}


#nav a.level1
	{
	margin-top: 10px;
	}

#nav a 
	{
	margin-top:10
	5px;
	}

#nav, 
#nav li 
	{
	margin-top: 10px;
	}