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

body {
	margin:10px 0 0 0;
	padding:0 0 20px 0;
	
	background:url(../img/bg_body_verlauf_10.gif) repeat-x;
	background-color:#dbdcde;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#001A4F;
}
* {
	margin:0;
	padding:0;
}
#header h1 {
	font-size:22px;
	color:#fff;
	line-height:24px;
}
#header h2 {
	color:#fff;
	line-height:24px;
	font-size:14px;
	/*font-size:12px;
	letter-spacing:1px;
	padding-left:23px;*/
}
#content-left h3,
#content-right .teaser1-right h3 {
	font-size:13px;
	font-weight:bold;
	color:#fff;
	margin:2px 5px 4px 11px;
}
a, a:hover {
	outline:none;
	text-decoration:none;
}
img {
	border:0;
}
div.copy h1 {
	font-size: 18px;
	line-height:24px;
	margin-bottom:16px;
	display:block;
	border-bottom:1px dotted #001A4F;
	padding-bottom:5px;
}
div.copy h2 {
	font-size: 14px;
	line-height:18px;
	margin:40px 0 10px 0;
}
div.copy h3 {
	font-size: 12px;
	line-height:16px;
	margin-bottom:6px;
}
div.copy a {
	color:#D32616;
}
div.copy a.button,
div.copy p.button a {
	padding:3px 5px 3px 20px;
	color:#001A4F;
	border:1px solid #001A4F;
	background-color:#fff !important;
	font-weight:bold;
	background-image:url(../img/bg_rte_button.gif);
	background-repeat: no-repeat;
	background-position:6px 4px;
}
div.copy p {
	margin-bottom: 16px;
}
div.copy ol,
div.copy ul {
	font-size:12px;
	margin-left:21px;
	margin-bottom:16px;
	line-height:16px;
}
div.copy ul {
	list-style-type:disc;
}
div.copy li {
	margin-bottom:4px;
}

/* LAYOUT
---------------------------- */

div.wrapper-all {
	/*width:1017px;*/
	width:1210px !important;
	margin:0 auto;
	text-align:left;
	background:url(../img/bg_wrapper_all.gif) repeat-y;
}
div#header {
	height:135px;
	background:url(../img/bg_header.jpg) no-repeat;
	position:relative;
}
div.wrapper-content {
	/*height:441px;*/
	/*background:url(../img/bg_wrapper_content.gif) no-repeat;*/
}
div#footer {
	width:1016px;
	height:99px;
	/*background:url(../img/bg_footer_neu.jpg) no-repeat;*/
	background:url(../img/bg_footer_neu_buergel.jpg) no-repeat;
	clear:both;
	color:#fff;
	font-size:10px;
	position:relative;
	z-index:1;
}
#footer div.col-1 p,#footer div.col-left p { margin-left:23px; }

#footer div.col-1 {
	width:151px;
	float:left;
	padding-top:14px;
	font-size: 11px !important;
}
#footer div.col-2 {
	width:200px;
	float:left;
	padding-top:14px;
	font-size: 11px !important;
}
#footer .col-left {
	width:351px;
	float:left;
	padding-top:18px;
	line-height:18px;
	font-size: 10px !important;
}
#footer .col-left a {
	color:#fff;
}
#footer div.col-3 {
	width:635px;
	float:left;
	padding-top:20px;
	font-size: 10px !important;
}
div.logo {
	width:256px;
	float:left;
}
div.logo img {
	margin:36px 0 0 27px;
}
div.pagetitle {
	width:510px;
	float:left;
	text-align:center;
	margin-top:34px;
}
div#metanavi {
	width:222px;
	float:left;	
	text-align:right;
	margin-top:15px;	
}
div#topnavi {
	clear:both;
	height:29px;
}
div.col-left {
	width:246px;
	float:left;
}
div.col-right {
	width:762px;
	float:left;
}
div#content-left {
	padding:8px 8px 0 8px !important;
}
div#content-right {
	padding:0 8px 0 0;
	margin-top:8px;
	background:url(../img/bg_copy.gif) repeat-y;
	background-color:#e1e6ec;
}
div.copy {
	padding:5px 12px 0px;
	line-height:16px;
	font-size:12px;
	background:url(../img/bg_copy_top.gif) no-repeat;
	
		min-height:412px;
	    height:auto !important;
	    height:412px;
}
div.copy-footer {
	width:755px;
	clear:both;
	background:url(../img/bg_copy_bottom.gif) no-repeat bottom left;
}
div.buergel-link {
	position:absolute;
	bottom:24px;
	left:134px;
	z-index:2;
}
div.buergel-link img {
	width:105px;
	height:16px;
}
div.bottom-space {
	clear:both;
	height:25px;
}
.clearer {
	clear:both;
}
.clearer-10 {
	clear:both;
	height:10px;
}



