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

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('./fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('./fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('./fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('./fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('./fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('./fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('./fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* Allgemein */
body {
	color:#3e3e3e;
	font-family:'Open Sans', sans-serif; 
	font-size:0.95em; line-height:1.4em;
	margin:0; padding:0 
	}
a, p, div, li, strong, span {
	font-family:'Open Sans', sans-serif; line-height:1.4em; border:0
	}
a { color:#e9a400; }
main a {font-weight:600}
h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	font-family:'Open Sans', sans-serif; line-height:110%;
	margin:0; padding:0;
	text-transform:uppercase;
	color:#707070;
	margin-bottom:0.9em;
	
	}
h1 { font-size: 1.9em; line-height:1.1em !important}
h1 span { line-height:1.1em !important}
h2 { font-size: 1.5em}
h3 { font-size: 1.15em}
.rechts h2 { font-size:1em}

h2 a { display:block; width:100%; padding:5px 0px; background:#fed019; text-decoration:none; color:#3e3e3e; text-align:center}
p {
	margin: 0 0 1em 0
	}
table { width:100%}
td { padding:5px 15px 5px 0; vertical-align:top; border-bottom: 1px solid #CCC}

hr { width:100%; clear:both; margin:20px 0; border:1px solid #CCC; border-width: 1px 0 0 0}

h2.csc-firstHeader { display:none; visibility:hidden}
/* Ende Allgemein */

/* Boxen Bereiche */
header, menu, main, aside, footer {
	width:100%;
	margin:0; padding:0;
	clear:both;
	}
header, footer {
	background:#9a9b9c
	}
header.csc-header { background:none}
aside {
	background:#ffd000
	} 
header #logo {
	padding:10px 0 10px 85px;
	float:left;
	}
header #search {
	float:right
	}
header #search input {
	border:0;
	font-family:'Open Sans', sans-serif;
	float:left;
	margin:0 5px 0 0; padding:7px;
	}
aside .container {
	text-align:center
	}
aside .container img {
	margin-right:20px
	}
footer .container p,
footer .container a {
	text-align:center;
	color:#fff
	}
footer hr {
	border: 1px solid #fff; border-width: 1px 0 0 0
	}
/* Ende Boxen Bereiche */

.container {
	width:100%;
	max-width:1200px;
	margin:0 auto; padding: 10px 0
	}

/* Menü */
ul.topnav {
	margin:0;
	padding:0
	}
ul.topnav li {
	float:left;
	list-style:none;
	margin: 0 0 0 20px; padding: 0
	}
ul.topnav li a {
	color:#3a3a3a;
	text-decoration:none;
	padding:8px 15px;
	display:block;
	font-size:1.05em
	}
ul.topnav li:hover {
	background-color:#fed019
	}
ul.topnav li ul.subnav { display:none; visibility:hidden; position:absolute; width:260px; background:#fff; padding:0; margin:0; z-index:10000}
ul.topnav li ul.subnav li { width:100%}
ul.topnav li ul.subnav ul.subnav { display:none; visibility:hidden; margin:-39px 0 0 260px; background:#fff8df}
ul.topnav li ul.subnav li { clear:both; margin: 0}
ul.topnav li:hover ul.subnav,
ul.topnav ul.subnav li:hover ul.subnav { display:block; visibility:visible !important} 
/* Ende Menü */

#enter, #inhalt, #qicknavi, #picture, .breadcrumb {
	clear:both;
	width:100%;
	padding:0 0 40px 0
	}
#picture {
	padding:0 0 5px 0
	}
.breadcrumb { font-size:0.8em}
	
/* Portallinks */
a.enter-bauherren,
a.enter-handwerker,
#extrainhalte a.tueren,
#extrainhalte a.fenster {
	width:48%;
	position:relative;
	float:left;
	display:block;
	margin-right:4%;
	background: url(images/bauherren.jpg) no-repeat top left;
	text-decoration:none;
	background-size:100% auto;
	}
a.enter-bauherren:before,
a.enter-handwerker:before {
content: "";
display:block;
padding-top: 50%; 
}
#extrainhalte a.tueren:before,
#extrainhalte a.fenster:before {
content: "";
display:block;
padding-top: 35%; 
}

a.enter-handwerker {
	margin:0;
	background: url(images/handwerker.jpg) no-repeat top left;
}
#extrainhalte a.tueren {
	background: url(images/tueren.jpg) no-repeat top left;
}
#extrainhalte a.fenster {
	margin:0;
	background: url(images/fenster.jpg) no-repeat top left;
}
.enter-bauherren span,
.enter-handwerker span,
#extrainhalte a.tueren span,
#extrainhalte a.fenster span {
	background:url(images/bg-portallink.png) repeat top left;
	width:100%;
	margin: 0;
	padding:25px 0;
	text-align:center;
	color:#707070;
	text-transform:uppercase;
	font-size:1.9em;
	font-weight:600;
	display:block
}
#extrainhalte a.tueren span,
#extrainhalte a.fenster span {
	padding:5px 0;
}

