@charset "UTF-8";
/* CSS Document */
/* ######################################################################################## */
/* ############################# Style fuer Accordion Startseite ########################## */
/* ######################################################################################## */

/*
			Vertical Accordions
		*/
		
.accordion_toggle {
	display: block;
	width: 291px;
	color: #999999;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e7e7e7;
	border-left-color: #e7e7e7;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f4f4f4;
	background-image: url(../images/acco_header_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 12px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
	height: 22px;
}
		
.accordion_toggle_active {
	display: block;
	width: 291px;
	color: #999999;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e7e7e7;
	border-left-color: #e7e7e7;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f4f4f4;
	background-image: url(../images/acco_header_active_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 12px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
	height: 22px;
}
		
		.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e6e6e6;
	border-left-color: #e6e6e6;
		}
			
.accordion_content h2 {
	margin: 0px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
			
.accordion_content p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}
.accordion_content span {
	
}
.accordion_content a:link, .accordion_content a:active, .accordion_content a:visited {
	color: #666666;
	
}
.accordion_content a:hover, .accordion_content a:focus {
	color: #1775cd;
	
}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e6e6e6;
	border-left-color: #e6e6e6;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
#index_site .index_main_text #vertical_container h1 {
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#vertical_container {
	margin-left: 24px;
	z-index: 500;
	margin-top: -6px;
    overflow: hidden;
}
.vc_bottom {
	background-image: url(../images/acco_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	width: 308px;
	overflow: hidden;
	margin-left: 24px;
	margin-top: -6px;
}
.vc_top {
	padding: 0px;
	height: 6px;
	width: 308px;
	margin-left: 24px;
	background-image: url(../images/acco_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 50;
	position: relative;
	overflow: hidden;
}

.vc_top_bg {
    padding: 0px;
    height: 6px;
    width: 308px;
    margin-left: 24px;
    margin-top: 36px;
    background-image: url(../images/acco_top_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 50;
    position: relative;
    overflow: hidden;
}

p.vc_link {
	background-color: #fcfcfc;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
p.vc_link a:link, p.vc_link a:focus, p.vc_link a:hover, p.vc_link a:active, p.vc_link a:visited {
	background-image: url(../images/link_pfeil.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left center;
	font-size: 12px;
	padding-right: 21px;
	color:#1775cd;
}

.teaser_partner_liste .content {
    margin-left: 24px;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    margin-top: -6px;
}

.teaser_partner_liste .content p {
    margin: 0;
}

.teaser_partner_liste p.vc_link {
    border-bottom: 1px solid #E6E6E6;
    margin: 0;
}

.teaser_partner_liste ul {
    margin-left: 0;
}

.teaser_partner_liste li {
    overflow: hidden;
    border-bottom: 1px solid #E6E6E6;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.teaser_partner_liste li .bild {
    float: left;
    margin-right: 15px;
}

.teaser_partner_liste li p {
    float: left;
    width: 165px;
}