/* *******************************************
  CSS-Datei fue OEKO PLAN Bauplanung GmbH Plauen
  Autor: www.undkonsorten.com // Thomas Alboth
  fuer: Standard-Seite 
 ******************************************* */
  
body { 
  background: #FFFFFF;
  color: #000000;
  font-size: 11px; /* Resets 1em to 10px */
  line-height: 1.5em;
  font-family: Tahoma, Arial, Sans-Serif;
  text-align: center;   
  vertical-align: top;    
  margin: 0 0 23px 0;
  padding: 0; 
}

/***************************************  
***** SEITENSTRUKTUR *******************
****************************************/

#content_all { /* 951px breit */  
  width: 972px; 
  margin: 15px auto;
  text-align:left;
  padding: 0; 
  position: relative;
}


/*.intro #content_all { background: green url('img/body_hg_intro.gif') repeat-x; }*/

/***** HEADER  ****************************  
********************************************/  
#header {
  background: url('img/header_start2_hg.jpg') no-repeat right top;
  height: 162px;
  margin: 0 0 0 0;
}
#header_nav {
  background: url('img/header_nav_hg.png');
  float: right;
  height: 23px;
  margin: 0 0 0 0;
  padding: 5px 0 0 10px;
  width: 244px;
}
.header_nav_punkt {
  height:99px; 
  float: left; 
}

/***** LINKS  *****************************  
********************************************/  

#spalte_links {  
  clear: both;
  height: 100%;
  margin: 0 48px 0 0;
  position: relative;
  float: left;
  width: 215px;
  text-align: left;
}
  
#links_nav { 
  border: 0px solid #FFFFFF;     
  margin: 42px 0 0 0;
  padding: 0 0 46px 0;
  text-align: left; 
  width: 204px;  
}

/***** MITTE  *****************************  
********************************************/
#content_mitte { 
  float: left;
  margin: 48px 0 0 0px;
  padding: 0;
  text-align: left;
  width: 413px; 
}

/***** RECHTS  *****************************  
********************************************/  
#content_rechts { 
  float: right; 
  margin: 48px 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  width: 254px; 
}
div.ueberschrift_rechts {
  border-bottom: 1px solid #336699;
}

.contentbox_grauer_rahmen_unten  {
  border-bottom: 1px dotted #9c9c9c;
  padding: 0;
  margin: 0 0 10px 0;
}

/***** FOOTER ****************************  
********************************************/  

#footer {
  border-top: 1px solid #7F7F7F;
  clear: both;
  margin: 50px 0 0 263px;
  padding: 0; 
  width: 713px;
}
#druck {
  float: left;
  margin: 0;
  padding: 0;
}
#meta_navi {
  background: #FFFFFF;
  float: right;
  padding: 0;
  text-align: right;
  width: 262px;   
}


/*************************************************************  
***** SCHRIFTFORMATE (TYPO, FARBEN etc. ) *******************
*************************************************************/

#content_rechts {
  font-size: 10px;
}
  
#links_nav {
  color: #111111;
  line-height: 22px;
  text-transform: normal; }

/***** UEBERSCHRIFTEN
************************************************/

h1, h2, h3 {  font-family: 'Ubuntu', Arial, sans-serif; }
h1 {  clear: both;
  color: #336699;
  font-size: 14px;
  padding: 0 0 0 0;
  text-align: left;
  text-transform: normal; }
  
#header h1 a { width:205px; height:164px; position:absolute; background:#fff url('img/header_logo_oeko-plan_3.gif') no-repeat; display:block; margin:0; padding:0; border:0;}
#header h1 a span { position:absolute; left: -999em;}

h2{
  color: #336699;
  font-size: 26px;
  padding: 0 0 0 0;
  margin: 10px 0 10px 0;
  font-weight: normal; 
}  
h3 {margin-top:24px;font-size:16px;font-weight:middle;color: #336699;}
h4 {margin-top:6px;}


#content_rechts h3 { border-bottom: 1px solid #366;}

#content_rechts h1 {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

  
/***** LINK-FORMATE
************************************************/

a {
  border-bottom: 1px dotted #5F5F5F;
  color: #5F5F5F; 
  text-decoration: none; 
  font-weight: 800; }
a img {border:0;}
  
#links_nav a { font-weight:400;}

p.important {font-size:14px; font-color: #555; font-weight: bold; line-height:20px; }

.csc-textpic-imagewrap a, 
.csc-textpic-imagewrap a:link,
.csc-textpic-imagewrap a:visited  {border:0;}  

#header_nav a {
  border: 0;
  font-weight: bold;
}
#footer a { border: 0; }

/* LANGUAGE MENUE ********************************/
div.tx-srlanguagemenu-pi1 a {
  border: 0;
  color: #FFFFFF;
  font-size: 10px;
  
}
#links_nav li.ebene1aktiv_black a, #links_nav .ebene1aktiv .ebene2aktiv_black  a, #links_nav .ebene3aktiv_black a {
  border: 0; color: #000000;
}
#links_nav a, #links_nav .ebene1aktiv a, #links_nav li.ebene1aktiv_black .ebene2  a, #links_nav li.ebene1aktiv li.ebene2aktiv a, #links_nav .ebene3aktiv a,
#links_nav a, #links_nav .ebene1 a, #links_nav .ebene2 a, #links_nav .ebene3 a {
  border: 0; color: #336699; 
}


  
/***************************************  
***** FORMULARE *******************
****************************************/

