* { margin:0; padding:0; }
html, body { height:100%; }
body { font-family: "TeXGyreAdventorBold", Arial, sans serif; color:#fff; background: #333 url(./images/bg.png) repeat-y center; font-size:16px; line-height:18px;}

#wrap { width:960px; margin:0 auto; }

/** CONTAINER **/
#head { height:140px; background-color:#666; }
#navi { 
   height:36px; 
   background-image:-moz-linear-gradient(100% 100% 90deg, #4f4f4f, #666); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 59%, from(#666), to(#4F4F4F));  
    border-top:1px solid #000; 
    border-bottom:1px solid #777;
    font-weight:bold; 
    color:#000; 
}
*:first-child+html #navi { background:#666 url(./images/nav-bg.png) repeat-x 0 0; padding:6px 0; border-top:none; height:30px; }
html>body #navi { background:#666 url(./images/nav-bg.png) repeat-x 0 0; padding:6px 0; border-top:none; height:30px; }
#news { min-height:300px; background-color:#666; margin-bottom:10px; padding:30px;}
#ref { background-color:#666; padding:30px;}
#aboutme { background-color:#666; padding:30px; }
#first { background-color:#666; padding:30px; margin-bottom:10px;}
#inner { background:#ccc url(./images/content-bg.jpg) repeat-x 0 0; padding:20px; border:1px solid; border-top-color: #333; border-right-color: #777; border-bottom-color: #888; border-left-color: #777; color:#333; min-height:300px; -webkit-box-shadow: 0px 0px 1px #ddd;
  -moz-box-shadow: 0 0 1px #ddd;
}   
#inner2 { background:#b8d1d1 url(./images/content-bg2.jpg) repeat-x 0 0; padding:20px; border:1px solid; border-top-color: #333; border-right-color: #777; border-bottom-color: #888; border-left-color: #777; color:#333;
}
#inner3 { background:#b8d1d1 url(./images/content-bg2.jpg) repeat-x 0 0; padding:20px; border:1px solid; border-top-color: #333; border-right-color: #777; border-bottom-color: #888; border-left-color: #777; color:#333;
}
#inner4 { background:#ccc url(./images/content4-bg.jpg) repeat-x 0 0; padding:20px; border:1px solid; border-top-color: #333; border-right-color: #777; border-bottom-color: #888; border-left-color: #777; color:#333; min-height:300px; -webkit-box-shadow: 0px 0px 1px #ddd; -moz-box-shadow: 0 0 1px #ddd;}   
#contact, #daten { background-color:#666; padding:30px; }
#angebote { background-color:#666; padding:30px; }
#foot { background-color:#000000; float:left; font-size:10px; margin:10px 0; padding:15px; width:930px; }
.content { padding:0 15px; font-size:17px; }


/* Inspirated by
http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/
*/
#slideshow {
  margin:0 auto;
  width:860px;
  height:50px;
  position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:780px;
  height:300px;
  overflow:auto; 
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:760px;
  height:250px;
}
.slidesingle { height:500px; }

.control {
  display:block;
  width:60px;
  height:70px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

ul#mini .control { text-indent:0px; }
ul#mini { 
  bottom:21px;
  left:40px;
  list-style:none;
  position:relative; 
}

#mini li {
  background:url("./images/mini.png") no-repeat scroll 0 0;
  display:block;
  float:left;
  height:30px;
  margin-right:3px;
  padding:14px 0 0;
  text-align:center;
  width:38px;
}
#mini li a { text-shadow:0 0 0; }

#leftControl {
  left:-45px;
  top:115px;
  background:transparent url(images/left.png) no-repeat 0 0;
}
#rightControl {
right:-40px;
top:115px;
  background:transparent url(images/right.png) no-repeat 0 0;
}
#leftControl:hover {
  background:transparent url(images/left.png) no-repeat 0 -73px;
}
#rightControl:hover {
  background:transparent url(images/right.png) no-repeat 0 -73px;
}
/*###############################################################*/



