#page-wrap 
	{ 
	width: 479px;
	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 */
	
	}

/* 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:  #faebd7;	/*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;
	}

/* 2 Columns Settings */

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

.rightmenu .colleft 

	{
	right: 0;			/* right column width */
	background: #faebd7;		/* 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: #faebd7;		/* right column background colour */
	}
	
	.doublepage .colleft 
	{
	right: 0;			/* right column width */
	background: #7193B8;		/* 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:  #7193B8;			/* right column background colour */
	}

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

.blogstyle .colleft 
	{
	right: 0%;				/* width of the middle column */
	background:  #faebd7;			/* 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: #7193B8;		/* right column background colour */
	}
.leftmenu .colleft 
	{
	right: 0;			/* right column width */
	background: #faebd7;	/* 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: #faebd7;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
	}

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

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

/* 1 Settings für Redaktionssystem*/

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

/* Layout der Galerie */

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

.onecol_galerie_einzel
	{
	background: #330000;  /*  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_narrow.jpg");
	background-color: orange;
	height: 150px;
	backround-size: 100%;
	}