/* reset */
* { margin: 0px; padding: 0px; }
h1, h2, h4, h4, h5, h6,
strong, b, em, i, a { font-size: 12px; color: inherit; font-weight: normal; font-style: normal; }
img, fieldset { border: 0px; }

strong, b {
    font-weight: bold;
}
em { color: #f07c00; }
p {
	line-height: 130%;
	margin-bottom: 15px;
}
dd p, td p {
    margin-bottom: 0;
}

strong a {
	font-weight: bold;
}
a { 
	color: #f07c00;
	text-decoration: none; 
}
a:hover, a.active {
	text-decoration: underline;
}
a:active {
	color: #eb5402;
}
a.moreLink, .moreLink a, a.backLink, .backLink a, a.extLink, a.pdfLink {
	display: block;	
	/* Hintergrund soll nicht hinter floatende Elemente fließen */	
	overflow: hidden; 
	margin-top: 3px;	
	font-weight: bold;
	padding-left: 15px;	
	background: none 0 0 no-repeat transparent;
}
a.moreLink, .moreLink a, a.backLink, .backLink a {
	padding-left: 10px;	
	background-image: url('../img/a-moreLink_bg.png');
	background-position: 0 2px;
}
a.backLink, .backLink a {
    clear: both;
    background-image: url('../img/a-backLink_bg.png');   
}
a.extLink {
	background-image: url('../img/a-extLink_bg.png');	
}
a.pdfLink {
	background-image: url('../img/a-pdfLink_bg.png');	
}
a.link-order {
	margin-bottom: 10px;
	display: block;
}
a.specialLink {
    padding: 5px 7px; padding-left: 13px;
    color: #fff;
    background: url('../img/a-specialLink_bg.gif') 3px center no-repeat #f07c00;
    text-decoration: none;
    float: left; display: inline;
    overflow: auto;
}

a.zoomLink {
	display: block;
	width: 25px; height: 25px;
	font-weight: bold; font-size: 11px;
	background: url('../img/a-zoomLink_bg.png') center center no-repeat #e6e6e6;
}

a.bookmark-site-trigger {
    padding: 3px 0px 3px 21px;
    background: transparent url('../img/icon_star.png') no-repeat 0px 0px;
}

a.desktop-shortcut-trigger {
    display: block;
    height: 38px;
    width: 50px;
    background: transparent url('../img/icon_desktop_shortcut.png') no-repeat 0px 0px;
    text-indent: -9999px;
}

h1 {
	margin-bottom: 20px;
	font-size: 18px; font-weight: bold;
}
h2 {
	margin-bottom: 10px;
	font-size: 16px; font-weight: bold;
}
h3 {
	margin-bottom: 2px;
	font-size: 14px; font-weight: bold;
}
h4 {
	margin-bottom: 8px;
	font-size: 12px; font-weight: bold;
}
h1 a, 
h2 a, h3 a, h4 a
{
	font-weight: inherit; font-size: inherit;
	/* color: inherit; */
}
h1 a, h2 a
{
    color: inherit;
}

.align-center {
	text-align: center !important;
}
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}

