/**************

Copyright: Andrea Tiemann
Design & Source Code: Anna Straßenburg (www.akreativ.de / info@akreativ.de)

orange: #ff8d00;
orange-dark: #ff6c00;
yellow-bright: #fff199;
yellow: #ffcc33;
magentha: #ff0099;
red: #ff3300;

***************/

body {
	height:100%;
	width:100%;
	background-image: url(../img/bg-1031x780-3.png);
	background-position: top center;
	background-repeat:no-repeat;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ff0099;
	/*background-color: #c16c7d;*/
	line-height:17px;
	background-color: #ff8d00;
}
.following {background-image: url(../img/bg-following-1031x780.jpg);}

div#vorladen {
 display: none;
 }


/*div {border:1px solid #DDD;}*/
img {
	border:none;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align:middle;
}

p {text-align:center; margin-left:20px;margin-right:20px;margin-top:8px;margin-bottom:0px;padding:0px;}
a {list-style-type:none;margin:0px;padding:0px;color:#ff0099;text-decoration:underline;}
a:hover {list-style-type:none;margin:0px;padding:0px;color:#ff6c00;text-decoration:underline;}

.content {
	margin-top:250px;
	width:400px;
	height:520px;
}

.contact {
	width:300px;
	border:0px solid #DDD;
}

p.navigation {color:#fff199;}
.navigation {float:left;font-size:16px;font-weight:bold;}
.right {text-align:right;font-size:16px;font-weight:bold;}
.navigation a, .right a {font-size:16px;list-style-type:none;margin:0px;padding:0px;color:#fff199;text-decoration:none;}
.navigation a:hover, .right a:hover {font-size:16px;list-style-type:none;margin:0px;padding:0px;color:#fff199;text-decoration:underline;}

a.aktiv, a:hover.aktiv {font-size:16px;list-style-type:none;margin:0px;padding:0px;color:#ffffff;text-decoration:underline;}

p span.red {color:#ff3300; font-size:16px; font-weight:bold;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
p span.phone {color:#ff0099; font-size:16px; font-weight:bold;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;line-height:30px;}
em {color:#ff0099;font-size:12px;font-style:italic;}

p.text-right {text-align:right;}

#footer{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/bg-yellow-1x10px.png);
	background-repeat:repeat-x;
	border:none;
	position:relative; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:28px;
	color:#ff8d00;
	font-size:11px;
	text-align:center;
	line-height:26px;
}
	
#footer a {font-size:11px;list-style-type:none;margin:0px;padding:0px;font-weight:normal;color:#ff8d00;text-decoration:underline;}
#footer a:hover {font-size:11px;list-style-type:none;margin:0px;padding:0px;font-weight:normal;color:#ff0099;}

.bg-down{background-color:#fff199;width:100%; height:200px;}

button {
	font-size:12px;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	background-color:none;
	border:0px solid #CCCCCC;
	height:30px;
	width:204px;
	/*width:auto;*/
	text-align:center;
	background-repeat:repeat-x;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
}

button {color:#FFF;}
button.willkommen {background-image:url(../img/bn-204x30.png);font-weight:bold;}
button.senden {background-image:url(../img/bn-senden-204x30.png);font-weight:bold;}

button:hover {
	color:#FFF;
	font-weight:bold;
	height:30px;
	width:204px; 
	text-align:center;
	background-repeat:repeat-x;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
}
button.willkommen:hover {background-image:url(../img/bn-hover-204x30.png);font-weight:bold;}
button.senden:hover {background-image:url(../img/bn-senden-hover-204x30.png);font-weight:bold;}

button:link {text-decoration:none;}


#herzensfeuer-img, #logo-img, #subline-img, #butterfly-img, .willkommen-img, #andrea-img{
	background-repeat:no-repeat;
	border:none; 
}
#herzensfeuer-img{background-image: url(../img/herzensfeuer-210x52-2.png);width:210px;height:52px;}
#logo-img{background-image: url(../img/logo-245x222.png);width:245px;height:222px;}
#subline-img{background-image: url(../img/intro-281x186.png);width:281px;height:186px;}
#butterfly-img{/*background-image: url(../img/andrea-185x263.png);*/width:185px;height:263px;top:20px;left:20%;position:absolute;}
#andrea-img{background-image: url(../img/andrea-166x194.png);width:166px;height:194px;top:20px;left:10px;position:relative;float:left;}
#tree-img{background-image: url(../img/tree-166x194.png);width:166px;height:194px;top:20px;left:10px;position:relative;float:left;}

.willkommen-img {background-image: url(../img/willkommen-300x38.png);width:300px;height:38px;margin-top:20px;}
.kontakt-img {background-image: url(../img/kontakt-300x38.png);width:300px;height:38px;margin-top:20px;}
.impressum-img {background-image: url(../img/impressum-300x38.png);width:300px;height:38px;margin-top:20px;}

/*****KONTAKTFORMULAR******/

.contact label {display:block; float:left;}
.contact input, textarea {border:1px solid ff6c00;margin-bottom:10px; float:right;width:200px;}
.contact select {padding:0px;margin-bottom:10px;}
.contact textarea {width:294px;height:65px;}