/* NAVIGATION
---------------------------- */
#metanavi ul {
	list-style:none;
	color:#fff;
	line-height:16px;
	font-size:11px;
}
#metanavi ul a {
	color:#fff;
}
div.navi-divider-left {
	position:absolute;
	top:106px;
	left:0;
	z-index:3;
}
div.navi-divider {
	position:absolute;
	top:106px;
	left:226px;
	z-index:4;
}
ul.navi-left { 
	position:absolute;
	left:7px;
	top:106px;
	z-index:2;
}
ul.navi-left a {
	padding: 6px 14px;
}
ul.navi-right {
	position:absolute;
	left:243px;
	top:106px;
		width:757px;
	z-index:1;
}
ul.navi-right a {
	padding: 6px 9px;
}
div#topnavi ul {
	list-style:none;
}
div#topnavi ul li {
	float:left;
	line-height:29px;
	font-size:13px;
}
div#topnavi a {
	color:#00154f;
	background:url(../img/bg_navi_1.gif) no-repeat left;
}
div#topnavi a:hover,
div#topnavi a.active {
	background:url(../img/bg_navi_2.gif) repeat-x right;
	color:#fff;
}
li.mail-icon a,
li.mail-icon a:hover {
	background:none !important;
	padding:0 !important;
}


/* CONTENT LEFT
---------------------------- */

/* Loginbox */
div#loginbox {
	background:url(../img/bg_loginbox.gif) no-repeat;
	float:left;
	width:231px;
	height:136px;
	position:relative;
	z-index:1;
}
div#loginbox h3 {
	margin-bottom:10px !important;
}
div.loginbox-body {
	height:74px;
	margin-left:10px;
}
div.loginbox-body p {
	font-size:10px;
	color:#e62828;
}
div.loginbox-body input {
	border:1px solid #e62828;
	width:210px;
	height:18px;
}
div.login-buttons {
	position:absolute;
	z-index:2;
	left:0;
	bottom:8px;
	width:231px;
}

div.button-neuanmeldung {
	float:left;
}
div.button-login {
	float:right;
}

/* Produktbox */
div#produktbox {
	background:url(../img/bg_produktbox_s.gif) no-repeat;
	float:left;
	width:231px;
	height:265px;
}
div.produktbox-item {
	height:80px;
	clear:both;
}
div.produktbox-image {
	float:left;
	width:110px;
	padding-top:4px;
} 
div.produktbox-text {
	float:left;
	width:115px;
}
div#produktbox h4 {
	font-size:13px;
	font-weight:bold;
	margin:20px 0 0 10px;
}
div#produktbox a {
	color:#fff !important;	
}

/* Downloadbox */
div#downloadbox {
	background:url(../img/bg_downloadbox.gif) no-repeat;
	float:left;
	width:231px;
	height:32px;
	clear:both;
}
div#downloadbox h3 a {
	color:#001a4f;
	font-size:13px;
	line-height:20px;
	padding-left:28px;
}