h1.highlight, h2.highlight, h3.highlight, .highlight { color: #f07C00; }

body { font-size: 12px; font-family: arial, verdana, sans-serif; color: #555; }


/* RTE Alignment*/
.align-center {
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}

/* Listen */
ul {
	list-style: none;
	margin-bottom: 15px;
}

li {
	padding-left: 15px;
	background: url('../img/li_bg.png') left 4px no-repeat transparent;
}

ul.checkliste {
    margin: 0;
}

ul.checkliste li {
    background: url('../img/li-checkliste_bg.png') left top no-repeat transparent;
    padding-left: 17px;
    margin-bottom: 10px;
}

/* Formulare */ 
label {
	display: block;
	font-weight: bold;
	color: #2f2f2f;
	margin-bottom: 3px;
}

input, select, textarea {
	color: #2f2f2f; font-size: 12px;
	border: 1px solid #c6c6c6;
	padding: 2px;
	margin-bottom: 8px;
}
input[type="radio"], input[type="checkbox"], input.radio, input.checkbox {
	width: auto; border: none;
}
input[type="submit"], input.submit {
	width: 120px; height: 31px;
	padding: 0 0 2px 2px;	
	display: block;
	color: #fff;
	border: none;
	cursor: pointer;
	background: url(../img/input-submit_bg.png) top left no-repeat #fff;
}

/* Tabellen */
table {
    border-collapse: collapse;
    border: none;
}
td, th {
    text-align: left; vertical-align: top;
    padding: 0px 8px 8px 2px;
    border: 0;
    border-left: 1px solid #fff;
}
td:first-child, th:first-child {
    border-left: none;
}

.textBox table {
    /* margin-left: 4px; */
}
#secContent td {
    font-size: 11px;
    padding: 0 6px 6px 2px;
}

.accentBox, .container-highlighted {
	display: block;
	background-color: #e6e6e6;
	padding: 5px;
}
.klapper {
	display: none;
	margin-top: -10px;
}
.htmlarea-content-body .klapper {
	display: block;
}
	.klapper.active {
		display: block;
	}
.akkordeon-header {
	display: block;
	margin-bottom: 10px;
}
.akkordeon-header > span {
	display: inline-block;
	cursor: pointer;
	padding: 5px 10px;
	padding-bottom: 6px;
	padding-left: 0;
	color: #555 !important;
	font-weight: bold;
	font-size: 12px !important;
	/*background: url(../img/audienceNav_a_bg.png) top left repeat-x #fff;*/
}
	.akkordeon-header > span > span {
		background-image: url(../img/ico_klapper_closed.png);
		background-repeat: no-repeat;
		padding-right: 23px;
		background-position: right 2px;
		padding-top: 3px;
		padding-bottom: 3px;
		text-decoration: underline;
	}
	.akkordeon-header.active > span > span {
		background-image: url(../img/ico_klapper_opened.png);
	}

table.bautafel {
	display: table;
	background-color: #000;
	color: #fff;
	border-collapse: collapse;

}
	table.bautafel td {
		border: none;
		padding: 10px;
		border-bottom: 1px dashed #fff;
	}
		table.bautafel tr:last-child td {
			border: none;
		}
		table.bautafel td ul {
			margin-bottom: 0;
			list-style-type: square;
			padding-left: 15px;
		}
			table.bautafel td ul li {
				background: none;
				padding-left: 0;
			}

.container-highlighted {
    padding: 8px 15px;
}
    .container-highlighted p {
        line-height: 150%;
        margin-bottom: 8px;
    }


.container-highlighted + .container-highlighted {
    margin-top: 5px; 
}
	.container-highlighted p:first-child {
		padding-top: 8px;
	}

ul.orange-list {
	display: block;
	list-style-type: 
}

	ul.orange-list li {
		background: url('../img/li_bg_orange.png') left 4px no-repeat transparent;
	}
	
/* Accordion */
 .folder {
    box-shadow: 2px 2px 6px #EDEDED;
    margin-bottom: 10px;
    overflow: hidden;
    /* width: 485px; */
}

.folder .header {
    background: url("../img/ausklapper_bg2.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCD1D7;
    cursor: pointer;
    overflow: hidden;
    padding: 6px 10px;
    position: relative;
}

.folder .header:hover {
    background-position: 0 -45px;
    border-color: #BBBBBB;
}

.folder .header h3 {
    color: #5f5f5f;
    display: inline;
    float: left;
    font-size: 14px;
    margin: 0;
}

.folder .header .icon {
    display: inline;
    float: left;
    margin-right: 13px;
}
.folder .indicator {
    background: url("../img/ausklapper_inaktiv.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 19px;     width: 16px;
    float: right;
    /* right: 15px;
    top: 12px; */

}

.folder.stil2 {
    width: auto !important;
}
.folder.stil2 .body {
    padding-top: 15px;
}
.folder.stil2 .header h3 {
    margin: 0;
    padding-left: 40px;
    background-image: url("../img/icon_checked.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    height: 22px;
    padding-top: 6px;
}
.folder.stil2 {
    box-shadow: none;
}
.folder.stil2 .body {
    border: none;
}

.active .indicator {
    background-image: url("../img/ausklapper_aktiv.png");
}
.folder .body {
    border: 1px solid #CCD1D7;
    border-right: 1px solid #CCD1D7;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 6px;
}

.folder .body td {
    padding-top: 15px;
}
.folder .body td img {
    margin-left: 10px;
    max-height: 140px;
    width: auto;
}
.show-required {
	display: none !important;
}
.tx-cyt-validcoderedirect ul li {
	color: red;
}

.box-product {
	overflow: auto;
	border-top: 1px solid #ccc;
	margin-top: 5px;
	padding-top: 15px;
}
	.box-product:first-child {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}
	.box-product .product-image {
		width: 230px;
		margin-right: 20px;
		float: left;
	}
	.box-product .product-text {
		width: 450px;
		float: left;
	}
	.box-product .product-text h1, .box-product .product-text h1 b, .box-product .product-text h1 .highlight {
		font-size: 16px;
		color: #f07c00;
	}
	.box-product .link-order {
		display: inline-block;
		padding: 5px 10px;
		padding-bottom: 6px;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		background: url(../img/audienceNav_a_bg.png) top left repeat-x #fff;
	}

.typo3-messages {
	clear: both;
	padding: 10px 0;
}
	.typo3-message {
		padding: 10px;
	}
		.typo3-message.message-ok {
			border: 1px solid #248000;
			color: #248000;
			background-color: #cae6bf;
		}
		.typo3-message.message-error {
			border: 1px solid #db0303;
			color: #db0303;
			background-color: #ffdede;
		}