/* alle Standardabst�nde der Browser auf 0 setzen */
	* {
		margin:0px;
		padding:0px;
	}

/* im body tag werden die Standard-Einstellungen vorgenommen */
	body {
		color:#000000;
		background-color:#ffffff;
		text-align:center; /* wenn Seite zentriert angezeigt werden soll */
		font-size:62.5%; /* damit stellen wir sicher, dass die weiteren Angaben der Schriftgröße ohne Kopfzerbrechen in em erfolgen können 12px = 1.2em */
		font-family:Arial, Helvetica, sans-serif;
		background-image:url(../uploads/layout/bg_home.jpg);
		background-repeat:repeat-x;
		padding-top:0px;
	}

	body.mceContentBody {
			text-align:left;
			background:none;
			background:#FFFFFF;
	}

/* Klasse um die floats in den Griff zu kriegen */
	.clear {
		clear:both;
		font-size:0px;   /* wegen Opera MUSS mindestens ein pixel Höhe eingegeben sein */
		line-height:0px; /* es ist noch zu prüfen, ob "alle" Browser mit einer 0 klar kommen - zur Sicherheit besser auf 1 stellen */
	}

/* globale Einstellungen für Absätze */
	p {
		margin-bottom:1em;
		line-height:1.6em;
	}

	p.einzeilig {
		line-height:1em;
	}

	p.button {
		text-align:right;
		line-height:1em;
		margin:5px 0px 5px 0px;
		padding:0px;
	}

/* Bilder immer ohne Rahmen */
	img {
		border:0px;
	}

/* globale Einstellungen f�r Links - auf die Reihenfolge achten !! */
	/* link, visited, hover, active, focus */
	a:link { text-decoration:none; color:#cc3333; }
	a:visited { text-decoration:none; color:#cc3333; }
	a:hover { text-decoration:none; color:#000000; }
	a:active { text-decoration:none; color:#000000; }
	a:focus { text-decoration:none; color:#000000; }

	a.active { color:#000000; text-decoration:none; } /* das ist unsere Standardklasse um Menüpunkte als aktiv zu kennzeichnen.
                                   !Achtung! nicht mit der Pseudoklasse :active verwechseln !Achtung!
								   Da diese Angabe für alle Menüs gleichermaßen gelten soll setzen wir sie hier */

/* die Einzüge bei ul und ol werden von den Browsern sehr unterschiedlich behandelt
   wenn man eine einheitliche Darstellung erreichen möchte, müssen teilweise spezifische
   Angaben gemacht werden. */
	ul {
		margin-left:16px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox:  margin-left:14px; */
		/* opera:    margin-left:12px; */
		line-height:1.6em;
		margin-bottom:10px;
	}

	ol {
		margin-left:24px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox, opera, safari: margin-left:20px; */
		line-height:1.6em;
		margin-bottom:10px;
	}

/* die �berschriften */
		h1, h2, h3, h4, h5, h6 {
		text-align:left;
	}
		
	h1 {
		font-size:1.7em;
		color:#cc3333;
		margin-bottom:8px;
		text-transform:uppercase;
		font-weight:bold;
	}

	h2 {
		font-size:1.2em;
		color:#cc3333;
		margin-bottom:5px;
		line-height:1.4em;
		text-transform:uppercase;
		font-weight:bold;
	}

	h3 {
		font-size:2.1em;
		color:#000000;
		margin-bottom:5px;
		font-weight:bold;
		padding-top:5px;
	}

	h4 {
		
	}

/* allgemeine Angaben zu Tabellenzellen */
	td {
		padding:3px;
	}

	td p {
		padding:0px;
		margin:0px;
	}

/* im wrapper werden die Einstellungen für den Inhaltsbereich vorgenommen */
	#wrapper {
		text-align:left;   /* wenn body zentriert ist, dann muss f�r den IE hier wieder auf left geschaltet werden */
		padding-top:22px;
		margin-left:auto;  /* Angabe zur Zentrierung des Wrappers */
		margin-right:auto; /* Angabe zur Zentrierung des Wrappers */
		margin-bottom:22px;
		
		width:913px;
		font-size:1.1em; /* so stellen wir sicher, dass in allen Tags im wrapper diese Schriftgröße gilt - 
							ausgenommen natürlich die h1, h2 usw. */
		position:relative; /* damit bestimmte Elemente absolut positioniert werden können */

		background-image:url(../uploads/layout/logo_idee_werbehaus.png);
		background-position:right top;
		background-repeat:no-repeat;
	}

	#innerWrapper {
		
	}

/* Einstellungen für den Header */
	#header {
		margin-bottom:3px;
		width:760px;
	}

/* das obere Men� */
	#header .menu {
		padding:0px 0px 0px 152px;
		font-weight:bold;
		margin:0px;
		font-size:0.8em;
		background-image:url(../uploads/layout/background/bg_header.gif);
	}

	#header .menu ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}

	#header .menu ul li {
		display:block;
		padding:2px;
		background-color:#f3ae01;
		float:left;
		margin-right:2px;
	}

	#header .menu ul li.active {
		background:none;
		padding:0px;
		border:2px solid #f3ae01;
	}

	#header .menu ul li.empty {
		width:82px;
		height:31px;
		margin-right:2px;
	}

	#header .menu ul li a {
		display:block;
		color:#cc3333;
		text-decoration:none;
		padding:17px 2px 0px 2px;
		text-transform:uppercase;
		margin:0px;
	}

	#header .menu ul li a.active, #header .menu ul li a:hover {
		color:#ffffff;
	}

	#header .menu ul li a.active {
		background-color:#b1b1b1;
	}

