/* Fonts --> */
@font-face {
	font-family: 'Gudea';
	src: local('☺'), url('/css/font/buedenbaender/Gudea-Regular.ofc.ttf.woff') format('woff'); /* (wie Original-ttf) */
	/*src: local('☺'), url('/css/font/buedenbaender/Gudea-Regular.fs.otf.woff') format('woff'); /* (wie .ttf.woff) kleine I-Punkte */
	/*src: local('☺'), url('/css/font/buedenbaender/Gudea-Regular.ofc.otf.woff') format('woff'); /* (wie Original-otf) fetter als ttf */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gudea-webkit';
	/*src: local('☺'), url('/css/font/buedenbaender/Gudea-Regular.ofc.otf.woff') format('woff'); /* (wie Original-otf) etwas unscharf */
	src: local('☺'), url('/css/font/buedenbaender/Gudea-Regular.fs.otf.woff') format('woff'); /* (wie .ttf.woff) kleine I-Punkte, dünner */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gudea0';
	src: local('☺'), url('/css/font/buedenbaender/Gudea-Bold.ofc.ttf.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Gudea0';
	src: local('☺'), url('/css/font/buedenbaender/Gudea-Italic.ofc.ttf.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
/* <-- Fonts */

/* Reset --> */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; text-align:left; }
caption, th, td { text-align:inherit; vertical-align:inherit; }
abbr, acronym { border-bottom:1px dotted #666666; cursor:help; font-variant:normal; }
blockquote, q { quotes:none; }
fieldset, img { border:0 none; }
ul { list-style-type:none; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
del { text-decoration:line-through; }
ins { text-decoration:none; }
input, button, textarea, select { margin:0; padding:0; font-size:99%; font-weight:inherit; font-family:inherit; }
pre, code { font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier; font-size:100%; word-wrap:break-word; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; }
/* <-- Reset */

/* Basic --> */
html { height:100%; -webkit-font-smoothing:antialiased; font-smooth:always; }
body { height:100%; overflow-y:scroll; font:62.5% Gudea, Arial, sans-serif; color:#333; background:#eee; }
body.presto,
body.webkit { font-family:Gudea-webkit, Arial, sans-serif; }
body.ie8 { font-family:Arial, sans-serif; }
a { text-decoration:none; color:inherit; }
a:hover { text-decoration:none; }
p { font-size:14px; }
.ie8 p { font-size:16px; }
td[align=right] { text-align:right; }
.clear { clear:both; }
.navtext { cursor:default; }
span[style="color:#FF0000;"] { color:#E3001B !important; }
table[cellpadding] { border-collapse:separate; border-spacing:5px; }
/* <-- Basic */

/* Common --> */
.form-layout1 { font-size:10px; }
.form-layout1 p { font-size:1.6em; }
.form-layout1 > table { width:45em; border-collapse:separate; border-spacing:0 10px; }
.form-layout1 th { width:12em; font-weight:normal; }
.form-layout1 th + td { border-left:10px solid transparent; }
.form-layout1 label,
.form-layout1 input,
.form-layout1 textarea,
.form-layout1 select { font-size:1.6em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.form-layout1 input[type=text] { width:100%; padding:1px 4px; }
.form-layout1 input[type=checkbox] { position:relative; float:left; top:3px; }
.form-layout1 input[type=checkbox] + label { display:block; padding-left:20px; }
.form-layout1 textarea { width:100%; height:6em; padding:1px; resize:vertical; }
.form-layout1 select { width:100%; }
.form-layout1 .input-txt { border:1px solid #aaa; }
.form-layout1 .element.submit { text-align:right; }
.form-layout1 .input-btn { padding:2px 10px; }
.form-layout1 label:after { content:':'; }
.form-layout1 .required label:after { content:':*'; }
.form-layout1 .chk label:after { content:''; }
.form-layout1 .chk.required label:after { content:'*'; }
/* <-- Common */

.pagewrapper { position:relative; overflow:hidden; min-width:1230px; margin:0 auto; }
.pagewrapper > .inside { position:relative; width:1200px; left:50%; margin-left:-625px; border:solid #7C5022; border-width:0 1px 1px 1px; background:#fff; }

/* Header --> */
.pageheader { position:relative; padding-top:30px; }
.pageheader .homelink { }
.pageheader .homelink > .navlink,
.pageheader .homelink > .navtext { position:absolute; z-index:2; display:block; top:12px; left:25px; width:480px; height:168px; text-align:left; text-indent:-999em; overflow:hidden; }

#mainnav { position:absolute; top:0; right:0; }
#mainnav > ul { display:inline-block; }
#mainnav > ul > li { float:left; margin:0 12px; }
#mainnav > ul > li > a,
#mainnav > ul > li > .navtext { display:inline-block; padding:10px; color:#777; text-decoration:none; font-size:1.5em; line-height:0.9; font-weight:bold; }
#mainnav > ul > li > a:hover,
#mainnav > ul > li.active > a,
#mainnav > ul > li > .navtext { color:#C2551A; }

#subnav { background:#e5e5e5; }
#subnav > ul { display:table; table-layout:fixed; width:100%; text-align:center; }
#subnav > ul > li { display:table-cell; vertical-align:middle; height:30px; }
#subnav > ul > li > a,
#subnav > ul > li > .navtext { display:inline-block; padding:2px 10px; color:#111; text-decoration:none; font-size:1.5em; line-height:normal; }
#subnav > ul > li > a:hover,
#subnav > ul > li > .navtext { color:#C2551A; }
#subnav > ul > li > .navtext { font-weight:bold; }
/* <-- Header */

/* Body --> */
.pagebody { position:relative; margin-top:5px; background:#e5e5e5; }

/* Hauptspalte --> */
.bodymain { }
.ska_kontakt .bodymain { font-size:12px; }

/* Buehne --> */
#buehne { position:relative; z-index:1; overflow:hidden; width:1200px; height:135px;
background:url("/image/templates/buedenbaender/lineal.jpg"); }
.pl_start #buehne { margin-bottom:0; }
/* <-- Buehne */

/* Hauptinhalt --> */
.maincontent { display:inline-block; width:100%; padding:30px 50px; font-size:14px; line-height:1.2;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ie8 .maincontent { font-size:14px; }

.maincontent hr { visibility:hidden; clear:both; }
.maincontent a { text-decoration:none; color:#E3001B; }
.maincontent a:hover { text-decoration:underline; }
.maincontent h1 { margin:0 0 1em; font-size:20px; font-weight:bold; color:#000000; }
.maincontent h2 { margin:1em 0; font-size:18px; font-weight:bold; color:#000000; }
.maincontent h3 { margin:1em 0; color:#E3001B; }
.maincontent p { margin:0.7em 0; }
.maincontent img[align=left] { margin-right:20px; }
.maincontent img[align=right] { margin-left:20px; }
.maincontent > img[src*="image/kopfgrafiken/skat/"] { float:right; min-width:470px; max-width:470px; margin:-15px -35px 15px 40px; }

.einzelseite { margin-right:470px; }
.einzelseite_icons { display:none; }
.einzelseite ul { margin:10px 0; list-style-image: url("/image/templates/buedenbaender/list-icon.png")}
.einzelseite li { margin:5px 0 5px 25px; padding-left:10px; }
.einzelseite > h2 { margin:15px 0; color:#E3001B; font-size:20px; line-height:1.1; font-weight:normal; }
.bodymain_start .sub-headline-link > b,
.bodymain .hsuper { display:none; }
.hochbaupix { width:150px; height: 100px; overflow:hidden; margin-right:25px; margin-bottom: 15px; float: left; }
.hochbaupix img { width: 150px; }

/* <-- Hauptinhalt */
/* <-- Hauptspalte */

/* Startseite --> */
.pagebody_start { height:550px; background:url("/image/templates/buedenbaender/start_bg.jpg"); }
/* <-- Startseite */

/* <-- Body */

/* Footer --> */
.pagefooter { }
/* <-- Footer */

/* =Responsive Structure ----------------------------------------------- */
@media (max-width:767px) {
	
	#mainnav { text-align:left; }
	#mainnav > ul { display:block; }
	#mainnav > ul > li { display:block; }
	#mainnav > ul > li + li { border-width:1px 0 0; }
	#mainnav > ul > li > a,
	#mainnav > ul > li > .navtext { display:block; height:auto; padding:5px 10px; }
	#mainnav > ul > li > ul { left:-9999em !important; width:auto; padding-left:10px; margin:0; border-width:0; }
	#mainnav > ul > li:last-child > ul { padding-bottom:2px; }
	#mainnav > ul > li.active > ul { position:relative; left:auto !important; top:auto !important; }
	#mainnav > ul > li > ul > li > a,
	#mainnav > ul > li > ul > li > .navtext { }

}