/* Ende Portallinks */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px !important;
}

/* Inhaltsbereich */
#extrainhalte {
	border-bottom: 1px solid #9a9b9c
	}
.portal #inhalt .links,
.portal #inhalt .rechts,
#inhalt .links,
#inhalt .rechts {
	width:48%;
	float:left;
	margin-right:6%
	}
.portal #inhalt .links {
	margin-right:4%
	}
#inhalt .links {
	width:67%;
	} 
#inhalt .rechts {
	width:27%;
	}
.portal #inhalt .rechts,
#inhalt .rechts {
	margin:0
	}
#inhalt .links .innen {
	padding:0 0 0 40px
	}
.rechts img { width:100%; height:auto}
.csc-textpic-intext-left { display:block; float:left; width:100% !important; clear:both}
.csc-textpic-intext-left div.csc-textpic-imagewrap,
.csc-textpic-intext-left div.csc-textpic-text { float:left !important; width:50% !important;}
.csc-textpic-intext-left div.csc-textpic-imagewrap img { width: 100% !important; height:auto !important}
#inhalt figure { margin:0 20px 10px 0;}
#inhalt .rechts figure { margin: 10px 0}

h1.csc-firstHeader { margin:0}
h1.csc-firstHeader+h1 { color:#fed019}

.csc-mailform ol li { margin-bottom:5px !important}
.csc-mailform input { padding:3px !important; font-family:'Open Sans', sans-serif; }
.csc-mailform input,
.csc-mailform textarea {width: 45%}
.csc-mailform input[type="radio"] { width:auto !important}
.csc-mailform input[type="submit"],
.csc-mailform input[type="reset"] { width:auto !important; padding:5px 30px !important; border:0 !important; background:#fed019; margin-left:16em}
.csc-mailform input[type="checkbox"] { width: auto !important}
figcaption { font-size:0.8em; line-height:1.1em; color:#999}
/* Ende Inhaltsbereich */

/* Inhalt Kacheln */
div.csc-textpic-imagerow { width:50%; float:left}
div.csc-textpic-imagerow img { width:100%; height:auto }
/* Ende Inhalt Kacheln */

/* Kacheln */
#qicknavi {
	padding:30px 0
	}
#qicknavi .gross {
	display:block;
	position:relative;
	float:left;
	width:32.5%;
	margin-right:4px;
	margin-bottom:4px;
	text-decoration:none;
	color:#3e3e3e
	}

#qicknavi .klein {
	display:block;
	position:relative;
	float:left;
	width:16.2%;
	margin-right:4px;
	margin-bottom:4px;
	text-decoration:none;
	color:#3e3e3e
	}
#qicknavi .gross:before {
	content: "";
	display:block;
	padding-top: 101%;
	}
#qicknavi .klein:before {
	content: "";
	display:block;
	padding-top: 100%;
	}
#qicknavi .gross div,
#qicknavi .klein div {
	padding:15px;
	text-decoration:none;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	}
#qicknavi .gross h3,
#qicknavi .klein h3 {
	color:#3e3e3e
	}
#qicknavi .gross h3 {
	font-size:1.5em
	}
