a:focus { outline: none; }

html {
	height: 100%;
}

body {
	background:url(../images/background_site.png);
	background-repeat:repeat-x;
	background-color:#004a7f;
	font-family:Arial;
	font-size:12px;
	height: 100%;
	/* overflow-x:hidden; */
}

#mainBody {
	position:absolute;
	top:0px;
	width:1008px;
	left:50%;
	margin-left:-504px;
	background:url(../images/bgOver.png);
	min-height: 100%;
}

#head-navi {
	background-image:url(../images/head_navi.png);
	float:left;
	left:0px;
	top:0px;
	width:1008px;
	height:38px;
}

#head-navi a {
	text-decoration:none;
	font-weight:bold;
	color:#2482b9;
}

#head-navi a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#da4400;
}

#logo {
	float:left;
	left:0px;
	top:38px;
	width:521px;
	height:133px;
}

#navi-spacer-top {
	float:left;
	left:521px;
	top:38px;
	width:487px;
	height:32px;
}

#navi-neue {
	float:left;
	left:521px;
	top:70px;
	width:138px;
	height:44px;
	background:url(../images/navi_neue_hover.png);
}

#navi-neue:hover {
	background:url(../images/navi_neue.png);
}

#navi-beste {
	float:left;
	left:659px;
	top:70px;
	width:124px;
	height:44px;
	background:url(../images/navi_beste_hover.png);
}

#navi-beste:hover {
	background:url(../images/navi_beste.png);
}

#navi-zufall {
	float:left;
	left:783px;
	top:70px;
	width:124px;
	height:44px;
	background:url(../images/navi_zufall_hover.png);
}

#navi-zufall:hover {
	background:url(../images/navi_zufall.png);
}

#navi-faq {
	float:left;
	left:907px;
	top:70px;
	width:101px;
	height:44px;
	background:url(../images/navi_faq_hover.png);
}

#navi-faq:hover {
	background:url(../images/navi_faq.png);
}

#navi-spacer-bottom {
	float:left;
	left:521px;
	top:114px;
	width:487px;
	height:57px;
}

#navi-left {
	float:left;
	left:0px;
	top:171px;
	width:215px;
	height:718px;
	padding-top:16px;
	background:url(../images/navi_left.png) no-repeat;
}

.navTitle {
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#5d7594;
	margin-left:55px;
	height:40px;
	text-shadow: 1px 1px white, -1px -1px #8e8e8e;
}

.naviPkt {
	margin-left:32px;
	width:183px;
	height:36px;
	vertical-align:middle;
	line-height:36px;
	background:url(../images/navi_pkt.png);
}

.naviPkt a {
	padding-left:30px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.naviPkt a:hover {
	color:#ACCAEF;
}

#navi-site {
	background:url(../images/navi_site.png);
	float:left;
	left:215px;
	top:171px;
	width:793px;
	height:41px;
	z-index:999;
	color:#a4b2c4;
}

#spenden {
	float:left;
	text-align:center;
	left:0px;
	top:15px;
	color:#000;
	font-weight:bold;
	border:1px solid;
	border-color:#ff0000;
	width:500px;
	font-size:12px;
	letter-spacing:1px;
}

#content {
	float:left;
	left:0px;
	top:212px;
	width:529px;
	color:#898989;
	min-height:500px;
	background:#fff;
}

#content h1 {
	color:#5d7594;
	font-size:20px;
	font-weight:bold;
	padding-left:10px;
}

.error {
	font-weight:bold;
	font-size:14px;
	color:#bf4242;
}

.success {
	font-weight:bold;
	font-size:14px;
	color:#80a719;
}

.smssoap {
	background:url(../images/smsBG.png) no-repeat;
	width:500px;
	height:145px;
	margin:10px auto 0px auto;
	padding-left:10px;
	padding-top:10px;
}

.smssoap span {
	color:#a0a0a0;
	line-height:10px;
}

.smssoap strong {
	color:#5d7594;
	font-weight:bold;
	font-size:16px;
}

.detailSoap {
	color:#da4300;
	text-decoration:none;
}

.smssoap pre {
	white-space:pre-wrap;      /* CSS3 */
	white-space:-moz-pre-wrap; /* Gecko */
	white-space:-pre-wrap;     /* Opera 4-6 */
	white-space:-o-pre-wrap;   /* Opera 7+ */
	word-wrap:break-word;      /* IE 5.5+ */
	width: 460px;
	color:#898989;
	padding:5px;
	height:65px;
	font-family:Arial;
	font-size:12px;
}

#sidebar-suche {
	position:absolute;
	left:744px;
	top:212px;
	width:264px;
	height:92px;
	z-index:999;
	background:url(../images/sidebar_suche.png);
}

#sidebar-suche input {
	position:relative;
	border:0px;
	top:24px;
	left:10px;
	font-size:12px;
	color:#a0a0a0;
	width:155px;
}

#sidebar-suche .searchsubmit {
	position:absolute;
	left:181px;
	top:25px;
	background:url(../images/spacer.png) no-repeat;
	height:22px;
	width:26px;
}

