@charset 'utf-8';
@import url(reset.css);
/* @import url(thickbox.css); */

/* ----------------------------------------------------- Page layout */

body {
	background: #f7fafc url(/images/css/back.gif) 0 0 repeat-x;
	font: normal 0.875em/1.5714em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	color: #333;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 3;
}

#header {
	height: 107px;
	background: url(/images/css/headerback.jpg) 0 0 no-repeat;
	margin-bottom: 40px;
}

/* ----------------------------------------------------- Navigation */

#nav-main {
	overflow: hidden;
	padding: 0 0 0 25px;
	height: 77px;
	background: url(/images/css/wave2.gif) left bottom no-repeat;
	
}

#nav-main li {
	float: left;
	width: 68px;
	font-size: 0.8571em;
	line-height: 1.1667em;
	border-left: 1px solid #a4a4a4;
	position: relative;
	height: 59px;
}

#nav-main a {
	position: absolute;
	top: 0;
	left: 0;
	height: 59px;
	width: 53px;
	display: block;
	padding: 2px 10px 0 5px;
}

#nav-main a:link,
#nav-main a:visited {
	color: #006ec3;
	text-decoration: none;
}

#nav-main a:focus,
#nav-main a:hover,
#nav-main a:active {
	background: #eee;
	color: #000;
	border-bottom: 9px solid #005da5;
}

#nav-main li.active a {
	background: #f8f8f8;
	color: #000;
	border-bottom: 9px solid #df115e;
}

#nav-main li.lastactive a {
	background: #f8f8f8;
	color: #000;
	border-bottom: 9px solid #df115e;
	border-right: 1px solid #a4a4a4;
}

#nav-main li.last {
	float: left;
	width: 68px;
	font-size: 0.8571em;
	line-height: 1.1667em;
	border-left: 1px solid #a4a4a4;
	border-right: 1px solid #a4a4a4;
	position: relative;
	height: 59px;
}


/* ----------------------------------------------------- Content */

#content {
	margin: 40px 25px 0 25px;
	border-top: 1px solid #a4a4a4;
	padding: 17px 0;
}

#content a:link,
#content a:visited {
	color: #006ec3;
	text-decoration: underline;
}

#content a:focus,
#content a:hover,
#content a:active {
	color: #000;
	text-decoration: underline;
}

hr {
	border: none;
	height: 1px;
	background: #ccc;
	color: #ccc;
	margin: 1.60em 0 1.3em 0;
	clear: both;
}

.leftcol {
	width: 374px;
	float: left;
	padding-bottom: 60px;
}

.rightcol {
	width: 374px;
	float: right;
	padding-bottom: 60px;
}

.formhints {
	padding-top: 9px;
}

.nospace {
	padding-bottom: 2px;
}

h1 {
	font: bold 32px/1em "Helvetica Neue", arial, sans-serif;
	color: #006ec3;
	padding-bottom: 20px;
}

h2, dt {
	font: normal 20px/1.2em "Helvetica Neue", arial, sans-serif;
	color: #006ec3;
	padding-bottom: 13px;
}

p {
	margin-bottom: 1em;
}

p.nospace {
	margin-bottom: 0;
}

p.small {
	font-size: 10px;
	line-height: 1.4em;
}

.oneliner {
	margin-top: 6px;
}

strong, 
#content ul li {
	font-weight: bold;
	color: #df115e;
}

#content ul {
	margin: 1em 0;
}

#content p.flash_notice {
	color: #000;
	padding: 2px 2px 2px 25px;
	background: #9CDB9A url(/images/icons/accept.png) 5px 5px no-repeat;
	border: 1px solid #738E07;
}

#content p.flash_error {
	color: #000;
	padding: 2px 2px 2px 25px;
	background: #FF7070 url(/images/icons/cancel.png) 5px 5px no-repeat;
	border: 1px solid #FF3232;
}

#content ul li {
	background: url(/images/css/bullet.gif) 1px 0.3em no-repeat;
	padding-left: 21px;
}

.cloud {
	text-align: justify;
}

#content .cloud li {
	background: none;
	padding: 0;
	margin: 0;
	display: inline;
}

#content .cloud li a {
	font-weight: normal;
}

#examplecard {
	margin: -52px 26px 0 -48px;
	float: left;
}

.conclusio {
	background: url(/images/css/bigarrow.gif) 50% 50% no-repeat;
	height: 24px;
	padding: 20px 0;
	clear: both;
}

.box {
	background: url(/images/css/boxback.gif) 0 0 no-repeat;
	padding: 17px 18px 8px 18px;
}

.outerbox {
	background: url(/images/css/boxbottom.gif) left bottom no-repeat;
	padding-bottom: 12px;
}

.box h2, dt {
	color: #dd0053;
}

#content .box li {
	color: #333;
	font-weight: normal;
}

.twobuttons {
	margin-top: 30px;
}

.button {
	float: left;
	width: 161px;
	padding-top: 8px;
	height: 57px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-right: 10px;
	text-align: center;
	line-height: 1.15em;
}

#content .button:link,
#content .button:visited {
color: #fff;
text-decoration: none;
}

#content .button:focus,
#content .button:hover,
#content .button:active {
	background-position: left bottom;
}

