/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

/**
* CSS für VILLA MAGDALENA K. angepasst
*/


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #fff;
	background-position: 600 250;
	background-repeat:no-repeat;
}

body.section-1 {
	background-color:#00BFE1;
	background-position:600 250;
	background-repeat:no-repeat;
}

body.section-2 {
	background-color:#00BFE1;
	background-position:600 250;
	background-repeat:no-repeat;
}

body.section-3 {
	background-color:#00BFE1;
	background-position:600 250;
	background-repeat:no-repeat;
}

body.section-4 {
	background-color:#00BFE1;
	background-position:600 250;
	background-repeat:no-repeat;
}

body.section-5 {
	background-color:#00BFE1;
	background-position:600 250;
	background-repeat:no-repeat;
}

body.section-6 {
	background-color:#00BFE1;
	background-position:600 250;
	background-repeat:no-repeat;
}

body.section-7 {
	background-color:#00BFE1;
	background-position: 600 250;
	background-repeat:no-repeat;
}

a:link { 							/* */
	text-decoration: none;
	color: #000000;
	background-color:#4DFFFD;		/* #fb4b12 = orange; #ff0099 = pink; #4dfffd; */
 }

a:active { 							/* */
	text-decoration: none;
	/*background-color:#fb4b12;*/
	}
	
a:visited { 						/* */
	text-decoration: none; color: #000000;
	/*background-color: #CCCCCC;*/
	}
		
a:hover { 							/* */
	text-decoration: none;
	background-color:#FFE400;}

a img { border: none; }



/* NAVIGATION */

#menu {								/* */
	width: 260px;
	height: auto;
	overflow: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 10;
	background-color: #fff;
	margin-left: 55px;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title {			/* Bereich */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#menu ul a:link {
	text-decoration: none;
	color: #000000;
	background-color:#4dfffd;		/* #fb4b12 = orange; #ff0099 = pink; #4dfffd; */
}

#menu ul a:active { 							/* */
	text-decoration: none;
	background-color:#4dfffd;
}

#menu ul a:visited {
	text-decoration: none;
	color: #000000;
	background-color: #4dfffd;
}

#menu ul a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFE400;
}



#content {							/* */
    height: 100%;
    margin: 0 0 0 300px;
    top: 0;
}

.container {						/* */
    padding: 262px 5px 25px 15px;
	width:500px;					/* breite content */
}

.containerM {						/* Logo über Menu */
    padding: 10px 5px 10px 15px;
}

#content p { 						/* */
	width: 480px; 
	padding: 10px;
	background-color:#FFFFFF;}

p {
    margin: 0 0 0px 0;
}

.startseite { 						/* neu hinzugefügt */
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FF0099;
	/*margin-bottom:10px;/
	/*padding: 5px;*/
}

h1 { 								/* */
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	padding: 5px;
}

h2 { 								/* Headline Content weisser Hintergrund */
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	width:480px;
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding: 10px;
}

h3 { font-size: 16px; font-family:Arial, Helvetica, sans-serif; }	/* */
h4 { font-size: 12px; font-family:Arial, Helvetica, sans-serif; }	/* */

#img-container { width:580px; margin: 0; padding-top: 10px; }
#img-container p { width: 480px; margin: 0; padding: 5px; }			/* */


#once { clear: left; }