@import url('style_layouts.css');

body, table {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

body {
	background: #e6ebf0;
}

table {
	empty-cells: show;
}

a {
	text-decoration: underline;
	color: #003366;
}

b, strong {
	color: #003366;
}

.layoutContent2Gray b,
.layoutContent2Gray strong,
.offerSubheader b,
.offerSubheader strong {
	color: #000000;
}


ul {
	margin: 0px 0px 10px 0px;
	padding: 2px 5px 0px 20px;
	list-style-type: disc;
}

li {
	padding-bottom: 3px;
}

input {
	vertical-align: top;
}

.black {
	color: #000000;
}


h1, h2, h3, h4, h5, h6, 
.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8,
P.h1, P.h2, P.h3, P.h4, P.h5, P.h6, P.h7, P.h8,
.teaser {
	margin: 0px 0px 3px 0px;
	font-size: 13px;
	font-weight: bold;
	display: block;
}
a .h1, a .h2,a .h3,a .h4, a .h5, a .h6, a .teaser {
	text-decoration: none;
	display: block; 
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	text-decoration: none;
}



h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

h1, .h1, P.h1 {
	color: #003366;
}

h2, .h2, P.h2 {
	color: #000000;
}

h3, .h3, P.h3 {
	padding: 3px;
	color: #000000;
	background: #e6ebf0;
}

h4, .h4, P.h4,
h5, .h5, P.h5,
h6, .h6, P.h6,
.teaser {
	margin: 0px 0px 3px -4px;
	padding: 1px 15px 2px 3px;
	border: 1px dotted #c5ced5;
	background: url('g/button.gif') no-repeat top right;
	color: #000000;
}

h5, .h5, P.h5 {
	color: #003366;
}

h6, .h6, P.h6 {
	background: url('g/button_on.gif') no-repeat top right;
	vertical-align: top;
	color: #ff6600;
}

h4 a, h5 a, h6 a {
	display: block;
}


.teaser {
	background: url('g/button.gif') no-repeat top right;
	color: #003366;
}

.offer {
	background: url('g/button_on.gif') no-repeat top right;
	color: #ff6600;
}

.h7, P.h7,
.h8, P.h8 {
	padding-left: 38px;
	margin: 0px 0px 17px 0px;
	color: #000000;
	line-height: 21px;
	font-size: 13px;
	text-decoration: none;
	background: transparent url('hkh/anfrage_grau.gif') no-repeat 13px center;
}

/* h8 - same as h7 only aligned on the right side */
.h8, P.h8 {
	text-align: right;
	padding-left: 0px;
	padding-right: 0px;
	background: none;
	background-image: none;
}

.h8 span, P.h8 span {
	color: #000000;
	padding: 2px 0px 2px 35px;
	line-height: 21px;
	background: transparent url('hkh/anfrage_weiss.gif') no-repeat 13px center;
}

.layoutContentPhotos .h8 {
	padding: 0px;
	padding-right: 8px;
	margin: 0px;
}

/* more padding for the 3rd column */
.layoutContent2White .h8,
.layoutContent2Gray .h8 {
	padding-right: 13px;
}


.bodytext {
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}


/***  MENU STYLES  ***/

.specMenu {
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 1px;
	color: #003366;
}

.specMenuTbl {
	font-size: 11px;
	margin-left: auto;
	margin-right: 0px;
}

.specMenuTd {
	vertical-align: middle;
	padding-left: 5px;
}

.logo {
	width: 180px;
	height: 86px;
	padding-left: 15px;
	padding-top: 0px;
	vertical-align: top;
}

.logoContainer {
	padding-top: 10px;
}

.separator {
	width: 10px;
}

.mainMenu {
	width: 770px;
	padding-top: 10px;
	padding-left: 12px;
	vertical-align: top;
	color: #cccccc;
	background: url('g/navfeld.gif');
}
.navBar {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	padding-left: 1px;
	padding-top: 3px;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #8099B3;
	color: #969DA9;
	color: red;
}
.menuHeader {
	height: 30px;
	border: 1px solid #c5ced5;
	vertical-align: top;
}
.menuLine {
	height: 1px;
	font-size: 1px;
	margin-top: 3px;
	border-top: 1px solid #c5ced5;
}
.menu {
	width: 190px;
	border: 1px solid #c5ced5;
	border-top: 0px;
	vertical-align: top;
}

a.linkSpec,
a.linkSpecAct {
	color: #003366;
	text-decoration: none;	
}

a.linkSpec:hover,
a.linkSpecAct {
	color: #FF6904;
}

a.linkMain,
a.linkMainAct {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}
a.linkMain:hover,
a.linkMainAct {
	color: #FF9933;
}

.nav1 {
	margin: 9px 0px 5px 7px;
	display: block;
}

.nav1 a,
.nav2 a {
	text-decoration: none;
}

a.linkMenu1,
a.linkMenu1Act {
	color: #003366;
	font-weight: bold;
	padding-left: 15px;
	background: url('g/nav_button.gif') no-repeat left;
	display: block;
}

a.linkMenu1:hover,
a.linkMenu1Act {
	color: #FF6600;
	background: url('g/nav_button_on.gif') no-repeat left;
}

.nav2 {
	margin-left: 15px;
	padding: 3px 0px 3px 10px;
	width: 168px;
	background-color: #ffffff;
	border-bottom: 1px dotted #c5ced5;
	display: block;
}

.nav2Wrap {
	height: 1px;
	font-size: 1px;
	margin-left: 15px;
	width: 178px;	
	border-top: 1px dotted #c5ced5;
	background-color: #ffffff;
}

a.linkMenu2 {
	color: #003366;
}

a.linkMenu2:hover,
a.linkMenu2Act {
	color: #FF6600;
}

.nav3 {
	margin-left: 15px;
	padding: 3px 0px 3px 25px;
	width: 153px;
	background-color: #ffffff;
	display: block;
}
.nav3Wrap {
	height: 1px;
	font-size: 1px;
	margin-left: 15px;
	width: 178px;	
	border-bottom: 1px dotted #c5ced5;
	background-color: #ffffff;
}

a.linkMenu3 {
	color: #003366;
	text-decoration: none;
}

a.linkMenu3:hover,
a.linkMenu3Act {
	color: #FF6600;
	text-decoration: none;
}

a.linkNavBar {
	color: #969DA9;
	text-decoration: none;
}

a.linkNavBar:hover {
	color: #003366;
}

/* CONTENT */
.contentContainer {
	width: 792px;
	vertical-align: top;
}
.content {
	vertical-align: top;
	table-layout: fixed;
}
.separator1, .separator2, .separator3 {
	width: 15px;
}




/* SITEMAP */
.smaptd, .smaptd2, smaptd2b {
	width: 225px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align: top;
}
.smaptd2 {
	padding-top: 15px;
	border-bottom: 1px dotted #c5ced5;
}
.smaptd2b {
	padding-top: 15px;
	vertical-align: bottom;
}
.smap1 {
	width: 215px;
	margin-left: -15px;
}
.smapLink1, .smapLink1b {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	background: url('g/nav_button.gif') no-repeat left;
	border-bottom: 1px dotted #c5ced5;
	display: block;
}
.smap1b {
	width: 215px;
	border-bottom: 1px dotted #c5ced5;
}
.smapLink1b {
	border: none;
}

.smap1c {
	width: 200px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #c5ced5;
}
.smapLink1c {
	font-weight: bold;
	color: #8F8F8F;
	text-decoration: none;
}
.smapSpace1 {
	height: 5px;
}
.smap2 {
	width: 200px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-bottom: 1px dotted #c5ced5;
}
.smapLink2 {
	color: #000000;
	text-decoration: none;	
}

.smap3 {
	width: 200px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-bottom: 1px dotted #c5ced5;
}
.smapLink3 {
	color: #000000;
	padding-left: 0px;
	text-decoration: none;	
}

/* GOOGLE-SITEMAP */
.gmapLink1 {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	background-image: url('g/nav_button.gif');
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: 1px dotted #c5ced5;
	display: block;
}
.gmapLink2 {
	font-weight: bold;
	padding-left: 15px;
	color: #8F8F8F;
	text-decoration: none;
	
}
.gmapLink3 {
	padding-left: 15px;
	color: #8F8F8F;
	text-decoration: none;	
}


.headerArticleOverviewRight {
	border: 1px solid red;
	display: inline;
	width: 30%;
	text-align: right;
	border: 1px solid red;
}


/* News */
.newsImageContainer {
	padding-left: 0px;
	padding-bottom: 5px;
}
.newsLatestTable {
}
.newsLatestImageContainer {
	padding-bottom: 15px;
	vertical-align: top;
}
.newsLatestContent {
	width: 100%;
	padding-left: 10px;
	padding-bottom: 15px;
	vertical-align: top;
}
.newsSingleTd1 {
	vertical-align: top;
}
.newsSingleTd2 {
	padding-right: 10px;
	padding-bottom: 20px;
	vertical-align: top;
}
.newsSingleImageContainer {
	float: left;
}
.newsSingleSubHeader {
	padding-left: 10px;
	font-weight: bold;
}
.newsSingleContent {
	padding-left: 10px;	
}
.newsArchiveYear {
	font-weight: bold;
	vertical-align: top;
}
.newsArchiveItem {
	padding-left: 5px;
	vertical-align: top;
}



/* Offers */

.offersTable {
	width: 100%;
}

.offersRow1Td1 {
	font-weight: bold;
	color: #FF6600;
	padding-left: 3px;
	border-top: 1px dotted #c5ced5;
	border-left: 1px dotted #c5ced5;
	border-bottom: 1px dotted #c5ced5;
	vertical-align: top;
}
.offersRow1Td1 a {
	color: #FF6600;	
	text-decoration: none;
}
.offersRow1Td2 {
	border-top: 1px dotted #c5ced5;
	border-right: 1px dotted #c5ced5;
	border-bottom: 1px dotted #c5ced5;
	vertical-align: top;
}
.offersRow2Td1 {
	padding-left: 3px;
	vertical-align: top;
}
.offersRow2Td2 {
	padding-top: 10px;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
}

.offersImageButton {
	border: none;
	vertical-align: top;
}

.offersImageSell {
	border: none;
}

.offersSubheader .offersImageSell {
	float: right;
	margin: 2px 0px 0px 0px;
}

.offersSingleRow1Td1 {
	padding: 2px;
	width: 214px;
	background-color: #e6ebf0;
	vertical-align: top;
}
.offersSingleRow1Td2 {
	font-weight: bold;
	color: #FF6600;
	padding: 2px 0px 2px 10px;
	background-color: #e6ebf0;
	vertical-align: top;	
}
.offersSingleRow2Td1 {
	padding-top: 5px;
	vertical-align: top;
}
.offersSingleRow2Td2 {
	font-weight: bold;
	padding: 5px 0px 0px 10px;
	vertical-align: top;	
}
.offersSingleContent {
}

.offersFormLabel {
	padding: 2px 0px;
	background-color: #e6ebf0;
}

.offersFormField {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #e6ebf0;
}

.offersSubheader .boldprice,
.offersRow2Td1 .boldprice {
	font-weight: bold;
}

.offersMoreLink {
	display: none;
}

.offersSubheader .offersMoreLink,
.offersSingleRow2Td2 .offersMoreLink {
	display: block;
	margin: 8px 0px 0px 0px;
}

.offersSingleRow2Td2 {
	background: url('g/prozent_orange.gif') no-repeat 200px 12px;
}

.offersSingleRow2Td2 .offersMoreLink {
	margin-top: 15px;
}

.offersMoreLink a {
	color: #ff6600;
	text-decoration: none;
}


/* Added for TYPO3 4.0 */

.csc-mailform {
	margin: 0px;
	border: 0px;
	padding: 0px;
	display: table;
	border-collapse: collapse;
}

.csc-mailform-field {
	display: table-row;
	background-color: #e6ebf0;
}


.csc-mailform-field label {
	display: table-cell;
	width: 150px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #ffffff;
	background-color: #e6ebf0;
	vertical-align: top;
}

.csc-mailform-input {
	display: table-cell;
	padding: 2px 10px 2px 2px;
	border: 1px solid #ffffff;
}


.contactFormField input,
.contactFormField textarea,
.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select,
.layoutContent2Gray input {
	border: 1px solid #444444;
	margin: 2px 0px;
}

.contactFormField input,
.contactFormField textarea {
	width: 250px;
	margin: 2px 15px 2px 2px;
}

.contactFormFoto img {
	margin: 4px 0px 0px 0px;
}

input.csc-mailform-submit {
	width: auto;
	padding: 0px 20px;
}

/* mailforms */



.layoutContent2Gray label {
	display: none;
}


.news-amenu-item-year {
	list-style: none;
}

.csc-textpic a {
	margin: 0px;
	padding: 0px;
}

.csc-textpic-text {
	padding: 1px 0px 0px 0px;
}

.csc-textpic-caption {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.layoutContent .csc-textpic-caption {
	padding: 5px 2px 15px;
}


/* Space below each image (also in-between rows) */
.layoutContent2 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.layoutContent2Gray DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { 
	margin-top: 1px;
	margin-bottom: 19px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.layoutNoImageMargin DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}




.csc-textpic-clear,
.csc-textpic-equalheight .csc-textpic-imagerow {
	margin-bottom: 6px; 
}


/* Cards View */
.layoutCardsElement .csc-textpic-clear {
	margin-bottom: 0px;
}

.csc-textpicHeader-26 {
	margin-top: 10px;
}

.csc-caption {
	margin-top: 5px;
}



/* to top link */
.csc-linkToTop {
	margin-top: 3px;
	margin-bottom: 15px;
}


/* tables */
.contenttable { }

.contenttable p {
	margin: 0px;
}

.td-0, .td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-7, .td-8, .td-9, .td-10, .td-11  {
	padding-right: 20px;
}

.td-last { }

/* Classes for RTE */
table.TechnischeDatenTabelle {
	border: 1px solid #dcdcdc;
	text-align: left;
	vertical-align: top;
}

.TechnischeDatenTabelle td {
	border: 1px solid #dcdcdc;
	line-height: 16px;
	background-position: top;
	vertical-align: top;
	padding: 4px 10px 4px 6px;
}

tr.TechnischeDatenKopfzeile {
	font-weight: bold;
}

tr.TechnischeDatenSchattierteZeile {
	background-color: #e6ebef;
}

td.TechnischeDatenGraueZelle {
	background-color: #C7CACF;
}