/*--------------------------------------------------------- */
/*--------------------------------------------------------- */
/*------ Ralf Urban, das MedienKombinat              ------ */
/*------ Projekt: Weber Schraubautomaten GmbH        ------ */
/*------ Bereich: Main Styles, Content               ------ */
/*------ Version: 1.0, 06.10.2008                    ------ */
/*--------------------------------------------------------- */
/*--------------------------------------------------------- */

/* ------------------------ */
/* -- Generelles ---------- */
/* ------------------------ */
.colored_link
  {
  color:#00AEEF;
  } 
.liste_strich
  {
  list-style:none;
  }
body
  {
  background-color:#FFF;
  color:#000;
  font-family:sans-serif;
  font-size:13px;
  line-height:16px;
  }  
ul, li
  {
  list-style:none;
  margin:0px;
  padding:0px;
  }
a, 
a:link, 
a:visited
  {
  text-decoration:none;
  color:#000;
  }
 
a.active,
a:hover  
  {
  color:#00AEEF;
  }
.left
  {
  float:left;
  }
.right
  {
  float:right;
  }  
.author
  {
  color: #333;
  float: left;
  font-family: Helvetica;
  font-size: 10px;
  font-style: italic;  
  padding: 10px 0px;
  }
/* ------------------------ */
/* -- Boxstyles ----------- */
/* ------------------------ */
#page
  {
  background:url(../images/bg_page.jpg) repeat-y 0px 0px;
  display:block;  
  float:left;
  width:1010px;
  margin-bottom:50px;
  }
#header
  {
  display:block;  
  float:left;
  height:270px;
  width:1010px;  
  }
#header_left
  {
  display:block;  
  float:left;
  height:270px;
  width:251px;  
  }
#header_right
  {
  background-color:#FFF;
  display:block;
  float:left;  
  width:759px;
  }
#header_right_top
  {
  display:block;
  float:left;
  height:140px;
  width:759px;  
  }  
#navi_main
  {
  background-color:#808080;
  display:block;
  float:left;
  height:130px;
  width:420px;
  }  
#lang_ext
  {
  background-color:#BFBFBF;
  display:block;
  float:left;
  height:110px;
  width:332px
  }  
#language  
  {
  display:block;
  float:left;
  height:110px;
  width:200px;
  }
#ext_link
  {
  display:block;
  float:right;
  height:110px;
  width:100px;
  }  
#contentbox
  {
  display:block;
  float:left;
  width:1010px;
  }  
#content_left
  {
  background-color:#BFBFBF;
  display:block;
  float:left;
  width:240px;
  margin-right:11px;
  }
#content
  {
  float:left;
  width:510px;
  padding:15px 10px 30px 10px;
  }  
#content_right
  {
  display:block;
  float:right;
  width:218px;
  }  
#country_select
  {
  width:530px;
  float:left;
  display:block;
  font-size:0px;
  line-height:0px;
  }  
/* ------------------------ */
/* -- Header -------------- */
/* ------------------------ */  
#logo
  {
  margin:0px;
  padding:0px;
  }
#banner
  {
  margin:0px;
  padding:20px 0px;
  }
#page .bluebox
  {
  background-color:#00AEEF;
  float:right;
  height:30px;
  margin-right:7px;
  width:332px;
  }
#header_right_top h1
  {
  display:block;
  float:left;
  font-family: Verdana;
  font-size:35px;
  line-height:39px;
  padding:21px 0px 0px 20px;
  width:739px;
  font-weight:normal;
  }
#header_right_top h2
  {
  display:block;
  float:left;  
  font-family: Verdana;
  font-size:20px;
  line-height:30px;  
  padding:0px 0px 0px 430px;
  width:329px;
  font-weight:normal;  
  }
/* ------------------------ */
/* -- Navi_main ----------- */
/* ------------------------ */
#navi_main ul
  {
  display:block;
  float:left;
  width:300px;
  padding-top:15px;
  }
#navi_main ul li
  {
  display:block;
  float:left;  
  width:150px;
  }
#navi_main ul li a,
#navi_main ul li a:link 
  {  
  background:url(../images/arrow_right_white.gif) no-repeat 18px 7px;
  color:#FFF;
  display:block;
  float:left;  
  font-weight:bold;
  line-height:20px;
  padding-left:30px;
  text-transform:uppercase;
  }
