/* CCS-Style created  March-2006 by
   Andreas Petermann (ByteNation.de)
*/

*
{
    margin:0px;
    padding:0px;
    font: 0.98em/1.5em 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color:#232323;
}

pre {
    font-size:12px;
    font-family: Courier New;
}
img
{
    border-width:0px;
}
p {
    margin: 10px 0px;
}
h1, h2, h3, h4 {
    color: #10a500;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: #D3D3D3 solid 1px;
}
h1 { font-size: 18px;}
h2 { font-size: 14px;}
h3 { font-size: 12px;}

body { background: #6f6e6e;}

#sidebar fieldset { background: #6f6e6e; padding: 20px; margin-bottom: 20px; line-height: 1.6em; border: none; line-height: 1.8em; }
#sidebar fieldset legend { margin-bottom: 15px; }
#sidebar fieldset legend span{ display: block; color: #10a500; font-family: Arial; font-weight: bold;}
#sidebar .submit { color: #cac8c8;  border: #cac8c8 solid 1px; font-family: Arial; width: 80px; background: #6f6e6e; margin-top: 5px;}

.my_clear
{
    font-size:1px;
    overflow:hidden;
    clear:both;
}
#page {
    padding: 20px;
    border: blue solid 0px;
}
.bn_layout
{
    width:960px;
    /*background: url('images/body_background.jpg') repeat-y;*/
    margin: auto;
    border-left: #D3D3D3 solid 4px;
    border-right: #D3D3D3 solid 4px;
    background: #FFF;
}
#headerGFX {
    width: 535px;
    height: 163px;
}
/* hier ist die komplette angabe der linkliste des logos sowie des <h3> und <p> tags */
#mainMenu {
    background: url('images/menubg.png') no-repeat;
    height: 60px;
    margin-top: 15px;
    text-align: center;
    width: 920px;
}
#mainMenu ul {
    margin: auto;
    list-style-type: none;

}
#mainMenu li{
    float: left;
    display: block;
    margin-top: 5px;
    margin-left: 20px;
    overflow: visible;
    width: 110px;
}
#mainMenu a {
    color: #FFF;
    display: block;
    width: 100%;
    text-decoration: none;
    padding-right: 10px;
    border-right: dotted 1px #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 1.0em;
}
#mainMenu a:hover {
    color: #10a500;
}
#subMenu {
    background: #10a500 url('images/submenu.png') no-repeat;
    display: block;
    position: relative;
    top: 4px;
    left: 6px;
    float:left;
    padding: 2px 0px;
    width: 908px;
    height: 25px;
}
#subMenu li {
    margin-top: 2px;
    width: auto;
    float: left;
}
#subMenu a {
    font-weight: normal;
    font-size: 0.97em;
    border: none;
}
#subMenu a:hover {
    color: #FFF;
    text-decoration: underline;
}
#sidebar {
    width: 323px;
    float: right;
    padding: 0px 10px;
    /*border: #D3D3D3 solid 1px;*/
}
#sidebar ul {
    padding-left: 20px;
}
.bn_menu
{
    border:0px solid #f90000;
    margin: 8px 5px;
    float: left;
    /*list-style-position:outside;*/
    list-style-type:none;
    width: 150px;
}
#logo {
    margin-left: 15px;
}
.bn_menu li
{
    background-image:url(images/menu_line.jpg);
}

.bn_menu li a, .bn_menu li a:link, .bn_menu li a:visited, .bn_menu li a:active
{
    background-image:url(images/link_button.jpg);
    background-repeat:no-repeat;
    display:block;
    font-size:14px;
    padding-left:30px;
    text-decoration:none;
    height:24px;
    color:#146413;
    line-height: 1.5em;
    border:0px solid #f90000;
    width:100%;
}

.bn_menu li a:hover
{
    color:#90CB24;
    background-image:url(images/push_button.jpg);
    background-repeat:no-repeat;
}
.bn_box {
 
}
.box_navi  {
    list-style-type: none;
}
.box_navi li {
    float: left;
    width: 150px;
}
.bn_content
{
    border-right: #D3D3D3 solid 1px;
    overflow:hidden;
    padding: 0px 10px;
    float: left;
    padding-right: 20px;
    letter-spacing: 0.0em
}
.bn_content a:active, a:visited, a:link {
    color:#146413;
}
.bn_content a:hover {
    color:#90CB24;
}
.bn_context_box {
    float: right;
    width: 120px;
}
.bn_context_box p
{	font-size:small;
  margin-bottom:10px;
  text-align:justify;
  line-height:1.5em;
}
.bn_context_box ul
{
    list-style-type:circle;
    margin-left:15px;
    text-align:left;
}
/* 	Dies ist nun der Footer, im grunde gleich aufgebaut wie die navi leiste
		unter dem header, der übersichthalber sind aber beide extra definiert
*/
ul.footer
{
    background-image:url(images/footer_background.jpg);
    height:26px;
    width:942px;
    overflow:hidden;
    margin:auto;
    list-style-position:outside;
    list-style-type:none;
}