/* Einstellungen für linke Spalte */
	#left {
		width:152px;
		float:left;
		position:relative;
		height:400px;
	}

/* das linke Men� */
	#left .menu {
		position:absolute;
		z-index:10;
		left:0px;
		top:10px;
		width:140px;
		text-align:right;
	}

	#left .menu ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}

	#left .menu ul li a {
		color:#ffffff;
		text-decoration:none;
		font-weight:bold;
		padding:3px 6px 3px 6px;
		display:block;
		width:62px;
		margin-left:68px;
	}

	#left .menu ul li a.active, #left .menu ul li a:hover {
		color:#f3ae01;
		border-top:2px solid #f3ae01;
		border-bottom:2px solid #f3ae01;
		border-left:3px solid #f3ae01;
		border-right:3px solid #f3ae01;
		padding:1px 5px 1px 5px;
	}

/* Einstellungen f�r rechte Spalte */
	#right {
		width:411px;
		float:left;
		height:400px;
		position:relative;
	}
	
/* Einstellungen für den content Bereich */
	#content {
		width:335px;
		float:left;
		background-color:#f3ae01;
		padding:10px 0px 0px 0px;
	}

	#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content div, #content table {
		padding:0px 10px 0px 10px;
	}

	#content p img {
		margin-left:-10px;
	}

	#content hr {
		clear:both;
		color:#ffffff;
		background-color:#ffffff;
		height:3px;
		margin:5px 0px 5px 0px;
		padding:0px;
		border:0px;
		width:335px;
	}

	#content h1 hr, #content h2 hr, #content h3 hr, #content h4 hr, #content h5 hr, #content h6 hr {
		margin-left:-10px;
	}

	#content h3 hr {
		margin-bottom:12px;
		margin-top:10px;
	}

/* Einstellungen für den footer Bereich */
	#footer {
		font-size:1em;
		margin-top:10px;
	}

	#footer .left {
		width:300px;
		float:left;
	}

	#footer .right {
		width:600px;
		float:left;
		text-align:right;
	}

/* Einstellungen für Formular */
	form {
		padding:10px;
	}

	form br {
		clear:both;
	}

	form label {
		font-weight:bold;
		float:left;
		width:80px;
	}

	form label span, form p span {
		color:red;
	}

	form input, form textarea {
		font-size:1.1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	form input:focus, form textarea:focus {
		background-color:#FFFFEE;
	}

	form textarea, form input {
		width:220px;
		margin-bottom:10px;
		float:left;
		font-size:0.9em;
		padding:2px;
	}

	form .send {
		margin-left:70px;
	}

	form .send input {
		width:auto;
		padding:0px 15px 0px 5px;
		font-size:0.8em;
	}

	form textarea.nachricht {
		height:150px;
	}

	form .noBorder {
		border:0px;
	}

/* error und succes layer des Kontaktformulars */
	#error {
		color:#ff0000;
		font-weight:bold;
		margin-bottom:20px;
	}

	#success {
		color:green;
		font-weight:bold;
		margin-bottom:20px;
	}

	#error ul {
		margin-left:0px;
	}

/* Platzierung der Buttons */
div.buttonFullservice, div.buttonInternet, div.buttonBroschuere, div.buttonFlyer, div.buttonBriefboegen  {
     position:absolute;
     z-index:40;
}

div a.button {
     display:block;
     width:85px;
     height:85px;
     text-decoration:none;
     background-repeat:no-repeat;
}

div a.button:hover {
	background:none;
}

div.buttonFullservice {
     top:230px;
     left:5px;
}

div.buttonInternet {
     top:104px;
     left:50px;
}

div.buttonBriefboegen {
     top:55px;
     left:94px;
}

div.buttonFlyer {
     top:213px;
     left:321px;
}

div.buttonBroschuere {
     top:94px;
     left:297px;
}

div.buttonFullservice a {
    background-image:url(../uploads/layout/buttons_fuer_baum/button_fullservice.png);
}

div.buttonFullservice a:hover {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_fullservice_info.png);
}

div.buttonInternet a {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_internet.png);
     width:82px;
	 height:82px;
}

div.buttonInternet a:hover {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_internet_info.png);
}

div.buttonBriefboegen a {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_briefboegen.png);
     width:84px;
	 height:84px;
}

div.buttonBriefboegen a:hover {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_briefboegen_info.png);
}

div.buttonFlyer a {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_flyer.png);
     width:83px;
	 height:83px;
}

div.buttonFlyer a:hover {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_flyer_info.png);
}

div.buttonBroschuere a {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_broschuere.png);
     width:85px;
	 height:84px;
}

div.buttonBroschuere a:hover {
     background-image:url(../uploads/layout/buttons_fuer_baum/button_broschuere_info.png);
}

/* Linien */
#linie_1, #linie_11, #linie_2, #linie_3, #linie_4, #linie_5, #linie_6, #linie_7 {
	display:none;
	z-index:20;
	position:absolute;
	top:0px;
	left:0px;
}

#linie_11 {
	top:52px;
}