#navi_main ul li.active a,
#navi_main ul li.active a:link, 
#navi_main ul li a:hover
  {  
  color:#00AEEF;  
  }
/* ------------------------ */
/* -- Breadcrumb ---------- */
/* ------------------------ */
#breadcrumb
  {
  background-color:#808080;
  color:#FFF;
  display:block;
  float:left;
  height:50px;
  line-height:50px;
  width:240px;
  }
#breadcrumb ul
  {
  display:block;
  float:left;
  width:240px;
  padding-top:15px;
  }
#breadcrumb ul li
  {  
  background:url(../images/arrow_right_white.gif) no-repeat 18px 7px;
  color:#FFF;
  display:block;
  float:left;  
  font-weight:bold;
  line-height:20px;
  padding-left:30px;
  text-transform:uppercase;
  width:210px;
  }
/* ------------------------ */
/* -- Breadcrumb_Content -- */
/* ------------------------ */
#breadcrumb_content
  {
  display:block;
  float:left;
  width:520px;
  line-height:0px;
  font-size:0px;
  }  
#breadcrumb_content ul
  {
  padding-top:10px;  
  width:530px;
  line-height:30px;  
  }
#breadcrumb_content ul li
  {
  float:left;
  }  
#breadcrumb_content ul li a,
#breadcrumb_content ul li a:link
  {
  background:url(../images/arrow_right_black.gif) no-repeat 8px 12px;  
  color:#000;
  display:block;
  float:left;
  font-weight:bold;
  font-size:14px;
  padding-left:20px;
  }  
#breadcrumb_content ul li.active a,
#breadcrumb_content ul li.active a:link, 
#breadcrumb_content ul li a:hover
  {  
  color:#00AEEF;  
  }  
/* ------------------------ */
/* -- Navi_sub ------------ */
/* ------------------------ */  
#navi_sub, 
#navi_sub ul, 
#navi_sub ul li
  {
  color:#000;
  display:block;
  float:left;
  width:239px;
  }
#navi_sub,
#navi_sub ul
  {
  padding:10px 0px;
  }
#navi_sub ul li a,
#navi_sub ul li a:link
  {
  background:url(../images/arrow_right_black.gif) no-repeat 18px 7px;  
  color:#000;
  display:block;
  float:left;
  font-weight:bold;
  line-height:20px;
  padding-left:30px;
  text-transform:uppercase;
  width:209px;  
  }
#navi_sub ul li.active a,
#navi_sub ul li.active a:link, 
#navi_sub ul li a:hover
  {  
  color:#00AEEF;  
  }
#content_left .platzhalter
  {
  height:340px;
  margin:0px;
  padding:0px;
  width:1px;
  float:right;
  }  
/* ------------------------ */
/* -- L�ndermen� ------------ */
/* ------------------------ */  
#country_select ul, 
#country_select ul li
  {
  color:#000;
  display:block;
  float:left;
  }
#country_select ul
  {
  padding:0px 0px 0px 10px;
  width:520px;
  }
#country_select ul li a,
#country_select ul li a:link
  {
  background:url(../images/arrow_right_black_small.gif) no-repeat 10px 5px;  
  color:#000;
  display:block;
  float:left;
  font-size:13px;
  font-weight:normal;
  line-height:17px;
  padding-left:22px;
  width:100px;  
  }
#country_select ul li a:hover
  {  
  color:#00AEEF;  
  }
/* ------------------------ */
/* -- Language ------------ */
/* ------------------------ */  
#language ul
  {
  display:block;
  float:left;
  height:80px;
  padding:15px 0px;
  width:200px;  
  }
#language ul li
  {
  display:block;
  float:left;  
  width:100px;
  }
#language ul li a,
#language ul li a :link
  {
  background:url(../images/arrow_right_black.gif) no-repeat 18px 7px;  
  color:#000;
  display:block;
  float:left;  
  font-weight:bold;
  line-height:20px;
  padding-left:30px;
  text-transform:uppercase;
  width:70px;
  }  
#language ul li.active a,
#language ul li.active a:link,  
#language ul li a:hover
  {  
  color:#00AEEF;  
  }  
/* ------------------------ */
/* -- Externe Links ------- */
/* ------------------------ */  
#ext_link ul
  {
  display:block;
  float:left;
  height:80px;
  padding:15px 0px;
  width:100px;  
  }
