/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.right-box { margin-right:50px; float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ top repeat-x #fff; border:0; font:13px Arial, Helvetica, sans-serif; color:#979AAC; line-height:18px; padding-bottom:90px;}
.text-color {
	color:#979AAC;
	font-weight: bold;
}
.quelle { font:11px Arial, Helvetica, sans-serif; font-style:italic; color:#979a8e; line-height:18px; padding-bottom:90px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; }


/* ============================= main layout ====================== */

a{ color:#979AAC; text-decoration: underline; outline:none}
a:hover{
	text-decoration: none;
	color: #CC3399;
}
h1{ font:40px "Times New Roman", Times, serif; color:#969696; line-height:30px; font-style:italic; padding:70px 0 50px 0; font-weight:normal}
/*
h1{ font:30px "Times New Roman", Times, serif; color:#222222; font-style:italic; font-weight:normal; color:#222222; line-height:36px; padding:21px 0 18px 0}
*/
h2{ font:30px "Times New Roman", Times, serif; color:#222222; font-style:italic; font-weight:normal; line-height:36px; padding:21px 0 18px 0}
h3{ font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#222222; padding:0 0 18px 0 }
p{
	padding-bottom:18px;
}

/* ============================= header ====================== */
header{}

#menu{ text-align:center; position:relative; z-index:2}
#head{ text-align:center; top:-34px; position:relative; z-index:1}

/* ============================= content ====================== */

#content{ margin-top:-105px; position:relative; padding-bottom:79px;}


.marg_right1{ margin-right:13px;}
.marg_right2{ margin-right:20px;}
.pad_left1{ padding-left:65px;}
.marg_top1{ margin-top:10px;}
.pad_bot1{ padding-bottom:18px;}

.font1{ font-weight:bold; color:#000000; padding-bottom:18px;}
.font2{ display:inline-block; font-size:11px; font-weight:bold; color:#222222; margin-bottom:10px; background:#F1EBF5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;  behavior: url(../js/PIE.htc); line-height:26px; padding: 0 15px}
.padding_top{ padding-top:18px;}
.padding_bottom{ padding-bottom:18px;}
.padding_bottom_leistungen_col-1{ font-weight:bold; color:#000000; padding-bottom:41px;}
.padding_bottom_leistungen_col-2{ padding-bottom:18px;}
.padding_bottom_leistungen_col-3{ padding-bottom:117px;}


.box { background: #fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px;  behavior: url(../js/PIE.htc); border:1px solid #E7EAF5; padding:0 25px 20px; position:relative}
.box:hover{ background:#F1EBF5; border:1px solid #D3CDEB;}
.boxPadTop{ padding:26px 0 18px 0;}

.box:hover .list1 li{ background:#D3CDEB}
.box:hover .list1 li a{ background: url(../images/marker_3_1.png) 24px 10px no-repeat    }
.box:hover .list1 li:hover{background:#CC3399;}
.box:hover .list1 li a:hover{  background: url(../images/marker_2.gif) 24px 10px no-repeat    }

.box:hover .list2 li{ background:#F1EBF5}
.box:hover .list2 li a{ background: url(../images/marker2_1.png) 14px 3px no-repeat    }
.box:hover .list2 li:hover{background:#ffffff;}
.box:hover .list2 li a:hover{  background: url(../images/marker2_1.png) 14px 3px no-repeat    }

.under{ padding-bottom:13px; border-bottom:2px solid #dee0d7; margin-bottom:16px;}
.under2{ padding-bottom:20px; background:url(../images/line_hor.gif) bottom repeat-x; margin-bottom:22px;}


.list1 li{ margin-bottom:1px; line-height:40px; width:100%; overflow:hidden; position:relative; background:#F1EBF5; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px; behavior: url(../js/PIE.htc);}
.list1 li a{ display:block; height:40px;  padding:0 24px 0 50px; font-weight:bold; color:#222222; text-decoration:none; background: url(../images/marker_3_1.png) 24px 10px no-repeat;}
.list1 li:hover{background:#CC3399; color:#fff;}
.list1 li a:hover{ background: url(../images/marker_2.gif) 24px 10px no-repeat;}

.list2 li{ margin-bottom:1px; line-height: 18px; width:100%; overflow:hidden; position:relative; background:#ffffff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px; behavior: url(../js/PIE.htc);}
.list2 li a{ display:block; height: 100%;  padding:0 14px 0 36px; color:#969696; text-decoration:none; background: url(../images/marker2_1.png) 14px 3px no-repeat;}
.list2 li:hover{background:#CC3399; color:#fff;}
.list2 li a:hover{ background: url(../images/marker2_1.png) 14px 3px no-repeat;}

.list3 li{ margin-bottom:1px; line-height: 18px; width:100%; overflow:hidden; position:relative; background:#ffffff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px; behavior: url(../js/PIE.htc);}
.list3 li a{ display:block; height: 100%;  padding:0 14px 18px 36px; color:#969696; text-decoration:none; background: url(../images/marker2_1.png) 14px 3px no-repeat;}
.list3 li:hover{background:#F1EBF5; color:#fff;}
.list3 li a:hover{ background: url(../images/marker2_1.png) 14px 3px no-repeat;}

.letter_spacing{ letter-spacing:-0.5px;}

/* ============================= footer ====================== */

footer { color:#979AAC; font-size:10px; text-transform:uppercase; background:#2e3028; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius:7px;  behavior: url(../js/PIE.htc); padding:39px 30px 45px 30px;}
footer strong{ font-weight:normal; color:#D3CDEB}
footer a{ color:#979AAC; text-decoration:none}
footer a:hover{ text-decoration:underline}



/* ============================= forms ============================= */

#ContactForm {font-weight:bold; color:#222222;}
#ContactForm a{ margin-left:45px; margin-top:25px; float:right}
#ContactForm .input {width:277px; height:15px; border:1px solid #a09b96; background:#fff; padding:2px 5px; margin-bottom:3px;color:#96998d; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto;width:281px; height:99px; border:1px solid #a09b96; background:#fff; padding:2px 5px; margin-bottom:3px;color:#96998d; font:13px Arial, Helvetica, sans-serif;}

.col_1{ width:289px; float: left;}
.col_1_footer{ width:269px; float: left;}
.col_2{ width:293px; float:left; padding-left:12px;}