/*--------------------------------------------------------- */
/*--------------------------------------------------------- */
/*------ Ralf Urban, das MedienKombinat              ------ */
/*------ Projekt: Redner- und Dialogpreis            ------ */
/*------ Bereich: Main Styles, Content               ------ */
/*------ Version: 1.0, 20.11.2008                    ------ */
/*--------------------------------------------------------- */
/*--------------------------------------------------------- */

/* ------------------------ */
/* -- Generelles ---------- */
/* ------------------------ */
body
  {
  background-color:#FFF;
  color:#787270;
  font-family:Arial, sans-serif;
  font-size:11px;
  line-height:13px;
  }
ul, li
  {
  list-style:none;
  margin:0px;
  padding:0px;
  }
a,
a:link,
a:visited
  {
  }

a.active,
a:hover
  {
  }
.left
  {
  float:left;
  }
.right
  {
  float:right;
  }
.clear
  {
  clear:both;
  }
/* ------------------------ */
/* -- Boxstyles ----------- */
/* ------------------------ */
#center
  {
  margin:0px auto;
  width:760px;
  }
#page
  {
  display:block;
  float:left;
  width:760px;
  }
#header
  {
  border-top:15px solid #f0f0f0;
  display:block;
  float:left;
  height:266px;
  margin-bottom:20px;
  width:100%;
  }
#navi_main
  {
  display:block;
  float:right;
  height:15px;
  padding:45px 0px 35px 0px;
  width:540px;
  }
#ext_link
  {
  }
#contentbox
  {
  display:block;
  float:left;
  width:760px;
  }
#content_left
  {
  background-color:#BFBFBF;
  display:block;
  float:left;
  width:190px;
  }
#content
  {
  float:right;
  width:520px;
  padding:12px 20px 40px 0px;
  overflow:hidden;
  background:url(../images/ecke_rechts.jpg) no-repeat top right;
  }
/* ------------------------ */
/* -- Header -------------- */
/* ------------------------ */
#logo
  {
  display:block;
  float:left;
  height:55px;
  padding:20px 0px;
  width:190px;
  }
#header_img
  {
  float:left;
  width:100%;
  }  
/* ------------------------ */
/* -- Navi_main ----------- */
/* ------------------------ */
#navi_main ul
  {
  display:block;
  float:right;
  height:15px;
  }
#navi_main ul li
  {
  display:block;
  float:left;
  padding-left:20px;
  }
#navi_main ul li a,
#navi_main ul li a:link
  {
  color:#c5c5c5;
  display:block;
  float:left;
  font-weight:normal;
  line-height:15px;
  font-size:14px;
  text-decoration:none;
  }
#navi_main ul li.active a,
#navi_main ul li.active a:link,
#navi_main ul li a:hover
  {
  color:#000;
  }
/* ------------------------ */
/* -- Breadcrumb ---------- */
/* ------------------------ */
#breadcrumb
  {
  color:#092566;
  display:block;
  float:right;
  line-height:24px;
  width:540px;
  border-top: 1px solid #d7d8da;
  border-bottom: 1px solid #d7d8da;
  }
#breadcrumb ul
  {
  display:block;
  float:left;
  width:540px;
  }
#breadcrumb ul li
  {
  color:#092566;
  display:block;
  float:left;
  font-weight:bold;
  line-height:24px;
  text-transform:uppercase;
  }
