/*

Im Groben haben wir 3 Bereiche:

Den Titel, Menu links und den Datenbereich
im Titel ist nur die Grafik, das Menu ist farbig hinterlegt
und der Datenbereich hat einen definierten Abstand von
dem Menu

*/

/* body normal */
body {
	margin: 0px; 
	padding: 0px;
	background-color: #fff;
}

#pictures {
    position:relative;
    width: 780px;
    height: 600px;
    padding-left:20px;
}

#header {
	position: relative;
	width: 800px;
	height: 100px;
	margin-left: 10px;
	background-image: url(../images/gartenidee.gif);
	background-repeat: no-repeat;
}

/* Menu ist links und hat eine feste Breite*/
#menu {
	position: absolute; 
	width: 183px;
	height: 100%;
	/*background-color:#ffd1b2;*/
	background-color:#ffd59e;
	padding-top: 27px;
	padding-left: 15px;
	margin-left: 10px;
	/* we dont need this
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	font-color: #b10e3a;
	font-size: 12pt;
	font-style: bold;
	*/
}

/* Links im Menu haben eine andere Farbe */
#menu a:link {
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	color: #b10e3a;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}
#menu a:visited {
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	color: #b10e3a;
        font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}

#menu a:hover {
	font-family: Verdana, Arial, Helvetiva, sans-serif;
        color: #fff;
        font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}
#menu a:active {
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	color: #b10e3a;
        font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}

#main {
	position: relative;
	padding-top: 35px;
	left: 315px;
	width: 440px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetiva, sans-serif;
        font-size: 12pt;
}
/* right column for starting page  */
#right {
    position: absolute;
    padding-top: 35px;
    left: 770px;
    width: 150px;
}

/* Ueberschrift in main soll rot sein */

.headline {
	color:  #b10e3a;
}

#main a:link {}
#main a:visited {}
#main a:hover {}
#main a:active {}

/* Hoehe einer Tabellenzelle */
td {
	height: 60px;
}

#footer {
	position: relative;
	left: 315px;
	width: 440px;
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	padding-top: 20px;
	color: #b10e3a;
	font-size: 10pt;
	font-weight: bold;
}

a.pic:link {color: #FFFFFF; text-decoration: none; }
a.pic:visited {color:#FFFFFF; text-decoration: none;}
a.pic:hover {color: #FFFFFF; text-decoration: none; }
a.pic:active {color: #FFFFFF; text-decoration: none;}