#ext_link ul li
  {
  display:block;
  float:left;  
  width:100px;
  }
#ext_link ul li a,
#ext_link ul li a :link
  {
  background:url(../images/arrow_right_black.gif) no-repeat 3px 7px;  
  color:#000;
  display:block;
  float:left;  
  font-weight:bold;
  line-height:20px;
  padding-left:15px;
  text-transform:uppercase;
  width:85px;
  }  
#ext_link ul li a:hover
  {  
  color:#00AEEF;  
  }  
/* ------------------------ */
/* -- Content ------------- */
/* ------------------------ */  
#content .content_img_left
  {
  float:left;
  padding:5px;
  width:245px; 
  }
#content .content_img_center
  {
  float:left;
  padding:5px;
  width:500px;
  }
p
  {
  padding:6px 10px;
  }
#content_right table.csc-uploads
  {
  clear:both;
  }

#content p.colored_link
  {
  padding:0px 10px 6px 10px;
  } 
#content p span.colored_link a
  {
  color:#00AEEF;
  }   
p.address
  {
  padding:10px 10px 10px 30px;
  }
#content .block_messe
  {
  display:block;
  float:left;
  width:510px;
  padding-bottom:15px;
  }
#content ul
  {
  padding:5px 10px 5px 48px;
  } 
#content ul li
  {
  list-style:disc;
  }
#content ul.liste_strich
  {
  padding:5px 10px 5px 45px;
  list-style:none;
  }
#content ul.liste_strich li
  {
  list-style:none;
  background:url(../images/listenstrich.jpg) no-repeat 0px 8px;
  padding-left:10px;
  }  
#content h1
  {
  font-size:14px;
  font-weight:bold;
  line-height:17px;
  padding-bottom:13px;
  width:510px;
  }
#content h2
  {
  color:#900;
  font-size:16px;
  font-weight:bold;
  line-height:18px;
  padding-bottom:10px;
  padding-left:10px;
  padding-top:5px;
  text-decoration:underline;
  width:500px;
  } 
#content h3
  {
  font-size:16px;
  font-weight:bold;
  line-height:18px;
  padding-bottom:10px;
  padding-left:10px;
  width:500px;
  }    
#content h4
  {
  font-weight:bold;
  line-height:15px;
  padding:10px 0px 10px 30px;
  width:480px;
  } 
#content h5
  {
  line-height:15px;
  padding:10px;
  text-decoration:underline;
  width:490px;
  } 
.block_messe table tr th p,
.block_messe table tr td p
  {
  padding-top:0px;
  }
.block_messe table tr th
  {
  font-weight:bold ! important;
  } 
.block_messe table tr td
  {
  font-weight:normal ! important;
  }    
/* --------------------------- Extension Vertreter --------------------------- */
#content form#form_plz,
#content form#form_all
  {
  padding-left:10px;
  }
#content form#form_plz
  {
  padding-bottom:10px;
  }  
#content form#form_all input.submit
  {
  background:#E5E5E5;
  cursor:pointer;
  }  
#form_plz input
  {
  border:1px solid #808080;
  height:18px;
  line-height:16px;
  margin-right:10px;
  width:50px;
  }
#form_plz input.submit
  {
  border:1px solid #808080;
  cursor:pointer;
  height:20px;
  margin-right:10px;
  padding:0px 10px 1px 10px;
  width:auto;
  }  
#content .title
  {
  padding:0px 0px 10px 20px;
  }
#content .indent
  {
  padding-left:40px;
  }  
/* ------------------------ */
/* -- Content-Right ------- */
/* ------------------------ */   
#content_right a,
#content_right a:link,
#content_right a:visited
  {
  color:#000;  
  display:block;
  float:left;
  font-weight:bold;
  width:218px;
  }  
#content_right h1
  {
  background-color:#FFA500;
  color:#FFF;
  display:block;
  float:left;
  line-height:15px;
  padding:2px 6px;
  font-weight:bold;
  }
#content_right h3 a
  {
  color:#FFA500 ! important;
  padding-right:38px ! important;
  width:180px ! important;
  text-align:right ! important;
  }  
#content_right p
  {
  padding:6px 8px 6px 0px;
  }  
#content_right a:hover
  {
  color:#00AEEF;  
  }