/* CONTENT RIGHT
---------------------------- */
div#teaser1 {
	background:url(../img/bg_content_home_top.gif) no-repeat;
	background-color:#6b82a0;
	height:100px;
	padding:8px 8px 0 8px;
}
div.teaser1-left {
	background:url(../img/home_teaser1_left.jpg) no-repeat;
	float:left;
	width:463px;
	height:100px;
	position:relative;
	z-index:1;
}
div.teaser1-left h1 {
	font-size:13px;
	font-weight:bold;
	color:#001a4e;
	padding:5px 0 5px 8px;
}
div.teaser1-left-anmeldung {
	position:absolute;
	z-index:2;
	right:8px;
	bottom:8px;
}
div.teaser1-left-anmeldung img {
	width:90px;
	height:65px;
}
div.teaser1-right {
	/*background:url(../img/home_teaser1_right_bg.jpg) no-repeat;
	background:url(../img/bg_videoteaser.gif) no-repeat;*/
	float:left;
	width:275px;
	height:100px;
	position:relative;
	z-index:1;
	overflow:hidden;
}
div#flashcontent {
	width:275px;
	height:100px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
div.teaser1-right-text {
	width:200px;
	height:65px;
	text-align:center;
	float:right;
}
div.teaser1-right-text h3 { 
	font-size:16px !important;
	line-height:22px !important;
	color:#071c54 !important;
	padding:8px 0 0 59px;
}
div.teaser1-right-button {
	padding-right:36px;
	float:right;
	clear:both;
}
div#teaser2 {
	background:url(../img/bg_content_home_bottom.gif) no-repeat bottom;
	background-color:#6b82a0;
	height:317px;
	padding:8px 8px 0 8px;
	color:#001a4e;
}
div.teaser2-left {
	background:url(../img/home_teaser2_left.gif) no-repeat;
	float:left;
	width:459px;
	height:309px;
}
div.teaser2-left h1 {
	font-size:14px;
	line-height:18px;
	padding:7px 0 9px 20px;
}
div.teaser2-left ul {
	list-style:none;
	margin:0 0 5px 40px;
	line-height:20px;
}
div.teaser2-left h2 {
	font-size:12px;
	font-weight:bold;
	color:#d32616;
	float:left;
	margin-top:8px;
	padding-left:39px!important;
}
div.teaser2-right {
	background:url(../img/home_teaser2_right.gif) no-repeat;
	float:left;
	width:279px;
	height:309px;
	position:relative;
	z-index:1;
	color:#00275b;
}
div.teaser2-right a {
	color:#00275b !important;
}
div.button-online-anmelden {
	margin-left:3px;
}
div.teaser2-right h1 {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin:9px 0 0 36px;
}
div.teaser2-right-line6 p {
	line-height:14px;
	margin:8px 0 0 60px;
	font-weight:bold;
	
}
div.teaser2-right-line1 {
	float:left; clear:both;
	width:279px;
	height:40px;
}
div.teaser2-right-line2 {
	float:left; clear:both;
	position:relative; z-index:1;
	width:279px;
	height:61px;
}
div.teaser2-right-line3 {
	float:left; clear:both;
	position:relative; z-index:1;
	width:279px;
	height:61px;
}
div.teaser2-right-line4 {
	float:left; clear:both;
	position:relative; z-index:1;
	width:279px;
	height:59px;
}
div.teaser2-right-line5 {
	float:left; clear:both;
	width:279px;
	height:30px;
}
div.teaser2-right-line6 {
	float:left; clear:both;
	width:279px;
	height:31px;
}
div.teaser2-right-line2 p,
div.teaser2-right-line3 p,
div.teaser2-right-line4 p {
	color:#00275b;
	font-size:11px;
	padding:0 0 0 40px;
	font-weight:bold;
	line-height:17px;
}
div.teaser2-right-line5 p {
	font-size:10px;
	padding:2px 0 0 40px;
	line-height:14px;
}
p.text-10 {
	font-size:10px !important;
	font-weight:normal !important;
}
div.price {
	width:60px;
	position:absolute;
	z-index:2;
	bottom:12px;
	right:22px;
	text-align:right;
}
div.price p {
	padding:0px !important;
	font-size:12px !important;

}

/* Teaser Home - 3 Stufen */


