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, tr, th, td 
{ 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 */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

html {overflow-y: scroll;}

body {background:#fff; }

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

h1, h2, p, ul, ol, table { margin-bottom:16px; }

h1, h2, h3, p, li, td, label, span, div { color:#333333 ; }

h1 { font-size:16px; }
h2 { font-size:14px; margin-bottom:2px;}
h3 { font-size:13px; font-style:italic; font-weight:normal; }
p, li, td, label, address { font-size:14px; line-height:20px; }

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: #ff0000; text-decoration:underline; }
a:hover, a:focus, ul li a.active { text-decoration:line-through; }

div#footer span { font-size:11px; padding-top:4px; }
div#footer span.copyright { color:#333333 ; font-weight:bold; }
div#footer span.impressum, div#footer span.impressum span, div#footer span.impressum a { color:#3b3b3b; }

div#footer span.impressum a, div#footer span.impressum a:hover, div#footer span.impressum a:focus { text-decoration:none; }
div#footer span.impressum a:hover, div#footer span.impressum a:focus {  border-bottom:1px dotted #3b3b3b; }

div#content p.intro { color: #333; font-weight:bold; font-size:16px; }

div#gallery div.artwork div.title span, div#gallery div.legend span { font-size:14px; }

div#gallery .artwork span.label { color:#333;  }
div#gallery span.label { color:#333; font-style:italic; }
div#gallery span.val { color:#333; }

/*************************************************** layout */

div.wrapper { width:100%; }
div.inner, div.bg { width:900px; margin:0 auto; display:block; position:relative; }
div.bg { width:980px; }

div#subnav, div#content, div#gallimages, div#images { float:left; }

/****** Header */

div#head { height:112px; display:block; position:relative; }
div#head div.logo { position:absolute; left:-15px; top:10px; }					 
div#head div.logo a { background:url(logo.gif) no-repeat; width:233px; height:84px; display:block;}

/****** Content */

div.bg { /*background:url(bg_splat.gif) left bottom no-repeat;*/ }

div#center { min-height:200px; }

div#center img.home, div#images img { display:block; }
div#center div.home { position:absolute; width:765px; height:119px; background: url(bg_trans.png); right:0; bottom:15px; padding:6px 10px; }

div#content { width:473px; border-right:1px solid #333; padding:0 15px 0 15px; margin-bottom:20px; }

div#images { width:204px; min-height:1px; display:block; }
div#images img { margin-bottom:10px; }

.youtube { margin-bottom:0px; }

/****** Gallery */

div#gallery { border-bottom:1px solid #333; margin-bottom:24px; }
div#gallery div.artwork { position:relative; margin:0 auto; }

div#gallery div.artwork div.title { padding:2px 8px 2px 8px; position:absolute; left:0; bottom:5px; background:url(trans.png); }
div#gallery div.legend { padding:4px 8px 6px 8px; }

div#gallery span { padding:3px 5px; float:left; }
div#gallery div.legend span { }

div#gallery div.controls { position:absolute; height:38px; top:50%; left:50%; margin-top:-19px; }

div#gallery div.controls a { width:40px; height:38px; display:block; }
div#gallery div.controls a.next { background:url(btn_next.gif) no-repeat; float:right; } 
div#gallery div.controls a.prev { background:url(btn_prev.gif) no-repeat; float:left; } 

div#gallery div.controls a.next:hover, div#gallery div.controls a.next:focus { background:url(btn_next_on.gif) no-repeat; } 
div#gallery div.controls a.prev:hover, div#gallery div.controls a.prev:focus { background:url(btn_prev_on.gif) no-repeat; } 

div#gallimages { width:707px; border-right:1px solid #333; margin-bottom:20px;  }
div#gallimages a { float:left; width:113px; height:113px; margin:0 30px 30px 0; }
div#gallimages a img { display:block; }

.tool-tip {
	z-index: 13000;
	background: url(trans.png);
}
 
.tool-title {
	display:none !important;
}
 
.tool-text {
	
	font-size: 11px;
	padding: 4px 8px 4px 8px;
	
}

.tool-text span { color: #333; font-weight:bold; }


/****** Footer */

div#footer { height:100px;  }

div#footer span.copyright { float:left; }
div#footer span.impressum { float:right; }
div#footer span.impressum span { padding:0 4px; }

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

div#nav li, div#subnav li { list-style-type:none; margin:0; }

div#nav { float:right; width:332px; height:23px; margin:64px 0 0 0; background:url(nav.gif) no-repeat; }
div#nav li { float:left;}
div#nav li a { height:23px; display:block; }

div#nav li a:hover, div#nav li a:focus, div#nav li a.active { background-image:url(nav.gif); background-repeat:no-repeat; }

li#navbtn0 a { width:70px; background-position:0 0; }
li#navbtn1 a { width:77px; background-position:-70px 0; }
li#navbtn2 a { width:91px; background-position:-147px 0; }
li#navbtn3 a { width:94px; background-position:-238px 0; }

li#navbtn0 a:hover, li#navbtn0 a:focus, li#navbtn0 a.active { background-position:0 -23px; }
li#navbtn1 a:hover, li#navbtn1 a:focus, li#navbtn1 a.active { background-position:-70px -23px; }
li#navbtn2 a:hover, li#navbtn2 a:focus, li#navbtn2 a.active { background-position:-147px -23px; }
li#navbtn3 a:hover, li#navbtn3 a:focus, li#navbtn3 a.active { background-position:-238px -23px; }


div#subnav { width:191px; }
div#subnav a { display:block; padding:2px 0 2px 20px; margin:0 0 2px 0 ; font-size:16px; color:#333; font-weight:bold; text-decoration:none; }
div#subnav a:hover, div#subnav a:focus, div#subnav a.active { color:#ff0000; }

/*************************************************** Kontaktformular */

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

div.formPos {  }

form fieldset { border:0; margin-top:10px; padding:0; padding-bottom:0; position:relative; }

form br {  }

form { margin:40px 0 20px 0; }

form legend { font-size:14px; font-weight:bold; padding:6px 0; color:#333; }

form div.formline { clear:both; height:22px; margin-bottom:2px; padding:4px 0; }

form label, form select, form button, form input, form textarea { font-size:12px; }

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

form div.text input, form div.select select, form div.textarea textarea { width:362px; background:#fff; border-style:solid; border-width:1px 1px 0 0; border-color: #999; font-size:11px; padding-top:0; margin-top:2px; height:16px; }
form div.select select { height:18px; width:142px; }

form div.textarea textarea { height:120px; }
form div.textarea { height:126px; }

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

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 { float:left; display:block;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { font-style:italic; color:#333; width:86px; 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:4px; }
form div.box label { width:70px;  }

form div.btn { display:block; margin-top:10px;  }
form button { margin-left:86px; background:#333; font-weight:bold; font-size:14px; text-align:center; border:0 none; color:#fff; padding:3px 4px 3px 4px; }
form button:hover { background:#ff0000; }

p.errormsg, p.successmsg { padding:8px; color:#fff; border:3px double #333; }
p.errormsg { background:#ff0000;  }
p.successmsg { background:#50a62a; }