body {background: url(bilder/bg.png) repeat-x #efeeed; font-family: "Trebuchet MS", Arial, Helvetica, "sans serif"; font-size: 11px; text-align: center; margin: 0; color: #6b4e15;}

a, a:active, a:visited {color: #1b1401; font-weight: bold; text-decoration: none;}
a:hover {color: #6b4e15; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-size: 16px; font-weight: bold; color: #1b1401; margin: 0px 0px 5px 0px;}
p {margin: 0;}

textarea {background: url(bilder/inputBg.png) repeat-x #f4eac9; border: 1px solid #6c562b; width: 370px; height: 60px; margin: 0px; font-size: 11px; color: #1b1401;}


#wrapper {width: 750px; margin: auto;}

/* Header und Logo */

#header {position: relative; top: 0px; left: 0px; background: url(bilder/header.png); width: 750px; height: 196px;}
#header_greet {position: relative; top: 0px; left: 0px; background: url(bilder/header_greet.png); width: 750px; height: 196px;}
#logo {position: absolute; top: 118px; left: 390px; width: 220px; height: 40px;}

/* Main */

#main {background: url(bilder/mainBg.png) repeat-y center; position: relative; top: -31px; left: 0px; width: 750px; text-align: center;}

/* Content */

#content {background: url(bilder/contentBg.png) no-repeat bottom; position: relative; top: 0px; left: 0px; width: 482px; float: left; text-align: left; margin: 0px; padding: 0px 134px 95px 134px;}
#minheight {position: relative; float: left; height: 50px; width: 2px;}
#contentBox {position: relative; float: left; width: 480px;}

/* Content Klassen */
.clear {position: relative; clear: both; height: 0px;}
.wunschForm {width: 400px; margin: 8px 40px;}
.wunschForm label {display: block; width: 186px; float: left; font-weight: bold; padding: 3px 0px 0px 0px; color: #1b1401;}
.wunschForm input {background: url(bilder/inputBg.png) repeat-x #f4eac9; border: 1px solid #6c562b; width: 206px; height: 15px; margin: 2px; font-size: 11px; color: #1b1401;}
.wunschForm textarea {font-family: "Trebuchet MS", Arial, Helvetica, "sans serif"; background: url(bilder/inputBg.png) repeat-x #f4eac9; border: 1px solid #6c562b; width: 385px; height: 200px; margin: 0px; font-size: 11px; padding: 5px; color: #1b1401;}

.wunschForm2 {display: block; height: 200px; width: 400px; margin: 0px; padding:0px;}
.wunschForm2 label {display: block; width: 130px; float: left; font-weight: bold; padding: 3px 0px 0px 0px; color: #1b1401;}
.wunschForm2 input {background: url(bilder/inputBg.png) repeat-x #f4eac9; border: 1px solid #6c562b; width: 240px; height: 15px; margin: 2px; font-size: 11px; color: #1b1401;}
.wunschForm2 textarea {font-family: "Trebuchet MS", Arial, Helvetica, "sans serif"; font-size: 11px; background: url(bilder/inputBg.png) repeat-x #f4eac9; border: 1px solid #6c562b; width: 240px; height: 120px; margin: 2px; font-size: 11px; color: #1b1401;}


.ausgabeinput {
	width: 400px;
         height: 45px;
         padding: 20px 0px 0px 0px;
         margin: 0px;
         text-align: center;
         font-family: 'Trebuchet MS', Arial, Verdana;
         font-weight: bold;
         font-size: 16px;
         color: #6b4e15;
         background-color: #fbf8ed;
         border: 1px solid #6b4e15;
}


/* Rollover Buttons */
a.buttonStartSend, a:visited.buttonStartSend {background: url(bilder/text_abschicken.png); display: block; width: 278px; height: 133px; margin: 0px 101px;}
a:hover.buttonStartSend {background: url(bilder/text_abschickenOver.png);}
a.buttonSend, a:visited.buttonSend {background: url(bilder/buttonSend.png); float: left; display: block; width: 182px; height: 33px; margin: 0px;}
a:hover.buttonSend {background: url(bilder/buttonSendOver.png);}
a.buttonReset, a:visited.buttonReset {background: url(bilder/buttonReset.png); float: left; display: block; width: 125px; height: 33px; margin: 0px;}
a:hover.buttonReset {background: url(bilder/buttonResetOver.png);}

/* Rollover vorladen */
#hide {position: absolute; top: -100px; left: -100px; width: 50px; height: 50px;}

#footer {position: relative; top: -31px; left: 0px; background: url(bilder/footer.png) no-repeat top; width: 750px; height: 24px; clear: both; font-size: 10px; padding: 6px 0px 0px 0px; color: #6b4e15;}
#footer a, #footer a:hover, #footer a:visited {color: #6b4e15; font-size: 10px; text-decoration: none;}

#werbebox {position: relative; top: -31px; background: url(bilder/werbeBox.png); width: 474px; height: 110px; margin: auto; padding: 6px 0px 0px 7px; text-align: left;}

.re_mail{display:none;}


@media projection, screen {

	.toggler {
	   	margin:15px 0px 10px 25px;
		cursor:pointer;
		text-decoration: none;
		font-weight:bold;
		line-height:30px;
		display: block;
                 width:400px;
	}
	.toggler-closed {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #fbf8ed url('bilder/togglerc.gif') center right no-repeat;
		border: solid 1px #6b4e15;
	}
	.toggler-closed:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #fbf8ed url('bilder/togglerch.gif') center right no-repeat;
		border: solid 1px #6b4e15;
	}
	.toggler-opened {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #fbf8ed url('bilder/togglero.gif') center right no-repeat;
		border: solid 1px #6b4e15;
	}
	.toggler-opened:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #fbf8ed url('bilder/toggleroh.gif') center right no-repeat;
		border: solid 1px #6b4e15;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   	background:#fbf8ed;
	   	border:solid 1px #6b4e15;
	   	margin:-11px 0px 10px 25px;
	   	padding:20px;
                 display: block;
                 width:380px;
	}
	.toggler-c-opened {
		margin:-11px 0px 10px 25px;
	   	padding:20px;
	   	background:#fbf8ed;
	   	border:solid 1px #6b4e15;
                 display: block;
                 width:380px;
	}

}

@media print {

	.toggler-c { margin-bottom:10px; }
	.toggler { display: none; }

}