div.home_teaser_3stufen {
	background:url(../img/home_teaser_3stufen.gif) no-repeat;
	float:left;
	width:279px;
	height:309px;
	position:relative;
	z-index:1;
	color:#00275b;
	font-weight: bold;
}
div.home_teaser_3stufen_header {
	width:279px;
	height:51px;
	float:left;
}
div.home_teaser_3stufen_header h2 {
	font-size:14px;
	line-height: 16px;
	color:#fff;
	width:279px;
	text-align:center;
	margin:7px 0;
}
div.home_teaser_3stufen_header p {
	margin:0 0 0 146px;
}
div.home_teaser_3stufen_header p a {
	color:#fff;
	font-weight: bold;
	font-size:11px;
}
div.home_teaser_3stufen_left {
	width:93px;
	height:208px;
	float: left;
	text-align: center;
}
div.home_teaser_3stufen_right {
	width:186px;
	height:208px;
	float: left;
	text-align: center;
	font-size:10px;
}
div.home_teaser_3stufen_left h2,
div.home_teaser_3stufen_right h2 {
	font-size:12px;
	line-height: 14px;
	margin-top: 3px;
}
div.home_teaser_3stufen_left p {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	margin-top:142px;
}
	div.home_teaser_3stufen_right .box-1 {
		position:absolute;
		z-index: 2;
		top:91px;
		left:97px;
		width:92px;
	}
	div.home_teaser_3stufen_right .box-2 {
		position:absolute;
		z-index: 2;
		top:144px;
		left:97px;
		width:92px;
	}
	div.home_teaser_3stufen_right .box-3 {
		position:absolute;
		z-index: 2;
		top:196px;
		left:97px;
		width:92px;
	}
	div.home_teaser_3stufen_right .box-4 {
		position:absolute;
		z-index: 2;
		top:140px;
		left:195px;
		width:76px;
		color:#d42616;
	}
div.home_teaser_3stufen_bottom {
	width:279px;
	height:50px;
	float: left;
}
div.home_teaser_3stufen_bottom p {
	font-size:10px;
	font-weight:bold;
	color:#fff;
	margin:1px 0 0 10px;
}



/* Linkbox im Contentbereich */
div#linkbox-copy {
	float:right;
	width:190px;
	background:url(../img/bg_linkbox_copy.gif) no-repeat bottom left;
	margin:44px 0 10px 10px;
}
div#linkbox-copy h3 {
	padding:3px 5px 5px 11px;
	background:url(../img/bg_linkbox_copy_headline.gif) no-repeat;
	color:#fff !important;
}
div.linkbox-copy-text {
	margin:0;
}
div#linkbox-copy p {
	margin: 0 10px 8px 10px !important;
}
div.linkbox-copy-text h3 {
	padding:21px 5px 5px 11px !important;
	background:url(../img/bg_linkbox-copy-text.gif) no-repeat !important;
} 
div#linkbox-copy a {
	color:#fff;
	font-weight:bold;
	padding-left:20px;
	background:url(../img/pdf_icon_white.gif) top left no-repeat;
	background-position:0 2px;
}

/* Produkt Teaser im Contenbereich */

div#product-teaser-copy {
	position:relative;
	z-index:1;
	background:url(../img/bg_produkt_teaser.gif) top right no-repeat;
	width:528px;
	height:122px;
	float:left;
}
div.product-teaser-left {
	float:left;
	width:156px;
}
div.product-teaser-right {
	float:left;
	width:372px;
}
div.product-teaser-right h3 {
		color:#fff;
		margin:4px 8px;
}
div.product-teaser-right p {
	margin:0 8px 8px 8px;
}
div.product-teaser-button {
	position:absolute;
	z-index:2;
	bottom:8px;
	right:0;
}
/* Produkt Detail Teaser im Contenbereich */
div#product-detail-teaser,
div#product-detail-teaser-ohnegrafik,
div#verananstaltungs-teaser {
	background:url(../img/bg_produkt_detail_bottom.gif) bottom no-repeat;
	width:727px;
	position:relative;
	z-index:1;
	margin-top:30px;
}
div.product-detail-top {
	background:url(../img/bg_produkt_detail_top.gif) top no-repeat;
	height:50px;
	border-bottom:1px solid #92a2ba;
}
div.product-detail-bottom {
	padding:8px;
}
div.product-detail-buttons {
	position:absolute;
	z-index:2;
	right:0;
	bottom:0;
}
div.product-detail-buttons img {
	margin-right:8px;
}
div.product-detail-topleft {
	float:left;
	width:500px;
}
div.product-detail-topright {
	width:227px;
	float:right;
	text-align:right;
}
div.product-detail-topleft p {
	color:#fff;
	margin:10px 0 0 8px !important;
}
div.product-detail-topright p {
	margin-top:26px;
	font-weight:bold;
	margin-right:8px;
	color:#fff;
}