.bluebutton {
	background-image: url(/images/css/button_blue.gif);
}

.redbutton {
	background-image: url(/images/css/button_red.gif);
}

.icon {
	background: url(/images/css/icon_doc.gif) 1px 0.3em no-repeat;
	padding-left: 21px;
}

.icon-doc {
	background-image: url(/images/css/icon_doc.gif);
}

.icon-fon {
	background-image: url(/images/css/icon_fon.gif);
	background-position: 1px 0.1em;
}

dt {
	padding: 0.7em 2em 0.3em 0;
	line-height: 1.1em;
}

dd {
	margin: 0 3em 0 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

/* ----------------------------------------------------- Featuretable */

.table {
	clear: both;
	border-bottom: 1px solid #cecece;
	margin-bottom: 60px;
}


.row {
	border-top: 1px solid #cecece;
	overflow: hidden;
	padding: 16px 0 9px 0;
}

.cell-1,
.cell-3,
.cell-4 {
	float: left;
	width: 84px;
	margin-right: 10px;
}

.cell-3 {
	width: 272px
}

.cell-4 {
	width: 366px;
}

.row h2 {
	color: ;
	padding-bottom: 2px;
	color: #dd0053;
}

.row p {
	margin-bottom: 10px;
}

.row .last-child {
	margin-right: 0;
}

.okay {
	text-indent: -999em;
	background: url(/images/css/check.gif) 3px 43% no-repeat;
	height: 130px;
}

/* ----------------------------------------------------- Resultstable */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 50px;
}

td, th {
	padding: 5px 25px 3px 0;
	font-size: 12px;
	line-height: 1.4em;
	vertical-align: top;
}

.bottomline 
{
	border-bottom: 1px solid #ccc;
}

.freitext td,
th {
	border-bottom: 1px solid #ccc;
}

.freitext td {
	padding-bottom: 1em;
}

th {
	color: #999;
	font-weight: bold;
}

table h3 {
	font-weight: bold;
	font-size: 14px;
	margin: 1px 0 0.3em 0;
}

.rabatt {
	font-size: 14px;
	font-weight: bold;
	color: #DF115E;
}

/* ----------------------------------------------------- Formular */


.gvaform .field {
	padding: 6px 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
}

.gvaform fieldset {
	margin-right: 30px;
}

.gvaform fieldset.leftcol,
.gvaform fieldset.rightcol {
	margin-right: 0;
}

.gvaform fieldset.leftcol {
	width: 344px;
	padding-bottom: 0;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}

.gvaform fieldset.rightcol .submit,
.gvaform fieldset.rightcol .submitoff {
        float: right;
}

.gvaform label {
	float: left;
	width: 94px;
	font-size: 12px;
	line-height: 1.2em;
	margin-top: 0.2em;
}

.gvaform label span {
	color: #DF115E;
	margin-left: 0.3em;
}

.gvaform .help {
	font-size: 12px;
	margin-left: 94px;
	color: #999;
}

.gvaform .text,
.gvaform textarea,
.gvaform select {
	border: 1px solid #006EC3;
	background: #fff url(/images/css/formshadow.gif) 0 0 repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	font-size: 12px;
	padding: 2px 0 2px 3px;
	width: 244px;
	color: #006EC3;
}

.gvaform select {
	background: #fff;
	padding-right: 2px;
	width: 279px;
}

.gvaform textarea {
	height: 90px;
}

.gvaform .text:focus,
.gvaform textarea:focus,
.gvaform select:focus {
	border-color: #DF115E;
	background: #fff;
}

.gvaform .submit {
	background: url(/images/css/button_blue_free.gif) 0 0 no-repeat;
	width: 161px;
	height: 35px;
	color: #fff;
	border: none;
	padding: 0 0 3px 0;
	margin-top: 15px;
}

.gvaform .submitoff {
	background: url(/images/css/button_grey_free.gif) 0 0 no-repeat;
	width: 161px;
	height: 35px;
	color: #fff;
	border: none;
	padding: 0 0 3px 0;
	margin-top: 15px;
}

.gvaform .submit:hover,
.gvaform .submit:focus  {
	background-position: 0 -35px;
}





/* ----------------------------------------------------- Footer */

#footer {
	border-top: 1px solid #a4a4a4;
	clear: both;
	margin: 0 25px 0 25px;
	overflow: hidden;
	padding-bottom: 3em;
}

#footer p {
	float: left;
	font-size: 0.8571em;
	color: #a4a4a4;
}

#footer .impressum {
	float: right;
}

#footer a:link,
#footer a:visited {
	color: #a4a4a4;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #000;
}



/* ----------------------------------------------------- Decoration */

#skyscraper {
	position: absolute;
	right: -130px;
	top: 264px;
	z-index: 1;
}

#shadow {
	position: fixed;
	width: 100%;
	height: 101%;
	background: url(/images/css/shadow.png) 50% 0 repeat-y fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

#wave {
	position: absolute;
	width: 100%;
	background: url(/images/css/wave.gif) 50% 0 no-repeat;
	height: 89px;
	top: 147px;
	left: 0;
	z-index: 2;
}

.space-bottom { margin-bottom: 10px; }