/* NAVIGATION */
#navi ul { list-style:none; padding-left:10px; }
#navi li { float:left; padding:6px 20px; text-shadow: 0 1px 0 #999; }
#navi li a { font-family: "TeXGyreAdventorBold", Arial, sans serif; color:#333; text-decoration:none; font-size:17px;}
#navi li a:hover, #navi li a:active, #navi li a:focus { color:#fff; text-shadow:0 1px 3px #222; }
a img {border:0 none; }
a { color:#0099cc; }
a:hover { color:#fff; text-shadow: 0 0 2px #444; }
a.back { color:#0099cc; position:relative; top:15px; font-weight:bold; margin-bottom:15px; display:block; }
a.back:hover { color:#fff; text-shadow: 0 0 2px #444; }
a.detail { font-family: "TeXGyreAdventorBold", Arial, sans serif; font-size:22px;}
a.detail:hover { color:#fff; text-shadow: 0 0 2px #444; }
a:active { border:0 none; }

/* TEXT */
h3 { font-family: "TeXGyreAdventorBold", Arial, sans serif; font-size:50px; margin:20px 0; }
h3.error { font-family: "TeXGyreAdventorBold", Arial, sans serif; font-size:30px; margin:20px 0; color:red; }
#news h3, #aboutme h3, h3.title { color:#333; text-shadow:0 1px 1px #ccc; padding-left:10px;}
div.slide h3.title, #referenzen h3 { padding-left:0px;}
h3, p { padding:0 0 15px 0; }
p { line-height:26px;  }
p.clear { padding:0; }
.box strong { display:block; padding:30px 30px 0; }
#inner p, #inner4 p, #inner ul { font-family: "TeXGyreAdventorBold", Arial, sans serif; font-size:17px; text-shadow:0 1px 0 #fff; }
div.reftext { display:block; margin-right:300px; }
p#start { font-size:33px; letter-spacing:-1px; line-height:38px; }
strong { font-size:19px; }


/* IMAGES */
#head img { margin:50px 30px; }
#news img { padding:0px 10px 0px; margin-top:-20px; }
#kontakt img { padding:0px 10px 30px; margin-bottom:-20px; }
#aboutme img  { background-color:#ccc; border:1px solid #777777; margin:5px 10px 0 35px; padding:10px 10px 30px; }
#aboutme img.cs4 { border:0 none; margin:35px 0 0; padding:0; }
.slide img { padding:0 15px;}
.vector { margin-top:-18px; }
.refdetail { width:30%; height:30%; padding:0 30px; float:right; overflow:hidden; }
.thumb { width:50%; position:absolute; left:26%; }
.thumb1 { width:260px; height:100%; }

/* CORNERS */
.round10 { -moz-border-radius:10px; border-radius:10px; }
.round10 { -webkit-border-radius:10px; }
.roundtop { -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; }
.roundtop { -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; }

/* Listen */
#news ul { line-height:26px; margin-left:30px; }
div.contact ul.section_list { margin:0; }

/* EXTRAS */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.hell { background-color:#666; }
.dunkel { background-color:#4f4f4f; }
.hidden { display:none; }

legend { display:none; }
cite { color:#f60; }

.shadow { background: transparent url(./images/shadow.png) no-repeat 0 0; height:150px;
position:absolute;
right:0;
top:200px;
width:300px;}

/* boxes */
.box1 { width:313px; height:310px; background-color:#666; float:left; margin-right:10px; }
.box2 { width:313px; height:310px; background-color:#666; float:left; margin-right:10px; }
.box3 { width:313px; height:310px; background-color:#666; float:left; }
.box4 { width:640px; height:300px; float:left; margin-top:10px;}
.box { width:320px; height:300px; float:left; margin:10px 0 0 0; }
.contact { padding:30px;}
h3.contacthead { 
    background-color:#4f4f4f;
    margin:-30px 0 20px -30px;
    padding:10px;
    width:291px; 
    border-top:1px solid #777; 
    border-right:1px solid #666; 
    border-left:1px solid #666;
    font-weight:normal;
    text-indent:20px;
    font-size:20px;
    letter-spacing:0px;
    font-family: "TeXGyreAdventorRegular", Arial, sans serif;
}
h3.contacthead strong { font-family: "TeXGyreAdventorBold", Arial, sans serif; color:#0099cc; }
.box ul, .box1 ul, .box2 ul, .box3 ul { list-style:none; margin:30px;}
.box li, .box1 li, .box2 li, .box3 li { padding:5px 0;}
.box li a, .box1 li a, .box2 li a, .box3 li a { color:#fff; text-decoration:none; }
.box li a:hover, .box1 li a:hover, .box2 li a:hover, .box3 li a:hover { color:#0099cc; }
#datenschutz ul.ds { margin:0 0 20px 40px; }

a.button{
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
background:-moz-linear-gradient(100% 100% 90deg, #333333, #858585) repeat scroll 0 0 transparent;
border:1px solid #999;
color:#fff;
display:block;
font-weight:800;
height:30px;
overflow:hidden;
padding:4px 12px;
position:relative;
text-align:center;
text-decoration:none;
text-shadow:1px 2px 2px rgba(10, 10, 10, 0.5);
vertical-align:middle;
white-space:nowrap;
width:168px;
}

a:hover.button  { color:#0099cc; text-shadow:0px 1px 1px rgba(10, 10, 10, 0.9); border-color:#0099cc; }

.shine {  
  position: absolute;
  top: 1px;
  left: 1px;
  -webkit-border-radius: 8px 8px 2px 2px;
  -moz-border-radius: 8px 8px 2px 2px;
  border-radius: 8px 8px 2px 2px;
  height: 1px;
  width: 190px;
  padding: 7px 0;
  background-color: rgba(255, 255, 255, 0.20);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
-moz-linear-gradient(100% 100% 90deg,#000000, #616161);
}

.aqua {
  background-color: rgba(3, 3, 3, 0.8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(1, 1, 1, 0.8)), to(rgba(105, 105, 105, .9)));
  border-color: #757575;
  -webkit-box-shadow: rgba(2, 2, 2, 0.5) 0px 2px 3px;
  -moz-box-shadow: rgba(2, 2, 2, 0.5) 0px 2px 3px; 
}

.aqua:hover {
  border-color: #767676;
  -webkit-box-shadow: rgba(2, 2, 2, 0.5) 0px 0px 3px;
  -moz-box-shadow: rgba(2, 2, 2, 0.5) 0px 0px 3px; 
}

#navi p { padding:0; }
#navi input {   font-family: "TeXGyreAdventorBold", Arial, sans serif; font-size:17px;float:right; position:relative; top:3px; right:30px; height:26px; background-color:#636363;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   border-radius: 4px;
 border-top:1px solid #000;  border-left:1px solid #5a5a5a;  border-right:1px solid #5a5a5a;  border-bottom:1px solid #777; }
#navi input:focus { background-color:#777; color:#fff; }
form input[type=hidden], #aform form input[type=hidden] { display:none; }

.box4 form, #aform form { display:block; padding:15px 0; }
fieldset { border:0 none; }
.box4 input, #aform input  { height:26px; }
div.content textarea, .box4 textarea, .box4 input, #aform input { 
  background-color:#636363;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top:1px solid #000;  
  border-left:1px solid #5a5a5a;
  border-right:1px solid #5a5a5a; 
  border-bottom:1px solid #eee;
  width:300px; 
  display:block;
  font-family: "TeXGyreAdventorBold", Arial, sans serif; 
  font-size:17px;
  text-shadow:0 1px 0px #777; 
}

#aform input { height:30px; margin:5px 0; }
div.content textarea { height:150px; }
.box4 textarea { height:100px; }
.box4 input { height:26px; }

#aform select { background-color:#636363;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top:1px solid #000;  
  border-left:1px solid #5a5a5a;
  border-right:1px solid #5a5a5a; 
  border-bottom:1px solid #777;
  width:300px; 
  display:block;
  height:30px;
  font-size:18px;
}
#aform select:disabled { background-color:#B8D1D1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top:1px solid #000;  
  border-left:1px solid #5a5a5a;
  border-right:1px solid #5a5a5a; 
  border-bottom:1px solid #777;
  width:300px; 
  display:block;
  height:30px;
  font-size:18px;
}
form.zemContactForm { margin:15px 30px 0 30px; }
.box4 input:focus, .box4 textarea:focus, #aform input:focus, #aform textarea:focus { background-color:#777; color:#fff; }
#aform label { font-family: "TeXGyreAdventorBold", Arial, sans serif; font-size:17px; color:#333; text-shadow:0 1px 1px #ccc; display:block; margin:4px 0; }

.box1 p img, .box2 p img { padding:0; margin-left:-3px; }

button.zemSubmit {
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
background:-moz-linear-gradient(100% 100% 90deg, #333333, #858585) repeat scroll 0 0 transparent;
border:1px solid #999;
color:#fff;
height:36px;
position:relative;
top:10px;
text-align:center;
text-decoration:none;
text-shadow:0 1px 2px rgba(10, 10, 10, 0.5);
width:180px;
font-weight:bold;
}
button.zemSubmit:hover { border:1px solid #0099cc; color:#0099cc; }

ul.zemError li {
display:block;
overflow:hidden;
position:relative;
width:260px;
}
ul.zemError {
color:#fff;
float:right;
}

.leo_preis { font-family: "TeXGyreAdventorBold", Arial, sans serif; font-size:40px; color:#fff; text-shadow:0 0 4px #111; display:block; margin:20px 0;}