/*
Theme Name: KBH Produktionsautomation
Theme URI: http://www.kbh-maschinenbau.de
Description: Design fuer KBH
Version: 1.0
Author: SANSEG!concept
Author URI: http://www.sanseg.de
*/

/* reset & misc
--------------------------------------------------*/
html, body{ height:100%; }
*{ padding:0; margin:0; border:0; font-size:12px;line-height:18px;}
html { min-width:951px; }
html > body #outer { height:auto; }
.clearer{ clear:both; line-height:0px;}
p{ margin:0.7em 0 0.7em 0;  }
.fat{ font-weight:bold; }
.ital{ font-style:italic; }
.smaller{ font-size:0.9em; }
.normal{ font-weight:400; }
.under { text-decoration:underline; }
a.under:hover { text-decoration:none; }
.lineheight { line-height:1.2em; }
.alignleft{ float:left; margin:0 30px 30px 0; text-align:center; }
.alignright{ float:right; margin:0 0 30px 50px; text-align:center; }
.aleft{ float:left; }
.aright{ float:right; }
.center{ text-align:center; }
.p90 { width:90%; }
.mt10 { margin-top:10px; }
.mt25 { margin-top:25px; }
.col_r { float:right; width:45%; }
.col_l { float:left; width:45%; }
.minibox { width:250px; height:200px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:left; padding:25px 15px 0px; }
.overline { border-top:1px solid #9BA5AF; padding:30px 0;  }


/* main
--------------------------------------------------*/
body { margin:0 auto; color: #000; text-align:center; background:#43526d url('img/bg.gif') repeat-x scroll 50% 0pt; font: 0.75em /1.5em Verdana, sans-serif; }
#outer { width:951px; height:100%; margin:0 auto; text-align:left; }
#header, #content, #footer { width:900px; margin:0 auto; padding:15px 25px; }
#content { background-color:#fff; text-align:justify; }
#footer { background-color:#fff; margin-bottom:60px; }
.colored { color:#33435C; }


/* links
--------------------------------------------------*/
a { color:#465064; text-decoration:none; }
a:hover { text-decoration:underline; }

/* headings
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font:bold 1em /1.7em Arial, sans-serif; color:#33435C; }
h1 { font-size:1.7em; }
h2 { font-size:1.2em; }

/* ontop
--------------------------------------------------*/
#ontop { width:900px; margin:0 auto; color:#fff; margin:30px 0 5px 0; }
#ontop b { font-size:12px; font-weight:bold; float:right; margin-right:-50px; }
#ontop a { color:#fff; text-decoration:none;}
#ontop table { width:100%; }


/* header
--------------------------------------------------*/
#header { background-color:#fff; }
#logo { width:870px; height:150px; border:1px solid #5b5d62; padding:0 15px; background:#fff url('img/bg_logo.gif') repeat-x scroll 50% 0pt; }
#logo img { float:right; margin:5px -5px; }
#logo h1 { margin-top:55px; color:#333; font-size:1.8em; }
#logo b { color:#333; }


/* nav
--------------------------------------------------*/
#nav{	width:900px; position:relative; display:block;	height:30px; border:1px solid #5b5d62; font-weight:bold; background:transparent url('img/bg_nav.gif') repeat-x top left; margin-top:-25px; }
#nav ul{ margin:0; padding:0; list-style-type:none; width:auto; }
#nav ul li{ display:block; float:left; margin:0 1px 0 0; }
#nav ul li a{ display:block; float:left; color:#000; text-decoration:none; padding:5px 25px 0 25px;	height:28px; }
#nav ul li a:hover,#nav ul li a.current{ color:#fff; background:transparent url('img/bg_navCurrent.gif') repeat-x top left; }
#nav_footer { border-top:2px solid #9BA5AF; text-align:right; padding:5px 15px 25px; }
#content #nav_left { width:240px; float:left; margin-top:4px; }
#content #nav_left ul { width:230px; list-style-type:none; font-weight:bold; }
#content #nav_left ul li { padding:0; background:none;  border-bottom:1px solid #c3cacf;  }
#content #nav_left ul li.nav_left_header { height:20px; padding:2px 15px; color:#fff; background:#c3cacf url('img/bg_nav_left_header.gif') top left;  }
#content #nav_left ul li a { height:15px; padding:8px 15px; display:block; text-decoration:none; }
#content #nav_left ul li a:hover, #content #nav_left ul li a.current { background-color:#c3cacf; color:#fff; }
#content #nav_left ul li.nav_left_header2 { height:20px; padding:2px 0px; color:#93282C;   }
#content #nav_left ul li.nav_left_header3 { height:20px; padding:2px 15px; color:#fff; background:#c3cacf url('img/bg_nav_left_header3.gif') top left;  }
#content #nav_left ul li.nav_left_header4 { height:20px; padding:2px 15px; color:#fff; background:#c3cacf url('img/bg_nav_left_header4.gif') top left;  }


/* content box
--------------------------------------------------*/
#content .box_text { padding:0 25px 15px 25px; }
#content .box_table { text-align:center; margin-bottom:15px; }
#content .box_table table { width:920px; margin:-10px 0 0 -10px; }
#content .box_table table tr td { border:1px solid #9BA5AF; background:transparent url('img/bg_table.gif') repeat-x top left; padding:5px; vertical-align:top;  }
#content .box_table table tr td img { margin:5px; }
#content .box_table table tr td ul { margin-left:40px; text-align:left; }
#content .box_table table tr td ul a { font-weight:bold; }
#content .box_video { border-top:1px solid #9BA5AF; margin:0 0 15px 0; padding:25px 0; }
#content .box_video .video { width:290px; height:200px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:15px; margin-left:50px; }
#content .box_bild { border-top:1px solid #9BA5AF; margin:10px 0 15px 0; padding:35px 0; }
#content .box_bild .bild { height:300px; text-align:center; margin-right:55px; }
#content .box_bild .bild img{ margin-left:25px; }
#content .box_text2, #content .box_2col { float:right; width:625px; margin-bottom:25px; }
#content .box_2col { border-top:1px solid #9BA5AF; padding:25px 0; }
#content .box_2col ul { margin:5px 25px 15px; text-align:left; }
#content .box_2col .video { width:260px; height:200px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:12px 10px 10px; }
#content .box_img { background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; margin-top:10px; }
#content .box_img .box_img_header{ margin-top:0; height:24px; padding-top:6px; background-color:#c4cedd; }
#content .box_img img { margin:12px; }


/*
--------------------------------------------------*/
#content .box_video1 { border-top:1px solid #9BA5AF; margin:0 0 15px 0; padding:25px 0; }
#content .box_video1 .video1 { width:290px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:15px; margin-left:50px; }
#content .box_2col .video1 { width:260px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:12px 10px 10px; }



/* Box für 3:4-Video + Text
--------------------------------------------------*/
#content .box_video2 { border-top:1px solid #9BA5AF; margin:0 0 15px 0; padding:25px 0; }
#content .box_video2 .video2 { width:290px; height:290px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:15px; margin-left:50px; }
#content .box_2col .video2 { width:260px; height:290px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:12px 10px 10px; }

/* Box für HD-Video 260 breite
--------------------------------------------------*/
#content .box_video3 { border-top:1px solid #9BA5AF; margin:0 0 15px 0; padding:25px 0; }
#content .box_video3 .video3 { width:290px; height:220px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:15px; margin-left:50px; }
#content .box_2col .video3 { width:260px; height:220px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:12px 10px 10px; }


/* Box für HD-Video + Text
--------------------------------------------------*/
#content .box_video4 { border-top:1px solid #9BA5AF; margin:0 0 15px 0; padding:25px 0; }
#content .box_video4 .video4 { width:290px; height:250px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:15px; margin-left:50px; }
#content .box_2col .video4 { width:260px; height:250px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:12px 10px 10px; }


/* Box für 2 Bilder
--------------------------------------------------*/
#content .box_video5 { border-top:1px solid #9BA5AF; margin:0 0 15px 0; padding:25px 0; }
#content .box_video5 .video5 { width:290px; height:420px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:15px; margin-left:50px; }
#content .box_2col .video5 { width:260px; height:420px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:center; padding:12px 10px 10px; }


.minibox2 { width:450px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:left; padding:10px; }
.minibox3 { width:600px; background-color:#f0f0f0; border:1px solid #9BA5AF; text-align:left; padding:10px; }
/*   .col_2 { float:left; width:95%; }   */


#linksbild { float:left; width: 350px; }