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, textarea, button, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Futura,Futura LT BT,Futura LT,Futura Light,Futura Roman,Futura Book,FuturaA BK BT,Arial,Helvetica,sans-serif; margin: 0; padding: 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 */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

body {background: #000; padding:0; }

/************** Vertikale Zentrierung *****/

body , html {  height:100%; }

div#clear {  float:left; height:50%; margin-top:-260px; width:1px; }

div.wrapper { display:block; width:800px; height:520px; clear:both; } 

/************** Horizontale Zentrierung *****/

body { text-align:center; }

div.wrapper { margin:0 auto; text-align:left; } 

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address, div#content div.textimg div.img img  { margin-bottom:16px; }

h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:18px;  }

h1 { font-size:14px; font-weight:normal; text-decoration:underline; }
h2 { font-size:14px; margin-bottom:2px;  }
h3 { font-size:14px; font-style:italic; font-weight:normal; }
p, li, td, label, address { font-size:14px; }
h2, h3, p, li, td, label {  }
li { margin-bottom:10px; }
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; }

/********** Links */

a { color:#000; text-decoration:underline; }
div#content a { color:#fff; text-decoration:none; }
a:hover, a.focus, a.active { text-decoration:none; }
div#content a:hover, div#content a:focus, div#content a.active { color:#000; }
a.download { padding:1px 0 1px 20px; background-repeat:no-repeat; background-position:left top; }

div.favs a, div.designby { color:#999; font-size:12px; text-decoration:none; }
div.favs a:hover, div.favs a:focus { text-decoration:underline; }

div.gallerynav a { font-size:52px; color:#fff; text-decoration:none; padding:0 30px; }

/******************************************************************************** Layout */

div.wrapper {  background:#fff; position:relative; }

div.favs, div#logo, div#nav, div.greybox, div#content, div.number, div.gallerynav, div.title, div.designby, div#nav li span,
div.wrapper div.greybox, div#content div.inner { position:absolute; }
div#logo a, div#nav a, div#content div.textimg div.section, div#content div.textimg div.img, div#content div.textimg div.img img { display:block; }
div#logo h1 { margin:0; }
div#content div.textimg div.section, div#content div.textimg div.img { float:left; }

div.wrapper div.greybox { bottom:0; height:180px; background:#bebebe; width:200px; border-left:130px solid #e6e6e6; }

div#content { background:#e6e6e6; right:0; top:0; width:470px; height:420px; border-width:0 0 100px 0; border-style:solid; border-color:#999; }
div#content div.inner { right:-23px; top:20px; width:447px; height:380px; padding:0 25px 0 20px; overflow:auto; }

div.number { bottom:40px; left:356px; font-size:52px; color:#fff; }
div.gallerynav { bottom:34px; right:150px; }
div.title { right:0; bottom:29px; width:46px; padding-bottom:15px; border-width:0 0 10px 0; border-style:solid; }

div.favs { text-align:right; right:0; top:-22px; }
div.designby { bottom:-20px; left:0; }

/******************************************************************************** logo */
			
div#logo { background:url(bogen_logo.gif); top:50px;}
div#logo a { width:330px; height:65px; }

/******************************************************************************** body color */

body.home div#content, li#navbtn0 span { background:#c0232c; }
body.home div#content { border-color:#d97c80; }
body.home div.title { border-color:#c0232c; }

body.leitgedanke div#content, li#navbtn1 span { background:#ac8a65; }
body.leitgedanke div#content { border-color:#cdb9a3; }
body.leitgedanke div.title { border-color:#ac8a65; }

body.leistungen div#content, li#navbtn2 span { background:#f5a94e; }
body.leistungen div#content { border-color:#ffce8b; }
body.leistungen div.title { border-color:#f5a94e; }

body.referenzen div#content, li#navbtn3 span { background:#c8af6c; }
body.referenzen div#content { border-color:#dfd0a5; }
body.referenzen div.title { border-color:#c8af6c; }

body.downloads div#content, li#navbtn4 span { background:#96c25c; }
body.downloads div#content { border-color:#c0da9d; }
body.downloads div.title { border-color:#96c25c; }

body.standort div#content, li#navbtn5 span { background:#79b6d0; }
body.standort div#content { border-color:#afd3e3; }
body.standort div.title { border-color:#79b6d0; }

body.kontakt div#content, li#navbtn6 span { background:#92278f; }
body.kontakt div#content { border-color:#be7dbc; }
body.kontakt div.title { border-color:#92278f; }

/******************************************************************************** Content */

div#content div.textimg div.section { width:243px; }
div#content div.textimg h1 { margin:0; }
div#content div.textimg div.img { width:177px; margin:0 0 0 10px; }
div#content div.textimg div.img img { border:1px solid #000; }
div#content div.textimg div.img span { font-size:13px; }

div#content .ref { border:0 none; }

/******************************************************************************** Navs */

div#nav { width:230px; top:160px; left:39px; }

div#nav ul, div#nav li { margin:0; }

div#nav li { margin:0; list-style-type:none; position:relative; }

div#nav li span { left:0; top:7px; width:34px; height:8px; display:block; }

div#nav a { color:#999; text-decoration:none; font-size:16px; padding:2px 0 2px 52px; }
div#nav a:hover, div#nav a:focus, div#nav a.active { color:#000; }


/*************************************************** Formulare generell */

.ajax-loading {
	padding: 20px 0;
	background: url(spinner.gif) no-repeat center;
}

div.formPos {  }

form fieldset { border:0 none; padding:0; padding-bottom:0; }

form br {  }

form { padding:0 0 0 0; }

form legend { display:none; }

form div.formline { clear:both; height:28px; margin-bottom:2px; border-bottom:1px dotted #BE7DBC; }

form label, form select, form button, form input, form textarea {  }

form input, form textarea { padding:0 2px 0 2px; }

form div.text label, form div.radio label, form div.select label, form div.textarea label { float:left; display:block; }
form div.text input, form div.radio input, form select, form div.textarea textarea { float:right; display:block; }

form div.text input, form select, form div.textarea textarea { width:171px;  color:#000; background:#fff; font-size:11px; padding:3px 2px 1px 2px; height:16px; }
form select { height:24px; width:178px; padding:1px; }

form div.textarea textarea { height:80px; }
form div.textarea { height:92px; }

form div.checkbox, form div.radio {  }
form div.checkbox div.box, form div.radio div.box { float:left; display:block; width:245px;  }

form div.text label, form div.radio label, form div.select label, form div.textarea label { width:140px;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { line-height:20px; }
form label span { font-size:11px; }
form div.required label {  }

form div.radio input { margin-top:4px; }
form div.radio input, form div.checkbox input { margin-right:2px; }
form div.box label { width:180px;  }

form div.btn { display:block; margin-top:10px; }
form button {  background:#92278f; text-align:center; color:#fff; font-size:12px; }

p.errormsg, p.successmsg { clear:both; padding:2px 6px; margin:5px 0 20px 0; color:#fff; border:3px double #fff;  }
p.errormsg { background-color:#cc0000; }
p.successmsg { background-color:#97bf0d; }
p.inform { margin:0 0 5px 120px; width:358px; }

form div.forminfo { clear:both; font-size:12px;  }