html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea, input, table, caption, tbody, tfoot, thead 
{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

html {overflow-y: no;}
body, html { height:100%; }

body { background:#a1a523 url(../images/bg.gif) 0 0 repeat-y fixed; }
body.nav { padding-left:2px; }
body.frameleft { background:#a1a523 url(../images/bg_wrapper.gif) repeat-x;  }
body.frameright { background:#a1a523; border-left:2px solid #fff;  }
body.content { background-position:-202px 0; }
body.header { background:#bfa6a8 url(../images/bg_head.gif) repeat-x; }
body.beige { background-image:url(../images/bg_beige.gif); }
body.blau { background-image:url(../images/bg_blau.gif); }
body.rosa { background-image:url(../images/bg_rosa.gif); }
body.vio { background-image:url(../images/bg_vio.gif); }

html, body, textarea { 
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#6d615b;
	scrollbar-base-color:#b9af7d;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#b9af7d;
	scrollbar-highlight-color:#b9af7d;
	scrollbar-shadow-color:#b9af7d;
	scrollbar-track-color:#cbc49f;
}

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address { margin-bottom:16px; }

h1, h2, h3, h4, p, li, address, td, label, span, div { color:#564e49; line-height:18px;  }

h1 { font-size:14px; font-weight:normal; line-height:22px; }
h2 { font-size:11px; margin-bottom:0; }
h3 { font-size:11px; font-style:italic; font-weight:normal; }
p, li, caption, th, td, label, address { font-size:11px; color:#424242; }

address { font-style:normal; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:circle; }

a, a span { color:#564e49; text-decoration:underline; }
a:hover, a:focus, a.active { color:#fff; }

div.pdflage { width:440px; margin:0 auto; text-align:left; }
div.pdflage a, div.grundrissnav a { font-size:11px; }

div.grundrissnav { position:absolute; top:534px; right:40px; }
div.grundrissnav a:hover, div.grundrissnav a:focus { color:#ccc; }

/*************************************************** layout */

div.wrapper { height:224px; width:100%; border-bottom:2px solid #fff; }

div.wrapper, div.site, div#nav, div#content { display:block; }

div#content { width:720px; padding:50px 0 20px 20px; }

/****** Header */

div#head { height:224px; background:0 0 no-repeat; position:relative; border-bottom:2px solid #fff; } 

div#head div.imga, div#head div.imgb { height:224px; background-repeat:no-repeat; } 
div#head div.imga { width:198px; }
div#head div.imgb { width:410px; }

div#head div.logo { bottom:10px; right:15px; position:absolute; width:323px; height:74px; }
div#head div.logo a { background:url(../images/logo.gif); border:0 none; width:323px; height:74px; display:block; }

div.siag { top:0; left:2px; position:absolute; width:21px; height:127px; }
div.siag a { background:url(../images/siag_logo.jpg); border:0 none; width:21px; height:127px; display:block;  }

/****** Content */

div#content {}

div#content div.left, div#content div.right { float:left; }
div#content div.left, div#content div.leftfull { width:370px; padding-right:20px; }
div#content div.leftfull { width:681px; }
div#content div.right { width:321px; }

div#content div.right img, div#content div.leftfull a.gallimg img { display:block; }

div#content div.right img.swapimg { margin-bottom:10px; }
div#content div.right div.thumbs img, div#content div.leftfull a.gallimg { float:left; margin-right:10px; }
div#content div.leftfull a.gallimg { margin:0 20px 20px 0; }

div#content div.right div.lage img { float:left; margin-right:5px; }

div#isometrie { z-index:100; position:absolute; left:0; top:0; }

div#content div.preisliste { float:none; position:relative; display:block; width:98%; padding-right:0; }

div#content div.preisliste table { width:100%; border-spacing: 1px; }
div#content div.preisliste table caption, div#content div.preisliste table th { text-align:left; font-weight:bold; }
div#content div.preisliste table caption, div#content div.preisliste table td, div#content div.preisliste table th { padding:1px 4px; }
div#content div.preisliste table th { width:14%; }
div#content div.preisliste table th.wide { width:70%; }

div#content div.preisliste table.defh { background-color:#6f6d69; }
div#content div.preisliste table.defh caption { border-color:#6f6d69; border-style:solid; border-width:1px 1px 0 1px; }
div#content div.preisliste table.defh th, div#content div.preisliste table.defh caption { background-color:#98bad2; }
div#content div.preisliste table.defh tr { background:#cfdde7; cursor:pointer; }
div#content div.preisliste table.defh tr:hover {  background:#98bad2; }

div#content div.preisliste table.mfh { background-color:#6f6d69; }
div#content div.preisliste table.mfh caption { border-color:#6f6d69; border-style:solid; border-width:1px 1px 0 1px; }
div#content div.preisliste table.mfh th, div#content div.preisliste table.mfh caption { background-color:#dfc8a7; }
div#content div.preisliste table.mfh tr { background:#efe4d5; cursor:pointer; }
div#content div.preisliste table.mfh tr:hover {  background:#dfc8a7; }

div#content div.preisliste table tr.empty, div#content div.preisliste table tr.nolink { cursor:auto; }
div#content div.preisliste table tr.empty { background:#6f6d69;}
div#content div.preisliste table tr.empty td { height:1px; line-height:1px; font-size:1px; padding:0; }
div#content div.preisliste table tr.empty:hover { background:#6f6d69; } 

div#content div.preisliste table.defh tr.nolink:hover { background:#cfdde7; }
div#content div.preisliste table.mfh tr.nolink:hover { background:#efe4d5; }

/*************************************************** Navs */

div#nav { padding-top:50px; }
div#nav ul { background:url(../images/menu/nav.gif) 0 0 no-repeat; margin:0; display:block; width:197px; overflow:hidden; }

body.blau div#nav ul { background-image:url(../images/menu/nav_blau.gif); }
body.rosa div#nav ul { background-image:url(../images/menu/nav_rosa.gif); }

div#nav ul li { list-style-type:none; margin:0; padding:0; height:21px; }
div#nav a { display:block; height:21px; margin:0; padding:0; }

div#nav a, div#nav a:hover, div#nav a:focus, div#nav a.active { background-image:url(../images/menu/nav.gif); background-repeat:no-repeat; }
body.blau div#nav a, body.blau div#nav a:hover, body.blau div#nav a:focus, body.blau div#nav a.active { background-image:url(../images/menu/nav_blau.gif); }
body.rosa div#nav a, body.rosa div#nav a:hover, body.rosa div#nav a:focus, body.rosa div#nav a.active { background-image:url(../images/menu/nav_rosa.gif); }

li#nav0 a { background-position: 0 0; }
li#nav1 a { background-position: 0 -21px; }
li#nav2 a { background-position: 0 -42px; }
li#nav3 a { background-position: 0 -63px; }
li#nav4 a { background-position: 0 -84px; }
li#nav5 a { background-position: 0 -105px; }
li#nav6 a { background-position: 0 -126px; }
li#nav7 a { background-position: 0 -147px; }

li#nav0 a:hover, li#nav0 a:focus, li#nav0 a.active { background-position: -195px 0; }
li#nav1 a:hover, li#nav1 a:focus, li#nav1 a.active { background-position: -195px -21px; }
li#nav2 a:hover, li#nav2 a:focus, li#nav2 a.active { background-position: -195px -42px; }
li#nav3 a:hover, li#nav3 a:focus, li#nav3 a.active { background-position: -195px -63px; }
li#nav4 a:hover, li#nav4 a:focus, li#nav4 a.active { background-position: -195px -84px; }
li#nav5 a:hover, li#nav5 a:focus, li#nav5 a.active { background-position: -195px -105px; }
li#nav6 a:hover, li#nav6 a:focus, li#nav6 a.active { background-position: -195px -126px; }
li#nav7 a:hover, li#nav7 a:focus, li#nav7 a.active { background-position: -195px -147px; }

/*************************************************** Kontaktformular */

.ajax-loading {
	padding: 20px 0;
	background: url(spinner.gif) no-repeat center;
}

div.formPos {  }

form fieldset { border:0 none; margin-top:20px; padding:0; padding-bottom:0; width:370px;}

form br {  }

form { padding:0 0 0 0; }

form legend { display:none; }

form div.formline { clear:both; height:23px; margin-bottom:2px; }

form label, form select, form button, form input, form textarea { font-size:11px; }

form input, form textarea { padding:0 2px 0 2px; }

form div.text input, form div.select select, form div.textarea textarea, form input.time { width:240px; background:#fff; border:1px solid #424242; font-size:11px; padding-top:0; margin-top:2px; height:16px; }
form div.select select { height:18px; width:370px; }
form input.time { width:40px; }

form div.textarea textarea { height:120px; }
form div.textarea { height:126px; }

form div.checkbox, form div.radio {  position:relative; margin-bottom:20px; height:auto; }
form div.checkbox div.box, form div.radio div.box { float:left; display:block; width:208px; margin-left:120px;  }

form div.text label, form div.radio label, form div.select label, form div.textarea label,
form div.text input, form div.radio input, form div.select select, form div.textarea textarea, form input.time { float:left; display:block;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { color:#424242; width:120px; line-height:20px; }
form label span { font-size:11px; }
form div.required label { font-weight:bold;  }
form div.checkbox label { position:absolute; left:0; line-height:14px; }
form div.box label { line-height:20px; }

form div.radio input { margin-top:4px; }
form div.radio input, form div.checkbox input { margin-right:4px; }
form div.box input { float:left; margin-top:4px; }
form div.box label { width:60px; position:relative; float:left;  }

form div.btn { display:block; margin-top:10px; float:left; }
form div.submit { margin:10px 5px 0 120px; }
form button { background:#424242; font-weight:bold; font-size:11px; text-align:center; border:1px solid #fff; color:#fff; padding:3px 4px 3px 4px; margin-bottom:11px; }
form button:hover { background:#b9af7d; }

p.errormsg, p.successmsg { padding:8px; color:#fff; border:3px double #fff; margin-top: 20px; }
p.errormsg { background:#cc0000;  }
p.successmsg { background:#92a196; }

form div.info { clear:both; font-size:12px;  }