/* ------------------------ */
/* -- 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 h2
  {
  font-weight:bold;
  color:#000;
  padding:5px 0px;
  } 
#content a,
#content a:link,
#content a:visited
  {
  color:#c60100;
  }
#content p
  {
  width:520px;
  }
#content .title
  {
  text-transform:uppercase;
  color:#092566;
  } 
#content .content_img_left
  {
  float:left;
  padding:5px;
  width:245px;
  }
#content .content_img_center
  {
  float:left;
  padding:5px;
  width:500px;
  }
p
  {
  padding:0px 0px 15px 0px;
  }
#content ul
  {
  list-style:none; 
  }
#content ul li
  {
  list-style:none;
  background:url(../images/listenpunkt.jpg) no-repeat 1px 7px;
  padding:4px 0px 4px 13px;
  }
#content .block_left,
#content .block_right,
#content .img_content_text_left img,
#content .img_content_text_right img
  {
  background-color:#f4f4f4;
  border:1px solid #d7d8da;
  display:block;
  float:left;
  padding:4px;
  width:240px;
  }
#content .csc-textpic-imagewrap
  {
  margin-right:18px ! important;
  }  
#content .csc-textpic-imagewrap img
  {
  background-color:#f4f4f4;
  border:1px solid #d7d8da;
  display:block;
  float:left;
  padding:4px;
  } 

#content .img_content_text_left,
#content .img_content_text_right
  {
  display:block;
  float:left;   
  } 
#content .img_content_text_left .csc-textpic-imagewrap,
#content .img_content_text_left .csc-textpic-imagewrap .csc-textpic-image
  {
  width:250px ! important;
  float:left;
  margin-right:5px;
  margin-left:0px;  
  }
#content .img_content_text_right .csc-textpic-imagewrap,
#content .img_content_text_right .csc-textpic-imagewrap .csc-textpic-image
  {
  width:250px ! important;
  float:right;
  margin-right:0px;
  margin-left:5px;
  }  
#content .img_content_left .csc-textpic-imagewrap,
#content .img_content_left .csc-textpic-imagewrap .csc-textpic-image,
#content .img_content_right .csc-textpic-imagewrap,
#content .img_content_right .csc-textpic-imagewrap .csc-textpic-image
  {
  width:auto ! important;
  }  
#content .block_right,
#content .img_content_text_right img
  {
  float:right;
  }
#content .block_left h1,
#content .block_right h1
  {
  width:220px;
  text-transform:uppercase;
  color:#000;
  font-weight:bold;
  } 
#content .block_left .csc-header,
#content .block_right .csc-header   
  {
  width:220px;
  padding:0px;
  }
#content .block_left div
  {
  background-color:#FFF;
  padding:8px 10px 12px 10px;
  width:220px;  
  }
#content .block_right div
  {
  background-color:#FFF;
  padding:8px 10px 7px 10px;  
  width:220px;
  }
#content .img_portrait
  {
  width:80px;
  float:left;
  }
#content .space_portrait
  {  
  height:100px;
  width:8px;
  float:left;
  }
#content .img_portrait img
  {
  float:left;
  width:70px;
  border:1px solid #d7d8da;
  background-color:#f4f4f4;
  padding:4px;
  }  
#content .img_content_left img,
#content .img_content_right img
  {
  background-color:#f4f4f4;
  padding:4px;
  border:1px solid #d7d8da;
  }
#content .img_content_right
  {
  width:auto;
  float:right;
  }
#content .img_content_left
  {
  width:auto;
  float:left;
  }  
#content .auszeichnung
  {
  display:block;
  width:238px;
  padding-right: 10px;
  margin-bottom:10px;
  margin-top:10px;
  }  
#content .auszeichnung h1
  {
  font-weight:bold;
  color:#000;
  }   
#content .auszeichnung div.placeholder
  {
  float:left;
  width:1px;
  height:5px;
  }
#content .auszeichnung .border
  {
  border-left:1px solid #d7d8da;
  padding-left:10px;
  }    
/* -------------------------- Footer ----------------------------- */  
#footerbox
  {
  display:block;
  float:left;
  width:760px;
  }
#footerbox p
  {
  padding-bottom:10px;
  }  
#footer_left
  {
  display:block;
  color:#aaa;
  float:left;
  width:190px;
  border-top:1px solid #d7d8da;
  padding-top:8px;
  }
#footer_left img
  {
  float:left;
  }
#footer
  {
  color:#aaa;
  display:block;
  float:right;
  width:540px;
  border-top:1px solid #d7d8da;
  padding-top:8px;
  }
#footer img
  {
  float:left;
  }  
#navi_footer
  {
  float:left;
  background-color:#f0f0f0;
  height:36px;
  width:740px;
  margin-top:10px;
  padding:0px 10px;
  line-height:36px;
  }
#navi_footer span
  {
  font-size:11px;
  color:#a9a9a9;
  } 
#navi_footer span a
  {
  text-decoration:none;
  color:#a9a9a9;
  }  
#navi_footer img
  {
  margin:17px 4px;
  }