@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body{  background:url(../slike/bg.jpg) no-repeat left top fixed; }
* html .clearfix { height: 1%; }
fieldset, img { border: 0 none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after { content:""; }
abbr, acronym { border:0; }
body { font: 14px Century Gothic,Avant Garde,Arial,clean,sans-serif;  *font-size: 75%; text-align:justify; text-shadow:0px 1px 1px rgba(0,0,0,.4); color:#fff; }
h1 { font-size: 1.5em; font-weight: normal; line-height: 1em; margin-top: 1em; margin-bottom:0; }
h2 { font-size: 1.1667em; font-weight: bold; line-height: 1.286em; margin-top: 1.929em; margin-bottom:0.643em; }
h3, h4, h5, h6 { font-size: 1em; font-weight: bold; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 0; }
p { font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em; line-height: 1.5em; }
blockquote { font-size: 0.916em; margin-top: 3.272em; margin-bottom: 3.272em; line-height: 1.636em; padding: 1.636em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
ol li, ul li { font-size: 1em; line-height: 1.5em; margin: 0; }
pre, code { font-size:115%; *font-size:100%; font-family: Courier, "Courier New"; background-color: #efefef; border: 1px solid #ccc; }
pre { border-width: 1px 0; padding: 1.5em; }
table {  font-size:100%; }
.dojoTabular { border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; margin: 0 1.5em;  text-align: left; }
.dojoTabular th { text-align: center; font-weight: bold; }
.dojoTabular thead, .dojoTabular tfoot { background-color: #efefef; border: 1px solid #ccc; border-width: 1px 0; color:#525252; }
.dojoTabular th, .dojoTabular td { padding: 0.25em 0.5em; }

a:link { text-decoration:none; font-weight: bold; color: #A6FFFF; }
a:visited { text-decoration:none; font-weight:bold; color: #A6FFFF; }
a:hover { text-decoration:none; font-weight:bold; color: #FFF; }
a:active { text-decoration:none; font-weight:bold; color: #A6FFFF; }
a:focus { text-decoration:none; font-weight:bold; color: #09C; }
b, strong { font-weight: bold; }
a img { border: 0 none; }
ul { list-style-type: none; }

/* die naechsten 2 anweisungen sorgen dafuer, dass floatende elemente eingeschlossen werden */
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
/* Hides from IE-mac \*/
#produkte ul{ height:100%; list-style: none; margin:3px; }
#produkte li{ float:left; width:96%; padding:7px; border-bottom:1px dotted #777; border-top:1px dotted #777; }
#produkte img{ margin:10px; float:left; border:0; }

#centar{ width:1024px; margin:auto; }
#head{position:relative; background:url(../slike/Bilder/content_01.png) no-repeat left top; width:1024px; height:100px; margin: auto; padding: 0; }
#head p{ padding-left:30px; padding-top:20px; }
#content{ background:url(../slike/Bilder/content_02.png) left top repeat-y; width:1024px; min-height:100%; padding: 0; }
#referenzen{ width:550px; padding-left:30px; text-decoration:none; text-align:center; text-shadow: 0 1px 1px rgba(0,0,0,.3);
font-size:0.7em; display:block; float:left; width: 200px; }
#referenzen a {	 padding: 2px 7px 2px 7px; 	}
#menu{ margin:auto; text-align:center; }
#menu a{ font-size:12px; text-shadow: 0 1px 1px rgba(0,0,0,.4); margin:auto; padding:5px; color:#F90; }
#idList ul{ list-style: none; margin: 0; padding:10px; }
#idList li{ display:block; float:left; margin-left: 0px; margin-top:79px; padding:0; width:96px; height:20px; text-align:center;
#idLista{ list-style: none; margin:3px;	}
#idLista li{ display:block; float:left; width:96%; padding:7px; border-bottom:1px dotted #777; border-top:1px dotted #777; }
#idLista img{ margin:10px; float:left; border:0; }
border: 1px solid #CCC; background:#f9f9f9; }
#navi{ position:fixed; margin-left:840px; margin-top:20px; width:160px; z-index:4; }
#navi p{ text-align:justify; margin:0px; padding-left:6px; width:750px; }
#navi img{ float:none; top:0; }
#navi a{ position:relative; display:block; font-size:.813em; padding:.1em; color:#F90; margin:0; }
#foot{ position:relative; margin: auto; width:1024px; height:320px; background:url(../slike/Bilder/content_04.png); background-repeat:no-repeat; }
#foot a{ display:list-item; list-style: none; text-shadow: 0 1px 1px rgba(0,0,0,.3); font-size:1em; }
.links{ list-style: none; padding:0; margin-left:90px; } 
.links li{ display:block; float:left; margin-left: 20px; padding:0px; border-right: 1px solid #CCC; } 
#mitte{ width: 800px; height: 100%; padding:25px;  }	
#mitte a.linkicon { padding-left: 15px; font-size:11px; text-shadow: 0 1px 1px rgba(0,0,0,.3); color: #38322A;
background: transparent url(../slike/link_small.png) 0 0 no-repeat; }
#mitte a.linkicon:hover { padding-left:15px; background: transparent url(../slike/link_small_hover.png) 0 0 no-repeat; }
a.linkicon1{ padding-left: 15px; font-size:14px; color: #F60; background: transparent url(../slike/link_small.png) 0 7px no-repeat; }
a.linkicon1:hover { padding-left: 15px; color: #F93; background: transparent url(../slike/link_small_hover.png) 0 7px no-repeat; }

/* content gerundet  */
#mitte .angebot1 { list-style: none; margin: 0; margin-left:15px; padding: 0; }
#mitte .angebot1 li { position: relative; display: block; width: 242px; w\idth: 249px; /* Optimierung fuer IE 5.0 und IE 5.5 */
float: left; }
#mitte li .header h2,h3,h4,a { color: #3E3E3E; background: transparent; margin: 0 10px; }
#mitte .header p { margin: 10px 10px 0 10px; font-size: 85%; text-align:left; color: #4E4E4E; background: transparent; }
.header { background: transparent; margin: 0 10px 0 0; }
.header .xtop, .header .xbottom { display: block; background: transparent; }
.header .xb1, .header .xb2, .header .xb3, .header .xb4 { display: block; overflow: hidden; }
.header .xb1, .header .xb2, .header .xb3 { height: 1px; }
.header .xb2, .header .xb3, .header .xb4 { background: #B9B9B9; border-left: 1px solid #A3A097; border-right: 1px solid #A3A097; }
.header .xb1 { margin: 0 5px; background: #B9B9B9; }
.header .xb2 { margin: 0 3px; border-width: 0 2px; }
.header .xb3 { margin: 0 2px; }
.header .xb4 { height: 2px; margin: 0 1px; }
.header .xboxcontent { display: block; background: #B9B9B9; border: 0 solid #A3A097; border-width: 0 1px; height: 20em; }