/* Veranstaltungs-Teaser im Contenbereich */
div#verananstaltungs-teaser div.product-detail-top {
	height:24px;
}
div#verananstaltungs-teaser div.product-detail-top h3 {
	color:#fff !important;
	padding:4px 8px !important;
}

/* Produkt Detailseiten Buttons */
div#product-buttons,
div#product-buttons-plus {
	float:right;
	width:119px;
	background:url(../img/bg_product_buttons_headline.gif) no-repeat;
	margin:0 0 10px 10px;
}
div#product-buttons h3,
div#product-buttons-plus h3 {
	padding:3px 0px 0px 10px;
	color:#fff !important;
	line-height:15px !important;
}


/* FOOTER
---------------------------- */
div.footer-left {
	width:546px;
	float:left;
}
div.footer-left p {
	margin:16px 0 0 18px;
	line-height:18px;
}
div.footer-right1 {
	width:151px;
	float:left;
	margin-top:15px;
}
div.footer-right2 {
	width:161px;
	float:left;
	margin-top:15px;
}
div.footer-right3 {
	width:142px;
	float:left;
	margin-top:15px;
}
div.footer-right1 p,
div.footer-right2 p,
div.footer-right3 p {
	margin-top:6px;
	line-height:13px;
}

/* FORMULARE
---------------------------- */

/* Formular Roadshow */
#mailform fieldset{
	border:0;
}
#mailform {
	margin-left:0 !important;
}
.csc-mailform label{
	margin-right:5px;
	float:left;
	clear:both;
	width:120px;
}
.csc-mailform input {
	width: 300px;
	margin-bottom:5px;
}
.csc-mailform textarea {
	font-family:verdana,arial;
	font-size:12px;
	height:100px;
	width: 304px;
	margin-bottom:5px;
}
#mailformformtype_mail{
	margin-left:125px;
	width:120px;
	height:auto !important;
	border:1px solid #001A4F;
	background:#fff;
	color:#001A4F;
	font-weight:bold;
}
*html #mailformformtype_mail {margin-left:128px !important;}

/* Formular Tip a Friend */
#tipafriend table td.col-1 { width:120px; }
#tipafriend table td.col-2 { width:100px; }
#tipafriend table td.col-3 { width:350px; }
#tipafriend input {
	width: 300px;
}
#tipafriend textarea {
	font-family:verdana,arial;
	font-size:12px;
	height:100px;
	width: 304px;
}
.submit input {
	width:90px !important;
	border:1px solid #001A4F;
	background:#fff;
	color:#001A4F;
	font-weight:bold;
}
#tipafriend td {
	vertical-align:top;
	padding:0 5px 5px 0;
}

/* FE Login */
div.tx-felogin-pi1 fieldset {
	border:0;
}
div.tx-felogin-pi1 label {
	margin:0 5px 5px 0;
	float:left;
	clear:both;
	width:120px;
}
div.tx-felogin-pi1 input {
	margin-bottom:5px;
}


/* SIDEBAR
---------------------------- */
div.sidebar {
	width:178px;
	height:674px;
	position:absolute;
	top:0;
	left:1040px;
	background: #fff;
	background:url(../img/bg_sidebar.jpg);
	font-size:10px;
	color:#001A4F;
	line-height:14px;
}
div.sidebar h3 {
	color:#001A4F;
	font-size:13px;
	line-height:18px;
	margin-top:12px;
}
div.sidebar p { margin:5px 0 5px 18px;}
div.sidebar div {
	width:165px;
	float:left;
	clear:both;
}
div.sidebar-box-first { height:81px; text-align:center;}
div.sidebar-box { height:117px; }
div.sidebar img { margin-left:18px;}