/* CSS Document */

html, body{
margin: 0;
padding: 0;

}

body{
background: #f7f7f7 url(../images/stripes.jpg) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

a{
text-decoration: none;
}

a:focus{
-moz-outline: none;
}

img{
border: none;
}

p{
margin:0 0 10px 0;
}

#container{
width: 750px;
position: relative;
left: 50%;
margin-left: -375px;
}

/*---HEADER---*/

#header{
width: 750px;
height: 50px;
}

#title{
margin-top: 6px;
float: left;
width: 198px;
margin-left: 30px;
margin-right: 70px;
}

/*------------*/


/*---NAVIGATION---*/

#menudiv{
margin: 0;
padding: 0;
width: auto;
height: 35px;
}

#menu{
margin: 0;
padding: 0;
height: 35px;
list-style: none;
display: inline;
overflow: hidden;
}

#menu li{
margin: 0; 
padding: 0;
list-style: none;
display: inline;
}

#menu a{
margin: 5px 0 0 10px;
padding: 15px 5px 5px 5px;
float: left;
color: #fff;
font-weight: normal;
display: block;
}
	
#menu a:hover, #menu a#selected, #menu a#selected:hover{
background: url(../images/btn_back.jpg) repeat-x;
}

/*---------------*/


/*---SLIDER---*/

#head{
width: 750px;
height: 250px;
}

#slider{
width: 750px;
margin: 0 auto;
position: relative;
}

.scroll{
height: 210px;
width: 750px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
}

.scrollContainer div.panel{
height: 210px;
width: 750px;
}

ul.navigation{
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 9px;
}

ul.navigation li{
display: inline;
margin: 0;
}

ul.navigation a{
height: 0px !important;
width: 250px;
display: block;
float: left;
padding: 40px 0 0 0;
overflow: hidden;
text-decoration: none;
height /**/:40px; /* for IE5/Win only */
}

#b01{
background: url(../images/b01.jpg) no-repeat 0 0;
}

#b01:hover{
background-position: 0 -40px;
}

#b02{
background: url(../images/b02.jpg) no-repeat 0 0;
}

#b02:hover{
background-position: 0 -40px;
}

#b03{
background: url(../images/b03.jpg) no-repeat 0 0;
}

#b03:hover{
background-position: 0 -40px;
}

ul.navigation a:focus{
outline: none;
}

.hide {
display: none;
}

#p1{
background: url(../images/01.jpg) no-repeat 0 0;
}

#p2{
background: url(../images/02.jpg) no-repeat 0 0;
}

#p3{
background: url(../images/03.jpg) no-repeat 0 0;
}

#h01{
font-size: 18px;
margin-left: 60px;
margin-top: 0;
padding-top: 10px;
color: #fff;
}

#t01{
font-size: 12px;
margin-left: 60px;
color: #fff;
width: 330px;
}

#h02{
font-size: 18px;
margin-left: 400px;
margin-top: 0;
padding-top: 70px;
color: #fff;
}

#t02{
font-size: 12px;
margin-left: 400px;
color: #fff;
width: 330px;
}

#h03{
font-size: 18px;
margin-left: 10px;
margin-top: 0;
padding-top: 28px;
color: #fff;
}

#t03{
font-size: 12px;
margin-left: 10px;
color: #fff;
width: 330px;
}

.slider_vise{
line-height: 30px;
margin-top: 5px;
}

/*------------*/



/*---CONTENT---*/

#video{
float: right;
margin: 0 0 10px 10px;
width: 425px;
height: 344px;
}

#madein{
width: 750px;
height: 86px;
text-align: center;
margin-top: 10px;
}

.blue{
font-size: 16px;
color: #209dcb;
font-weight: bold;
}

.bluei{
color: #209dcb;
font-weight: bold;
}

.blues{
font-size: 14px;
color: #209dcb;
font-weight: bold;
}

#content{
width: 750px;
background-color: #f7f7f7;
}

#left{
float: left;
width: 500px;
margin-top: 20px;
margin-bottom: 20px;
}

#right{
float: right;
width: 249px;
margin-top: 20px;
margin-bottom: 20px;
border-left: 1px solid #e7e7e7;
}

.block_left{
margin: 0 auto 0 20px;
width: 460px;
}

.block_right{
margin: 0 auto 0 20px;
width: 210px;
}

h1{
color: #333;
font-size: 22px;
margin-top: 0;
}

h2{
color: #333;
font-size: 22px;
margin-top: 0;
}

h3{
color: #333;
font-size: 18px;
margin-top: 0;
}


.left_pic{
float: left;
padding: 2px;
margin-right: 10px;
margin-bottom: 5px;
border: 2px solid #e7e7e7;
}

.left_pic2{
float: right;
padding: 2px;
margin-left: 5px;
margin-bottom: 5px;
margin-top: 10px;
border: 2px solid #e7e7e7;
}

.right_pic{
float: left;
padding: 2px;
margin-bottom: 5px;
border: 2px solid #e7e7e7;
}

.separator1{
clear: both;
width: 710px;
height: 20px;
margin-left: 20px;
background-color: #f7f7f7;
border-top: 1px solid #e7e7e7;
}

#wide{
width: 750px;
margin-top: 0;
margin-bottom: 20px;
}

.block_wide{
text-align: center;
margin: 0 auto 0 20px;
width: 710px;
}

.block_widep{
margin: 20px auto 0 20px;
width: 710px;
}

.stand_pic{
margin-right: 10px;
margin-left: 10px;
}

#block_folije1{
margin: 20px auto 0 20px;
padding: 10px;
width: 710px;
background: url(../images/stripe.png);
border-top: 3px solid #209dcb;
border-bottom: 3px solid #209dcb;
}

#block_folije2{
margin: 20px auto 0 20px;
padding: 10px;
width: 710px;
background: url(../images/stripe.png);
border-top: 3px solid #209dcb;
border-bottom: 3px solid #209dcb;
}

#block_folije3{
margin: 20px auto 0 20px;
padding: 10px;
width: 710px;
background: url(../images/stripe.png);
border-top: 3px solid #209dcb;
border-bottom: 3px solid #209dcb;
}

.linkh{
font-weight: bold;
color: #333;
}

.linkh:hover{
text-decoration: underline;
}

.kar{
float: left;
width: 175px;
margin-bottom: 10px;
}

.pdf_icon{
margin-right: 10px;
}

.separator2{
clear: both;
width: 710px;
height: 10px;
margin-left: 20px;
background-color: #f7f7f7;
}


/*-------------*/


/*---FOOTER---*/

#footer{
width: 100%;
height: 50px;
background: url(../images/footer-stripes.jpg) repeat-x;
border-top: 1px solid #dddddd;
padding-top: 10px;
text-align: center;
clear: both;
color: #fff;
font-size: 11px;
}

.linkf{
font-weight: bold;
color: #209dcb;
}

.linkf:hover{
text-decoration: underline;
}

/*------------*/

/*---FORM---*/

div.block-row{
clear: both;
margin: 0 0 8px 0;
padding: 0;
}

div.buttonblock{
margin: 0 0 12px 0;
}

/* FORM-ELEMENTS */

label{
font-weight: bold;
padding-right: 0.5em;
display: block;
white-space: nowrap;
}

span.req{
color: #f33;
font-weight: bold;
}

span#count{
color: #689230;
}

span.counter{
margin-left: 200px;
font-size: 11px;
font-weight: normal;
}

.form-info{
font-size: 11px;
}

input.box{
width: 98%;
}

input.big-box{
width: 98%;
height: 120px;
}

div.break {
clear: both;
}

div.buttonblock *  {
margin: 0;
}