ul.footer li
{	float:right;
  margin-left:10px;
  font-size:small;
  line-height:32px;
  background-image:url(images/box_navi_background.jpg);
  background-repeat:no-repeat;
  padding-right:10px;
  background-position:right center;
}

ul.footer li a, ul.footer li a:link, ul.footer li a:visited, ul.footer li a:active
{	font-size:12px;
  text-decoration:none;
}

ul.footer li a:hover
{
    color:#58B100;
}

/* das hier ist extra für den "HOME", bzw. ersten link unter dem header,
	 damit dort keine begrenzungslinie gezeigt wird
*/

ul.footer li a.first_link:link, ul.footer li a.first_link:hover, ul.footer li a.first_link:visited, ul.footer li a.first_link:active, ul.footer li a.first_link
{	padding-left:0px;
  background-image:none;
}

p.weiterelinks {
    border-top:#cccccc solid 1px;
    margin-top:30px;

}
span.formular {
    overflow:hidden;
    float:left;
    width:255px;
    font-size:10px;
    margin:5px;
    /*border:#000000 1px solid;*/
}
.formular input {
    width:350px;
}
.formular textarea {
    width: 350px;
    height: 100px;
}
select.anrede {
    width: 80px;
}
.formular {
    /*border-top:dotted 1px #000;*/
    padding-bottom:5px;
    width:400px;
}
.kontaktform {
    margin-top:25px;
}
.kontaktform p{
    margin-top:3px;
}

.kontaktform span {
    margin-left:132px;
}
.line {
    border-bottom: dotted 1px #000;
    padding-top: 2px;
    padding-bottom: 2px;
}
.sitemap {
    padding-left:10px;
    padding-right:10px;
    float:left;
    width:120px;
    /*border-right:#000 1px dotted;*/
    height: 200px;
}
.sitemap a {
    text-decoration:none;
}
.sitemap ul {
    list-style-type:none;
}
.submap {
    margin-left:10px;
}
.kontaktoption {
    width:100px;
    margin-left: 157px;
    float:left;
}
.pctarif {
    width: 280px;
    float:left;
    margin: 20px;
}
.pctarif h2 {
    color: #90CB24;
}
.pctarif ul {
    padding-left: 20px;
}
.pctarif span{
    font-weight: bold;
    font-size: 1.1em;
}
.pctarif input {
    border: #000 solid 1px;
    margin: 20px;
}
.pctarif_buchen fieldset {
    line-height: 1.8em;
    border: none;
    padding: 0px;
    width: 520px;
    margin-bottom: 20px;
    margin-left: 15px;
}
.pctarif_buchen fieldset input {
    margin: 0px;
    width: 250px;
}
.pctarif_buchen legend span {
    color: #90CB24;
    border: none;
    padding: 0px;
    font-size: 1.2em;
    font-weight:bold;
}
.pctarif_buchen label {
    font-weight: bold;
    text-transform: capitalize;
    display: block;
    margin-top: 10px;
    line-height: inherit;
}
.index_content_box {
    padding-right: 10px;
}
.index_content_box img {
    float:left;
    padding: 1px;
    margin: 0px 5px;
}
.index_page div {
    margin-top: 20px;
}
.index_page ul {
    list-style-type: none;
    padding-left: 30px;
}
.index_page ul li {
    list-style-image: url(images/list_style_image.gif)
}
.index_content_box div {
    margin: 0px;
}
.tv_forestsoft {
    text-align: left;
}
.tv_forestsoft p {
    text-align: left;
}
.contact {
    float: right;
}
.referenzen div h3 {
    margin-top: 30px;
}
.referenzen img {
    border: 1px solid #D3D3D3;
    padding: 2px;
    margin-right: 10px;
}
.referenzen div {
    margin-top: 30px;
    text-align: left;
}
.referenzen div p {
    float: right;
    width: 553px;
    margin-top: 0px;
    text-align: left;
}
.tarifuebersicht td {
    line-height: 2.3em;
}
.price {
    color: #0c940c;
    font-weight: bold;
    font-size: 1.2em;
}