/* Start of CMSMS style sheet 'Bintat Style' */
*{margin: 0 auto; padding: 0;}

img {border: 0px;}

.img_sol { margin:0 18px 0 0; float:left; border: 2px solid #666666;}
.img_sag{ margin:0 18px 0 0; float:right; border: 2px solid #666666;}

img, div, input { behavior: url("iepngfix.htc") }

.clear {clear: both;}

.form { height:35px;}
input {width:200px; height:17px; background:#fff; border:1px solid #cccccc; font-size:1em; color:#484848;}
textarea { width:201px; height:122px; background:#fff; overflow:auto; border:1px solid #cccccc; font-size:1em; color:#484848; font-family:tahoma;}


.site_bottom {background: url(images/tall_bottom_2.jpg) bottom center no-repeat;}

body {  background: url(images/tall_2.jpg) top center repeat-x; font-family: tahoma, verdana, arial; font-size: 11px; color: #333333;}

#header { background: url(images/header_2.png) top center no-repeat; width: 990px; height:180px;}
#header .indent {width: 850px; height:160px;}
#header .indent .logo {width: 800px; height: 115px; float:left; text-align: center;}

#header .indent .menu {width: 830px; font-weight: bold; height:34px; padding: 8px 0 0 0;}

#main { width: 990px; }

#main h1 {font-size: 12px; padding: 7px 0 7px 0; color: #000000; text-transform: uppercase;}

#main a {color: #651919;}
#main p {padding: 7px 0 7px 0;}

#main .main_sol {margin-left: 15px; width: 60px; float:left;}
#main .main_orta {width: 839px; float:left; background: url(images/main.jpg) top left repeat-y; padding: 0 0 10px 0;}
#main .main_orta .indent  .soll {width: 284px; float: left;}
#main .main_orta .indent  .soll .ust {width: 264px; height:18px; background: url(images/sol_top.jpg) top left no-repeat; padding: 10px;}
#main .main_orta .indent  .soll .orta {width: 264px; background: url(images/sol_orta.jpg) top left repeat-y; padding: 10px;}
#main .main_orta .indent  .soll .alt {width: 284px; height:11px; background: url(images/sol_alt.jpg) top left no-repeat;}

#main .main_orta .sagg {width: 508px; float: left; padding: 0 0 10px 7px; margin-left:5px;}
#main .main_orta .sagg .indent_content {border-bottom: 1px dotted #cccccc;}
#main .main_orta .sagg ul {list-style: none;}
#main .main_orta .sagg ul li { background:url(images/marker.gif) no-repeat 0 1px; padding-left:19px; color:#333333;}

#main .main_sag {width: 75px; background: url(images/limon.png) top left no-repeat; float:left;}

#main .main_orta .flash {padding: 0px 10px 10px 17px; width: 903px; height: 220px;}
#main .main_orta .indent {padding: 10px 10px 10px 17px;}
#main .main_sag {float:left;}

.box-l {width: 165px; height: 100px; float:left; margin-left:2px;}
.box-r {width: 165px; height: 100px; float:left; margin-left:2px;}

#footer {background: url(images/footer.png) top center no-repeat; width: 970px; height:96px; text-align: center; padding: 10px;}
#footer a {color: #666666;}




/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_horiz {
  
   width: 100%;
   margin: 0;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0;
   padding: 0;

   height:2.2em;
}


/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: 0 ;

}


/* the links, that is each list item */
div#menu_horiz a {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   /*background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; ;*/
   display: block; /* IE has problems with this, fixed above */

}


/* hover state for links */
div#menu_horiz li a:hover {
 text-decoration: underline;
  color: #C3D4DF;

}
div#menu_horiz a.activeparent:hover {

   color: #cccccc;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   background: #385C72 url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
   color: #fff;
}

div#menu_horiz h3 {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   /* background: #385C72 url(images/cms/arrow-right-active.gif) no-repeat 0.4em center; ;*/
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
}

/* End of 'Bintat Style' */

