/* CSS Document */

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




/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0;  list-style:none; }

body { background: url(../images/bg_rep.jpg) repeat-y; font-family: Arial, Helvetica, sans-serif; color:#969696; font-size:12px; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; }

form{margin:0; padding:0; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

fieldset { border: 0; }

img { border:0;  vertical-align:bottom;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; line-height:normal; text-align:left;}

h2 { color:#EE6C0D; font-size:16px;}

p, td { margin:0; padding:0;font-family: Arial; font-size:12px; line-height:18px; padding-left:0px; color:#000000; text-align: justify;}

ul,li {margin:0; padding:0; list-style:none; font-size:12px; font-family: Arial, Helvetica, sans-serif;}

a{margin:0; padding:0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color:#c50b1b; font-weight:bold; font-size:11px;  text-decoration:underline;}

.clear {clear:both; height:1px; }
.cl_cle{ clear:left;height:1px;}
.display{ display:block; float:none; text-align:left; }

.left{ float:left;}
.right{ float:right;}
.marginlf{ margin-left:15px;}
.marginrf{ margin-right:30px;}
.margintp{ margin-top:-25px;}
/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/
#wrapper{ width:100%; display:block; text-align:center; background:url(../images/bg_top.jpg) top left no-repeat;}
#wrap{ width:970px; margin:auto; display: block;}


/*
----------------------------------------------------------------------------- 
header styles goes here
-----------------------------------------------------------------------------*/
#header { background:url(../images/bg_intop.png) bottom no-repeat; height:121px; display:block;}
#header #logo{ width:211px; height:121px; float:left; display:block;}
#header #logo a{ background:url(../images/logo.png) no-repeat; width:191px; height:121px; display:block; cursor:pointer; margin-left:20px;}
#header .right_box{ float:left; width:759px; display:block; height:121px;}
#header .topnavi{ float:right; width:231px;}
#header .topnavilf{ background:url(../images/lf_topnavi.png) left no-repeat; width:231px; height:26px; padding-top:5px;}
#header .topnavirf{ background:url(../images/rf_topnavi.png) right no-repeat; text-align:center;}
#header .topnavirf a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; padding-left:10px; padding-right:10px; border-right:1px solid #000000; text-decoration:none;}
/*
----------------------------------------------------------------------------- 
navigation styles goes here
-----------------------------------------------------------------------------*/
#navigation{ display:block; height:33px;}\
#navigation ul{ float:right; margin-right:4px;}
#navigation li{ float:left; background:url(../images/navi_rf.png) right no-repeat; display:block; margin:0px;}
#navigation a{ background:url(../images/navi_lf.png) left no-repeat; display:block; height:33px; width:88px; font-family:Arial, Helvetica, sans-serif; font-size:11px;  text-transform:uppercase; text-decoration:none; text-align:center; line-height:40px; color:#005ca5;}
#navigation a:hover{ color:#cb0101;}

/*
----------------------------------------------------------------------------- 
Content styles goes here
-----------------------------------------------------------------------------*/
.hdimag{ width:940px; display:block; padding-bottom:14px; border-bottom:1px dotted #aaaaaa;}
.hdimag2{ width:940px; display:block; padding-bottom:14px; padding-top:14px; border-bottom:1px dotted #aaaaaa;}
.lf_home{ width:302px; float:left; display:block;}
.rf_home{ width:910px; float:left; display:block; padding-left:30px;}
.boder_bot{ border-top:1px dotted #aaaaaa; padding-bottom:3px; padding-top:10px;}
#content{ background:url(../images/cen_cont.png) repeat-y; display:block; width:940px; padding-left:15px; padding-right:15px; text-align:left;}
.broucher{ background-image:url(../images/orange.png); width:275px; height:150px;  float:left; display:block; margin-left:10px; margin-right:5px; padding-bottom:45px}
.lf_op{ width:282px; height:173px; float:left; display:block;  background:#f1f1f1; border:1px solid #d9d8d8; padding:10px; margin-left:5px;}
.lf_op_1{ width:282px; height:175px; float:left; display:block; border:1px solid #d9d8d8; padding:10px; background-color:#F4F4F4; margin-left:20px;}
.lf_op_1 a{color:#EE6C0D; text-decoration:none; font-size:18px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; }
.lf_op_1 a:hover{color:#005CA5; text-decoration:none; font-size:18px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; }
.lf_op img{ text-align:center;}
.lf_op a{color:#EE6C0D; text-decoration:none; font-size:18px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; }
.lf_op a:hover{color:#005CA5; text-decoration:none; font-size:18px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; }
.lf_op1{ width:282px; float:left; display:block; background:#f1f1f1; margin-left:10px; margin-right:10px; border:1px solid #d9d8d8; padding:10px;}
.pics {float:right; width:230px; margin-left:5px;}
.pics_01 {float:right; width:260px; margin-left:5px;}
.pics_02 {float:right; width:320px; margin-left:5px;}
.pics_03 {float:right; width:900px; margin-top:15px;}
.kontakt {float:left; width:150px; height:15px;}
.kontakt_02 {float:left; width:154px; height:15px; margin:20px 0px 0px 150px;}

#fotogalerie {width:900px; margin:0px 50px 0px 40px;}
.fotos_01 {padding:6px 6px 6px 6px; float:left; border:1px solid #828282; width:150px; height:115px; margin:0px 25px 10px 30px; }
.fotos_02 {padding:6px 6px 6px 6px; float:left; border:1px solid #828282 ;width:150px; height:115px; margin:0px 25px 10px 10px;}
.fotos_03 {padding:6px 6px 6px 6px; float:left; border:1px solid #828282; width:150px; height:115px; margin:0px 20px 10px 10px;}
.fotos_04 {padding:6px 6px 6px 6px; float:right; border:1px solid #828282; width:150px; height:115px; margin:0px 110px 10px 10px;}
.foto {padding:10px 10px 10px 10px; background-color:#FFFFFF; border:2px solid #828282; width:420px; margin:20px 20px 20px 25px;}
#fotos {background-image:url(../images/foto_bg.png); width:430px; height:335px; margin-top:20px; padding:5px; text-align:center;}
.fotos_img { padding:5px; text-align:center; padding-right:5px;}



/*
----------------------------------------------------------------------------- 
arrow blue styles goes here
-----------------------------------------------------------------------------*/
.arrow_blue{ display:block; padding-top:10px; padding-left:7px;}
.arrow_blue li{ background:url(../images/arrow.png) left 3px no-repeat; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; margin-bottom:10px;}
.arrow_blue li span{ font-weight:bold;}
.arrow_blue li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal;}
.arrow_blue li a span{ font-weight:bold;}


/*
----------------------------------------------------------------------------- 
footer styles goes here
-----------------------------------------------------------------------------*/
#footer{ background:url(../images/footer_con.png) top no-repeat; height:30px; padding-top:20px; text-align:right;}
#footer a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; padding-left:10px; padding-right:10px; border-right:1px solid #000000; text-decoration:none;}
#footer p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}