@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "Harabara";
	src: url("../fonts/Harabara.ttf");
}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #370312;
	padding: 0 0 10px 0;
	margin: 0;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #370312;
	padding: 20px 0 15px 0;
	margin: 0;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #370312;
	padding: 10px 0 3px 0;
	margin: 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #370312;
	padding: 10px 0 3px 0;
	margin: 0;
}

p {
	padding: 0;
	margin: 5px 0 10px 0;
}

#content a:link,
#content a:visited,
#content a:hover,
#content a:active {
	color: #ac5b71;
	text-decoration: none;	
}

body {
	background: url(../images/background_header.png) center top repeat-x #e9e7e3;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#header {
	width: 930px;
	height: 183px;
	margin: 0 auto 0 auto;
}

#contentbody {
	background: #fcfaf8;
	border-bottom: 1px solid #dcdad8;
	width: 100%;
}

#content {
	width: 930px;
	font-size: 12px;
	margin: 0 auto 0 auto;
	padding: 50px 0 50px 0;
}

#logo {
	width: 300px;
	height: 96px;
	padding: 20px 0 0 0;
	float: left;
}

#navigation {
	width: 630px;
	height: 46px;
	margin: 70px 0 0 0;
	float: left;
}

.navi {
	font-size: 18px;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0 20px 0 20px;
	height: 46px;
	float: left;
}

.naviactive {
	font-size: 18px;
	color: #fff58b;
	display: block;
	text-decoration: none;
	padding: 0 20px 0 20px;
	background: url(../images/navi_active.png) no-repeat center bottom;
	height: 46px;
	float: left;
}

a.navi:hover {
	color: #fff58b;
}

#subnavigation_off {
	height: 67px;
	width: 690px;
	padding: 0;
	float: left;
}

#subnavigation {
	background: url(../images/prozess_left.png) left top no-repeat;
	height: 67px;
	width: 687px;
	padding: 0 0 0 3px;
	float: left;
}

.subnaviactive {
	height: 43px;
	width: auto;
	padding: 23px 12px 0 12px;
	color: #370312;
	text-decoration: none;
	background: #fff58b;
	border-right: 1px solid #d7d5d3;
	float: left;
}

.subnavi {
	height: 43px;
	width: auto;
	padding: 23px 12px 0 12px;
	color: #666;
	text-decoration: none;
	border-right: 1px solid #d7d5d3;
	float: left;
}


#icons {
	height: 54px;
	width: 240px;
	padding: 13px 0 0 0;
	float: left;
}

#prozess {
	width: 927px;
	height: 67px;
	padding: 0 0 0 3px;
	background: url(../images/prozess_left.png) left top no-repeat;
}

.prozess-active1 a {
	height: 34px;
	width: auto;
	color: #370212;
	font-size: 16px;
	padding: 33px 60px 0 20px;
	background: url(../images/prozess_active1.png) right top no-repeat;
	float: left;
	text-decoration: none;
	display: block;
	line-height: 0;
}

.prozess-active2 a {
	height: 34px;
	width: auto;
	color: #370212;
	font-size: 16px;
	padding: 33px 60px 0 20px;
	background: url(../images/prozess_active2.png) right top no-repeat;
	float: left;
	text-decoration: none;
	display: block;
	line-height: 0;
}

.prozess-active3 a {
	height: 34px;
	width: auto;
	color: #370212;
	font-size: 16px;
	padding: 33px 40px 0 20px;
	background: url(../images/prozess_active3.png) right top no-repeat;
	float: left;
	text-decoration: none;
	display: block;
	line-height: 0;
}

.prozess-noactive1 a {
	height: 34px;
	width: auto;
	color: #999;
	font-size: 16px;
	padding: 33px 60px 0 20px;
	background: url(../images/prozess_noactive1.png) right top no-repeat;
	float: left;
	text-decoration: none;
	display: block;
	line-height: 0;
}

.prozess-noactive2 a {
	height: 34px;
	width: auto;
	color: #999;
	font-size: 16px;
	padding: 33px 40px 0 20px;
	background: url(../images/prozess_noactive2.png) right top no-repeat;
	float: left;
	text-decoration: none;
	display: block;
	line-height: 0;
}

.prozess-noactive3 a {
	height: 34px;
	width: auto;
	color: #999;
	font-size: 16px;
	padding: 33px 60px 0 20px;
	background: url(../images/prozess_noactive3.png) right top no-repeat;
	float: left;
	text-decoration: none;
	display: block;
	line-height: 0;
}

.prozess-noactive4 a {
	height: 34px;
	width: auto;
	color: #999;
	font-size: 16px;
	padding: 33px 60px 0 20px;
	background: url(../images/prozess_noactive4.png) right top no-repeat;
	float: left;
	text-decoration: none;
	display: block;
	line-height: 0;
}

#footer {
	width: 930px;
	height: auto;
	padding: 30px 0 20px 0;
	color: #666;
	margin: 0 auto 0 auto;
	font-size: 12px;
}

#footer a {
	color: #ac5b71;
	text-decoration: none;
	font-size: 12px;
}

.headline {
	font-family: "Harabara"; 
	font-size: 24px;
	letter-spacing: 1px;
	color: #fff;
}

.yellowbold {
	font-size: 20px;
	color: #fff58b;
	font-weight: bold;
}

.pink {
	font-size: 16px;
	color: #ffebf4;
}

.clear {
	clear: left;
}

.kleintext {
	font-size: 12px;
	color: #666;
}

ol.kleintext {
	margin: 15px 0 0 0;
	padding: 0 0 0 25px;
	font-size: 12px;
	color: #666;
}

ol.kleintext li {
	margin: 0 0 10px 0;
}

#faq dd {
	font-size: 12px;
}

sup {font-size: 11px; line-height:1em; color: #666;}

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}



#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee; cursor:wait;}

/* Container */
#confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(../img/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

.font2 {
font-size: 14px;
font-weight: bold;
line-height: 25px;
color: #669966;
}

.font3 {
font-size: 14px;
font-weight: bold;
line-height: 25px;
color: #C4424B;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  top: 110px;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  font-size: 12px;
  line-height: 17px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox a {
	text-decoration: none;
	color: #ac5b71;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


#faq {
	float: left;	
}

#faqrechts {
	float: left;
	width: 250px;
	font-size: 12px;
	padding: 0 0 0 20px;	
}
.faq  {
	margin: 0 0 20px 0;
}
    dl, dt, dd { padding:0; margin:0; }
    div.faq dl { width:650px; }
    div.faq dt {
      border:1px solid #fff58b;
      background:#fff58b url('../images/icon_arrow_right.png') 14px 10px no-repeat;
      font:bold 1em Arial, Verdana, Helvetica, sans-serif;
	  font-size: 14px;
      color:#370312;
      margin: 8px 0 0 0;
      padding: 8px 8px 6px 30px;
    }
    div.faq dt.down {
      background:#370312 url('../images/icon_arrow_down.png') 12px 13px no-repeat;
	  color: #fff58b;
	  border:1px solid #370312;
    }
    div.faq dd {
      border-right:1px solid #dcdad8;
      border-bottom:1px solid #dcdad8;
      border-left:1px solid #dcdad8;
      background-color:#f1efec;
      padding:10px 10px 10px 30px;
    }