#qicknavi #haustuerkonfigurator,
#qicknavi #uwertrechner,
#qicknavi #lexikon,
#qicknavi #faq,
#qicknavi #broschueren,
#qicknavi #endkundenanfrage,
#qicknavi #haendlerregistrierung,
#qicknavi #haendlerlogin,
#qicknavi #bauherrenanfrage,
#qicknavi #dienstleistungen,
#qicknavi #freistellung,
#qicknavi #tauwasser {
	-moz-box-shadow:0px 0px 70px #CCC inset; /* Firefox */
	-webkit-box-shadow:0px 70px 6px #CCC inset; /* Chrome, Safari */
	-khtml-box-shadow:0px 70px 6px #CCC inset; /* Konqueror */
	box-shadow:0px 0px 70px #CCC inset; /* CSS3 */
	}
#qicknavi #stellenangebot {
	background: #ffd000 url(images/kacheln/stellenangebot.png) no-repeat bottom right;
	}
#qicknavi #haustuerkonfigurator {
	background: #fff url(images/kacheln/haustuerkonfigurator.png) no-repeat bottom right;
	}
#qicknavi #uwertrechner {
	background: #fff url(images/kacheln/uwertrechner.png) no-repeat bottom right;
	}
#qicknavi #lexikon {
	background: #fff url(images/kacheln/lexikon.png) no-repeat bottom right;
	}
#qicknavi #faq {
	background: #fff url(images/kacheln/faq.png) no-repeat bottom right;
	}
#qicknavi #broschueren {
	background: #fff url(images/kacheln/broschueren.png) no-repeat bottom right;
	}
#qicknavi #endkundenanfrage {
	background: #fff url(images/kacheln/endkundenanfrage.png) no-repeat bottom right;
	}
#qicknavi #haendlerlogin {
	background: #fff url(images/kacheln/haendlerregistrierung.png) no-repeat bottom right;
	}
#qicknavi #haendlerregistrierung {
	background: #fff url(images/kacheln/haendler-registrierung.png) no-repeat bottom right;
	}
#qicknavi #bauherrenanfrage {
	background: #fff url(images/kacheln/bauherrenanfrage.png) no-repeat bottom right;
	}
#qicknavi #dienstleistungen {
	background: #fff url(images/kacheln/dienstleistungen.png) no-repeat bottom right;
	}
#qicknavi #freistellung {
	background: #fff url(images/kacheln/freistellung-fa.png) no-repeat bottom right;
	}
#qicknavi #tauwasser {
	background: #fff url(images/kacheln/tauwasserberechnung.png) no-repeat bottom right;
	}

#qicknavi #stellenangebot,
#qicknavi #stellenangebot.klein,
#qicknavi #haustuerkonfigurator,
#qicknavi #haustuerkonfigurator.klein,
#qicknavi #uwertrechner,
#qicknavi #lexikon,
#qicknavi #faq,
#qicknavi #broschueren,
#qicknavi #endkundenanfrage,
#qicknavi #haendlerregistrierung,
#qicknavi #haendlerlogin,
#qicknavi #bauherrenanfrage,
#qicknavi #dienstleistungen,
#qicknavi #freistellung,
#qicknavi #tauwasser {
	background-size:100% auto
	}
/* Ende Kacheln */

/* Häuftige Fragen */
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #707070 !important;
}
.ui-accordion {
	margin-bottom:20px
}
.ui-accordion-content h1 { font-size:16px !important}
/* Ende Häuftige Fragen */