#sidebar-suche .searchsubmit:hover {
	background:url(../images/suche_hover.png) no-repeat;
}

#sidebar-free {
	position:absolute;
	left:744px;
	top:304px;
	width:264px;
	height:585px;
	z-index:999;
	background:url(../images/sidebar_free.png);
}

#sidebar-free h1 {
	color:#5d7594;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}

#sidebar-free .info {
	float:left;
	font-size:10px;
	width:210px;
	border:none;
}

#smsform {
	float:left;
	height:260px;
	width:240px;
	background:url(../images/smsform.png) no-repeat;
}

#smsform form {
	color:#00501f;
	left:20px;
	top:10px;
	padding-left:12px;
	padding-top:10px;
}

#smsform form input {
	background:url(../images/sms_input.png);
	background-color:transparent;
	background-repeat:no-repeat;
	text-align: left;
	padding-left:5px;
	font-size:12px;
	color:#a0a0a0;
	height:27px;
	width:195px;
	border:0px;
}

#smsform form select {
	background:url(../images/sms_input.png);
	background-color:#fff;
	background-repeat:no-repeat;
	text-align: left;
	padding-left:5px;
	font-size:12px;
	color:#a0a0a0;
	height:27px;
	padding-top:1px;
	width:194px;
	border:0px;
}

#smsform form textarea {
	background:url(../images/sms_text.png);
	background-color:transparent;
	background-repeat:no-repeat;
	padding-left:5px;
	padding-top:5px;
	height:125px;
	width:195px;
	border:0px;
	overflow:hidden;
	font-size:12px;
	color:#a0a0a0;
}

#smsform .smssubmit {
	background:url(../images/sms_senden.png);
	background-color:transparent;
	background-repeat:no-repeat;
	height:35px;
	width:209px;
	border:0px;
}

#smsform .smssubmit:hover {
	background:url(../images/sms_senden_hover.png);
	background-color:transparent;
	background-repeat:no-repeat;
	height:35px;
	width:209px;
	border:0px;
	cursor:pointer;
}


#bgOver {
	float:left;
	left:0px;
	top:889px;
	width:1008px;
	height:96px;
}

#bottom {
	background:url(../images/bottom.png) no-repeat;
	float:left;
	text-align:center;
	left:0px;
	top:985px;
	width:1008px;
	height:118px;
}

#bottom #bottomText {
	margin-top:50px;
	color:#a0a0a0;
}

#bottom #bottomText a {
	color:#2482b9;
	text-decoration:none;
}

#container {
	position:relative;
	height:30px;
}

#container > * {
	position:absolute;
	height:30px;
	left:0;
	top:0;
	z-index: 1;
	overflow:hidden;
}

.loader {
	float:left;
	display:none;
	padding-left:20px;
	background:url(../images/loader_more.gif) no-repeat;
	no-repeat center left;
	margin-top:-4px;
}

.activeSite {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#2482b9;
	text-decoration:none;
}

.headTitle {
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:#2482b9;
}

#soaploading {
	display:none;
	float:left;
	left:0px;
	top:212px;
	width:529px;
	height:500px;
	text-align:center;
}

#moreloading {
	display:block;
	float:left;
	left:0px;
	top:0px;
	margin-top:-20px;
	width:529px;
	text-align:center;
	height:65px;
	z-index:999;
}

#showmore {
	background:url(../images/moreSoaps.png) no-repeat;
	width:500px;
	height:35px;
	float:left;
	margin-left:10px;
	cursor:pointer;
	z-index:999;
}

#showmore:hover {
	background:url(../images/moreSoaps_hover.png) no-repeat;
}

div.plain  {
	background-color: #d34400;
	text-align: left;
	width:480px;
	color:#fff;
}

.tel1 {
	float:left;
	background:#d7e9f7;
	border-top:1px solid #f5fafb;
	border-bottom:1px solid #f5fafb;
}

.tel1:hover {
	background:#d2e792;
}

.tel1 div {
	float:left;
	padding-left:5px;
	line-height:24px;
}

.tel2 {
	float:left;
	background:#f5fafb;
	border-top:1px solid #d7e9f7;
	border-bottom:1px solid #d7e9f7;
}

.tel2:hover {
	background:#d2e792;
}

.tel2 div {
	float:left;
	padding-left:5px;
	line-height:24px;
}

.faq-answer
{
	display:none;
}

#faq a
{
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#2482b9;
	text-decoration:none;
	line-height:35px;
}

.twitter {
	float:left;
	height:24px;
	width:24px;
	padding-right:5px;
	background:url(../images/twitter.png) no-repeat;
}

.twitter:hover {
	background:url(../images/twitter_hover.png) no-repeat;;
}

.facebook {
	float:left;
	height:24px;
	width:24px;
	background:url(../images/facebook.png) no-repeat;;
}

.facebook:hover {
	background:url(../images/facebook_hover.png) no-repeat;;
}


.slideshow { height: 600px; width: 162px; margin: auto; overflow:hidden; }
.slideshow img {  border: 0px; background-color: transparent; overflow:hidden; }