/***************************************************************************/
/* Allgemeine Eigenschften
/***************************************************************************/

body
{
  font-family: Arial, Tahoma, Verdana, Helvetica;
  font-size: 14px;
  color: #3A403C;
  margin: 0px;
  background-image: url(../pictures/background.jpg);
  background-repeat: repeat-x;
  background-color: #E4E6DB;
}

a, a:visited
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

a:active, a:hover
{
	text-decoration: none;
}

img
{
	border: 0px none;
}

h3
{
	font-size: 14px;
	color: #DD0024;
}

.left
{
	float: left;
}

.clear
{
	clear: both;
}

#main-wrapper
{
	width: 974px;
	margin: 0px auto;
	position: relative;
}

#header
{
	width: 952px;
	height: 82px;
	margin: 0px auto;
	background-color: #ffffff;
	position: relative;
}

#logo
{
	position: absolute;
	bottom: -20px;
}

#menu-bar
{
	width: 952px;
	height: 42px;
	margin: 0px auto;
	background: url(../pictures/menu-bg.jpg) repeat-x;
	background-color: #ffffff;	
}

#menu-bar div
{
	float: left;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	margin-top: 17px;
	margin-left: 80px;
}

#menu-bar ul
{
	list-style: none;
}

#menu-bar li
{
	float: right;
	width: 140px; 
	padding: 0px; 
	line-height: 48px; 
	background: none;
}

#menu-bar li a
{
	text-decoration: none; 
	font-size: 14px;
	font-weight: bold;
	display: block; 
	padding-top: 2px;
	text-align: center; 
	color: #ffffff; 
}

#menu-bar li a:hover
{
	background: url(../pictures/menu-active.png) top left no-repeat; 
}

#menu-bar .active
{
	background:url(../pictures/menu-active.png) top left no-repeat;
}

#content-wrapper
{
	width: 952px;
	margin: 0px auto;
	background-color: #ffffff;
	min-height: 700px;
}

#form-box
{
	background:url(../pictures/home-form-box-left.jpg) no-repeat;
	width: 317px;
	height: 573px;
	position: absolute;
	right: 11px;
	top: 150px;
	padding: 15px 0px 0px 20px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

#form-box h2
{
	font-size: 22px;
	margin-bottom: 0px;
	color: #3A403C;
}

#form-box h2 span
{
	color: #F8C303;
}

#form-box p
{
	margin-bottom: 10px;
}

#form-box input
{
	width: 302px;
	border: 1px solid #FAA3B4;
	background-color: #ffffff;
	margin-top: 4px;
}

#kit-vorname, #kit-nachname
{
	width: 145px !important;
}

#kit-vorname
{
	margin-right: 10px;
}

#kit-plz
{
	width: 90px !important;
	margin-right: 10px;
	text-align: center;
}

#kit-ort
{
	width: 200px !important;
}

#kit-agb
{
	border: 0px none;
	width: 10px !important;
	margin-right: 10px;
	margin-left: 30px;
}

#kit-agb-text
{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 280px;
	padding-top: 3px;
}

#kit-button
{
	width: 302px;
	height: 70px;
	margin-top: 20px;
}

#form-box-border
{
	background:url(../pictures/home-form-box-right.jpg) no-repeat;
	width: 11px;
	height: 588px;
	position: absolute;
	right: 0px;
	top: 150px;
}

#top-box
{
	width: 521px;
	height: 375px;
	background: url(../pictures/home-box-bg.jpg) repeat-y;
	padding: 27px 380px 0px 50px;
}

#bottom-box
{
	width: 521px;
	padding: 0px 380px 0px 50px;
}

#top-box h3, #bottom-box h3
{
	margin-top: 0px;
	margin-bottom: 15px;
}

#top-box h4, #bottom-box h4
{
	margin-bottom: 7px;
}

#top-box p, #bottom-box p
{
	margin-top: 2px;
}

.home-pic
{
	width: 150px;
	font-size: 15px;
	font-weight: bold;
	float: left;
	padding-top: 145px;
}

#home-pic1
{
	background: url(../pictures/home-pic-01.jpg) no-repeat;
	margin-right: 35px;
}

#home-pic2
{
	background: url(../pictures/home-pic-02.jpg) no-repeat;
	margin-right: 35px;
}

#home-pic3
{
	background: url(../pictures/home-pic-03.jpg) no-repeat;
}

.home-content-box
{
	width: 416px;
	height: 155px;
	margin-left: 40px;
	margin-top: 5px;
	padding: 35px 105px 0 25px;
}

.home-content-box h3
{
	margin-top: 0px;
}

#home-content-box1
{
	background: url(../pictures/home-zufriedenheit-box.jpg) no-repeat;
}

#home-content-box2
{
	background: url(../pictures/home-wirsind-box.jpg) no-repeat;
	margin-top: 20px;
}

#home-content-box3
{
	width: 222px;
	height: 191px;
	margin-right: 15px;
	padding: 23px 70px 0 25px;
	background: url(../pictures/home-besserepreise-box.jpg) no-repeat;
}

#home-content-box3 h3
{
	margin-top: 0px;
}

#home-content-box4
{
	width: 222px;
	height: 191px;
	margin-top: 25px;
	margin-right: 15px;
	padding: 23px 70px 0 25px;
	background: url(../pictures/home-unicef-box.jpg) no-repeat;
}

#home-content-box4 h3
{
	margin-top: 0px;
}

#footer-line
{
	width: 890px;
	background-color: #CCCCCC;
	height: 2px;
	margin-top: 30px;
	margin-left: 40px;
}

#footer-links
{
	text-align: center;
	padding-bottom: 5px;
}

#footer-links a
{
	font-weight: normal;
}

#copyright
{
	text-align: center;
	margin-top: 8px;
	padding-bottom: 20px;
	font-size: 11px;
}

.form-label
{
	font-weight: bold;
	font-size: 12px;
}

#auftragsnummer, #postleitzahl
{
	width: 110px;
	text-align: center;
}

#check-status
{
	font-size: 12px;
	width: 115px;
	padding-bottom: 2px;
}

.preload
{
	width: 0px;
	height: 0px;
	display:none;
}

#status_msg
{
	width: 460px;
	background: url(../pictures/msg_note.gif) no-repeat;
	background-position: 8px 8px;
	background-color: #FFEBBA;
	padding: 8px;
	padding-left: 30px;
	margin-top: 40px;
	font-weight: bold;
	color: #C49259;
	border: 1px solid #E3A967;
}

#status_msg p
{
	color: #585858;
	margin-bottom: 8px;
}

#filialen
{
	margin-top: 25px;
	height: 220px;
}

#filialen p
{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 25px;
}