input, textarea { border: 1px solid silver; }

/****** ANFRAGE- MAILFORMULAR ********
****************************************/
  
  
div.csc-mailform-label {
  margin: 20px 0 0 0;
  font-weight: bold;
}
#mailformformtype_mail {
  margin: 20px 0 20px 0 ;
}
  
form {
  border: 0;
}
fieldset { 
  border: 0; 
  margin: 0;
  padding: 0;
}
  
/***************************************  
***** LISTEN *******************
****************************************/

/* **** links_nav *** 1. Ebene ****/

#links_nav ul {
  list-style:none;
  text-indent: 0px;
}
#links_nav ul.ebene1 {
  margin: 0;
  padding: 0; 
}
#links_nav ul.ebene1 li a {
  display: block;
  margin: 0px 0 0px 18px;
  padding: 3px 0 3px 0;
}
#links_nav ul.ebene1 li {
  background: url('img/pfeil_ebene1.gif') no-repeat 0px 9px;
  padding: 0;
  border-bottom: 1px solid #c9dde7; 
}
#links_nav ul.ebene1 li.ebene1aktiv {
  background: url('img/pfeil_ebene1aktiv.gif') no-repeat 0px 12px;
}
#links_nav ul.ebene1 li.ebene1aktiv_black {
  background: url('img/pfeil_ebene1aktiv_black.gif') no-repeat 0px 9px;
}


/* **** links_nav *** 2. Ebene ****/
#links_nav ul.ebene2 {
  border-top: 1px solid #c9dde7;
  margin: 0;
  padding: 0; 
}
#links_nav ul.ebene2 li a {
  display: block;
  margin: 0px 0 0px 35px;
  padding: 3px 0 3px 0;
}
#links_nav ul.ebene2 li  {
  background: url('img/pfeil_ebene2.gif') no-repeat 18px 7px;
  border-bottom: 1px solid #c9dde7; 
  margin: 0;
  padding: 0 0 0 0px;
}
#links_nav ul.ebene1 li.ebene2_last {
  border: 0;
}
#links_nav ul.ebene1 li.ebene2aktiv {
  background: url('img/pfeil_ebene1aktiv.gif') no-repeat 20px 10px;
}
#links_nav ul.ebene2 li.ebene2aktiv_black {  
  background: url('img/pfeil_ebene1aktiv_black.gif') no-repeat 18px 9px;
  margin: 0;
  padding: 0;
}

/* **** links_nav *** 3. Ebene ****/
#links_nav ul.ebene3 {
  border-top: 1px solid #c9dde7;
  margin: 0;
  padding: 0; 
}
#links_nav ul.ebene3 li a {
  display: block;
  margin: 0px 0 0px 60px;
  padding: 5px 0 5px 0;
}
#links_nav ul.ebene3 li  {
  background: url('img/pfeil_ebene2.gif') no-repeat 40px 7px;
  border-bottom: 1px solid #c9dde7; 
  margin: 0;
  padding: 0 0 0 0px;
}
#links_nav ul.ebene3 li.ebene3_last  {
  border: 0; 
}
#links_nav ul.ebene3 li.ebene3aktiv_black {  
  background: url('img/pfeil_ebene1aktiv_black.gif') no-repeat 37px 7px;
  margin: 0;
  padding: 0;
}





/* SITEMAP FORMARTIEN ******************/
div.csc-sitemap ul {
  list-style: square; 
  margin: 0px;
  padding: 0 0 0 15px;
  text-indent: 0px; 
  }
div.csc-sitemap ul ul{
  list-style: none; 
  margin: 0px;
  padding: 0 0 0 5px;
  text-indent: 30px; 
  }  

/***************************************  
***** BILDER ***************************
****************************************/

#header img { border: 0; padding: 0; margin: 0; }

#csc-textpic-border { 
  border: 1px solid #000000; }
img {
  border: 0px; }  
a img {
  border: 0px; }  
  
.csc-textpic-caption {
  color: #555555;
  font-style: italic;
  
}
  
/***************************************  
***** SONSTIGE SPIELEREIEN *************
****************************************/
.nowshow { display: none; }  
.hidden { display: none; }
div.INACT, div.CUR { display: none; }
hr { height: 0; margin: 0; padding: 0; border: 1px solid #8F8F8F; }
.csc-frame-rulerAfter { clear:both; padding:10px 0 0 0; border-bottom:1px dotted silver;margin: 0 0 10px 0;}