/* Glossar */
.relglossary.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.relglossary.pagination ul li {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.relglossary.pagination ul li a {
  text-decoration: none;
}
.relglossary.pagination ul li.first {
  margin-left: 0;
}
.relglossary.pagination ul li.last {
  margin-right: 0;
}
.relglossary.pagination ul li.empty {
}
.relglossary.link {
  display: inline;
  position: relative;
}
.relglossary.pagination {
	display:inline-block;
}
.relglossary dd {
	margin:0;
	padding: 10px 0;
}
.list-page dt {
	margin:0;
	padding: 5px 0;
}
/* end Glossar */


/* Suchseite */
#tx_indexedsearch input.sword { width: 100% !important; font-family: "Open Sans",sans-serif; padding: 7px;}
input.tx-indexedsearch-searchbox-button {background: #fed019 none repeat scroll 0 0;
    border: 0 none !important;
    padding: 5px 30px !important;}
#tx_indexedsearch table td { border:0 !important}
.tx-indexedsearch-redMarkup { color:#ffb400 !important}
td.tx-indexedsearch-info { font-size:10px !important}
/* Ende Suchseite */
input#user,
input#pass { width: 30% !important; font-family: "Open Sans",sans-serif; padding: 7px;}
.tx-felogin-pi1 input[type="submit"] { width:auto !important; padding:5px 30px !important; border:0 !important; background:#fed019}
footer .container p { width:65%; margin: 0 auto }
#searchform_tx_sgglossary_pi1 input { width: 30% !important; font-family: "Open Sans",sans-serif; padding: 7px;}
#searchform_tx_sgglossary_pi1 input[type="submit"] { width:auto !important; padding:5px 30px !important; border:0 !important; background:#fed019 !important}

ul.brosch li { list-style-image:url(../user_upload/bilder/brosch-pdf.gif)}
ul.brosch li.blaettern { list-style-image:url(../user_upload/bilder/brosch-blaettern.gif)}

.benutzername { width:100%; clear:both !important}

/* RL */
.tx-macinasearchbox-pi1 {
    float:left;
}
/* end RL */

ul li.kt { list-style-image:url(../user_upload/bilder/standort-kitzingen.gif); margin-bottom:5px}
ul li.oe { list-style-image:url(../user_upload/bilder/standort-oehna.gif); margin-bottom:5px}

/* kleine Bildschirme */
@media only screen and (device-width: 1379px), (max-width: 1380px) {
}

/* Tablet screens */
@media handheld, only screen and (device-width: 1023px), (max-width: 1024px) {
}

/* Tablet screens Hochformat */
@media handheld, only screen and (device-width: 649px), (max-width: 768px) {
}

/* Mobile */
@media handheld, only screen and (max-width: 700px) {
	
input#user,
input#pass { width: 90% !important; margin-bottom:5px}
.tx-felogin-pi1 input[type="submit"] { width: 95% !important; margin-bottom:5px}

#picture img { width:100% !important; height: auto !important}

footer .container p { font-size: 0.75em !important; width:99% !important}
.container {
    margin: 0 !important;
    max-width: 100% !important;
    width: 99.9% !important;
}
#enter, #inhalt, #qicknavi, #picture, .breadcrumb {
    padding: 0 0 15px !important;
}
a.enter-bauherren,
a.enter-handwerker,
#extrainhalte a.fenster,
#extrainhalte a.tueren {
	width:100% !important;
	margin-right:0% !important;
	margin-bottom:10px !important
	}
a.enter-bauherren:before,
a.enter-handwerker:before {
padding-top: 45% !important; 
}
.enter-bauherren span,
.enter-handwerker span,
#extrainhalte a.fenster span,
#extrainhalte a.tueren span {
    font-size: 1.25em !important;
    padding: 5px 0 !important;
}
#qicknavi { padding: 6px 0 0 6px !important; width:98.4% !important}
#qicknavi .gross div,
#qicknavi .klein div {
    padding: 2px !important;
}
#qicknavi .gross h3 {
    font-size: 1.15em !important;
}
#qicknavi .gross,
#qicknavi .klein {
	width:47.9% !important;
	}
.portal #inhalt .links,
.portal #inhalt .rechts,
#inhalt .links,
#inhalt .rechts {
    clear:both !important;
    margin-right: 0 !important;
    width: 100% !important;
}
#inhalt .rechts {
	margin-top:10px !important
	}
#inhalt .links .innen {
    padding: 0 0 0 15px !important;
}
header #logo {
    padding: 0 20% !important;
}
header #logo img {
    width:100% !important;
}
header #search {
    margin-top:10px !important
}
a#stellenangebot p { display:none !important; visibility:hidden !important}

div.rechts header,
div.rechts p { margin-right:5px; margin-left:5px; width:95% !important}

div.csc-mailform li input,
div.csc-mailform li textarea { width:95% !important}
}

/* Newsletter-Archiv Monatsmenü raus */
.navi .l3_no>ul {
	display:none !important;
}
/* end Newsletter-Archiv Monatsmenü raus */
body.newsletter table div.csc-textpic-image img { width:190px !important; height:auto !important}