/* CSS Document */

body {
 background-color: #1a2328;
 color: #fff;
 padding: 0;
 margin: 0;
 text-align: center;
 font-family: verdana, arial, times new roman;
 font-size: 0.8em;
}

h1, h2, h3 {
 font-weight: bold;
}

h1 a{
 text-decoration: none;
 color: #fff;
}

#page {
 margin: 0 auto;
 margin-top: 15px;
 padding: 0;
 width: 880px; 
 text-align: left;
}

#logo {
 position: relative;
 margin: 0;
 padding: 0;
 width: 880px;
 height: 200px;
}
#logo-text {
 float: left;
 margin: 0;
 padding: 0;
 padding-left: 40px;
 padding-top: 10px;
 padding-bottom: 10px;
 width: 300px;
 height: 80px;
}
#logo-text h1 {
 margin: 0;
 padding: 0; 
}
#logo-text h2 {
 margin: 0;
 padding: 0;
 font-size: 1.2em;
}
#logo-image {
 position: absolute;
 left: 550px;
 top: 10px; 
 z-index: 10;
 width: 500px;
 height: 500px;  
 display: none;
 
 background-image: url('img/typek2.gif');
 background-image: url('img/buchta.gif');
 background-image: url('img/buchta2.gif');
 background-image: url('img/typek1.gif'); 
 background-repeat: no-repeat;
}

#navig {
 float: left;
 margin: 0;
 padding: 0;
 width: 540px;
 height: 100px;
 background-color: #282f39;
}

#navig li {
 padding-top: 5px;
 list-style: none;/*url(img/arrow.png);*/
}

#navig a:link, 
#navig a:visited {
 color: #fff;
 text-decoration: none;
 font-weight: bold; 
}

#navig a:hover {
 color: #d53511;
}

#menu { 
 float: left;
 margin: 0;
 margin-top: 12px;
 padding: 0;
 padding-top: 12px;
 padding-left: 30px;
 width: 830px;
 height: 28px;
 background-color: #d53511;
 font-size: 0.85em;
 font-weight: bold;
 letter-spacing: 0.001em;
}
#menu a {
 padding-right: 15px;
}
#menu a:link, 
#menu a:visited {
 color: #fff;
 text-decoration: none;
 font-weight: bold; 
}

#menu a:hover {
 color: #282f39;
}

#slogan {
 float: left;
 margin: 0;
 margin-top: 12px;
 padding: 0;
 padding-top: 5px;
 width: 860px;
 height: 23px;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 text-align: center;
 font-weight: bold;
}

#content {
 clear: both;
 margin: 0;
 padding: 0;
 width: 880px;
 min-height: 450px;
 height: auto;
}
#content a{
 color: #d53511;
}
#content a:hover{
 color: #282F39;
}
#content-left {
 float: left;
 margin: 0;
 margin-top: 12px;
 padding: 0;
 padding-left: 20px;
 padding-right: 12px;
 padding-top: 12px;
 padding-bottom: 12px;
 width: 188px;
 min-height: 438px;
 height: 100%;
 background-color: #282f39;
}
#content-right {
 position: relative;
 float: left;
 margin: 0;
 margin-top: 12px;
 margin-left: 20px;
 padding: 0;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 12px;
 padding-bottom: 12px;
 width: 580px;
 height: 100%;
 min-height: 438px;
 background-color: #fff;
 color: #000;
}

#copyright {
 clear: both;
 margin: 0;
 margin-bottom: 20px;
 padding: 0;
 width: 880px;
 height: 60px;
 background-color: #d53511;
}
#copyright-left {
 float: left;
 margin: 0;
 margin-top: 20px;
 padding: 0;
 width: 220px;
 font-size: 0.75em;
 text-align: center;
}
#copyright-right {  
 float: left;
 margin: 0;
 margin-left: 20px;
 padding: 0;
 padding-top: 12px;
 padding-right: 30px;
 width: 590px;
 height: 28px;
 background-color: #fff;
 color: #000;
 border-top: 2px solid #282f39;
 text-align: right;
}
#copyright a { 
 padding-right: 7px;
 padding-left: 7px;
}
#copyright a:link, 
#copyright a:visited {
 color: #000;
 text-decoration: none;
}
#copyright a:hover {
 color: #d53511;
}

.oranzova {
 color: #d53511;
 font-size: 0.7em;
 font-weight: bold;
}

.velkaoranzova {
  color: #d53511;
  font-weight: bold;
  font-size: 1.4em;
}

.ddrivetip{
  position: absolute;
  background: #557788;
  width: 50px;
  height: 50px; 
}