/*
Farbschema

	kräftig:
	rgb(220,244,155)
	rgb(169,199,87)
	
	grauer: 
	rgb(217,221,205)
	rgb(176,181,162)
	
	heller:
	rgb(210,213,203)
	rgb(233,236,226)
	
	hellbraun:
	rgb(187,123,53)
	dunkelbraun:
	rgb(123,77,39)
	
	grau (hellbraunstich):
	rgb(202,191,180)
	
*/


html { width: 100%; height:101%; }
body.wide { 
	width: 100%; margin:0px; padding:0px; 
	color:rgb(36,38,30);
	background-color:#ffffff;
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	/* overflow:scrollbars; */
}

body { 
	width: 100%; margin:0px; padding:0px; 
	color:rgb(36,38,30);
	background-color:#ffffff;
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	/* overflow:-moz-scrollbars-vertical; */
}

#header {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#fffffa;
}

#header1 {
	position:relative;
	top:0;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:120px;
	color:rgb(123,77,39);
	font-size:11pt;
	font-weight:bold;
	background-color:rgb(220,244,155);
	background: url(../grafik/header1_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 0px ;
	float: left;
}

#header1 #headerbild {
	float: left;
}

#header1 #headersignet {
	float: left;
	position:absolute;
	right: 0px;
	margin-top:43px;
}

#header2{
	position:relative;
	top:0;
	left:0px;
	width:100%;
	height:20px;
	color:rgb(127,138,98);
    font-size:8pt;
	background-color:rgb(249,255,232);
}

#header1 #claim1 {
	position:absolute;
        top:35px;
        left:200px;
}

#header1 #claim2 {
	position:absolute;
        top:65px;
        left:200px;
}

#container{
  margin:0px;
  padding:0 180px 0 180px;			/* entsprechend #right/#left und #cols */
}
#cols{
  background-color:#fffffa;
  float:left;
  height:100%;
  width:100%;    
  border-left:180px solid rgb(220,244,155); 	/* entsprechend #left und #container */
  border-right:180px solid rgb(249,255,232);	/* entsprechend #right und #container */
  margin-left:-180px;				/* entsprechend #left  und #container */
  margin-right:-180px;				/* entsprechend #right und #container */
  display:inline; /* So IE plays nice */
}

#cols2{ /* für breite Inhalte ohne rechte Spalte */
  background-color:#fffffa;
  float:left;
  height:100%;
  width:100%;    
  border-left:180px solid rgb(220,244,155); 	/* entsprechend #left und #container */
  margin-left:-180px;				/* entsprechend #left  und #container */
  display:inline; /* So IE plays nice */
}

#left {
  float:left;
  width:180px;			/* entsprechend #cols und #container */
  margin-left:-180px;	/* entsprechend #cols und #container */
  position:relative;
	padding-top:50px;
	padding-bottom:20px;
    margin-top:0px;
}

#centre {
  float:left;
  width:100%;
  margin-right:-100%;
    border-left: solid 1px rgb(242,245,223);	
    border-right: solid 1px rgb(242,245,223);
    border-top: solid 1px rgb(242,245,223);
}

#centre2 { /* für breite Inhalte ohne rechte Spalte */
  float:left;
  width:100%;
  margin-right:-100%;
    border-left: solid 1px rgb(242,245,223);	
	background-color:#ffffff;
}

#centrecontent {
	color:rgb(36,38,30);
	font-size:10pt;
	padding-bottom:50px;
	margin:50px 50px 50px 50px;
}

.contunit {
	width:100%;
	margin-bottom:30px;
	display:block;
	float:left;
	padding:0px;
}

.centrepic { /* große Bilder im Contentbereich */
	margin-top:35px;
}

.piccaption { 
	margin-top:6px;
	color:#4d650c;
	font-size:85%;
	text-align:left;
	padding-left:18px;
	background-image:url('/grafik/piccaption.png');
	background-repeat:no-repeat;
}

.textcol {
	float:left;
	display:block;
	min-width:40%;
	width:60%;
	padding:0px;
}

.bildcol {
	float:right;
	width:35%;
	min-width:206px;
	padding:0px;
	text-align:center;
}
.bildcol img {
	border:solid rgb(123,77,39) 1px;
	text-align:left;
}

.bildcol:after { content:"clear"; clear:left; display:block; height:0; overflow:hidden; visibility:hidden; 
}

#right {
	float:right;
	width:180px;			/* entsprechend #cols und #container */
	margin-right:-180px;	/* entsprechend #cols und #container */
	position:relative;
	padding-bottom:20px;
}


/* Elemente rechts */
.topic {
	width:140px;
	margin-top:40px;
	margin-left:20px;
	border-top:solid 20px rgb(123,77,39);
	border-left:solid 1px rgb(202,191,180);
	border-right:solid 1px rgb(202,191,180);
	border-bottom:solid 1px rgb(202,191,180);
}

.caption {
	color:#ffffff;
	margin-top:-20px;
	margin-left:0px;
	padding-left:25px;
	padding-top:2px;
	font-weight:bold;
	font-size:8pt;
	width:115px;
	height:16px;
	background: url(../grafik/braunverlauf.png);
}

.description {
	margin-top:20px;
	margin-bottom:20px;
	width:120px;
	text-align:right;
	padding-left:10px;
	padding-right:10px;
}

.input {
	margin-top:5px;
	font-size:9px;
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:rgb(0,0,0);
	width:102px;
	height:14px;
	border:1px solid rgb(127,138,98);
	float:left;
}

.submit {
	margin-top:5px;
	padding-bottom:5px;
	color: #fffffa; 
	font-size:10pt; 
	font-weight:bold; 
	width:16px;
	height:18px;
	background-color:rgb(123,77,39); 
	background-image:url('http://www.baumpflege-bollmann.de/grafik/rarr.png');
	border:solid 1px rgb(123,77,39);
}

/* Ende Elemente rechts */


.submitbreit {
	margin-top:5px;
	color: #fffffa; 
	font-size:9pt; 
	font-weight:bold; 
	background-color:rgb(123,77,39); 
	width:100px;
	height:18px;
	border:solid 1px rgb(123,77,39);

}

h1 {
	text-align:left;
	position:relative;
	top:-44px;
	left:28px;
	font-weight:bold;
	font-size:14pt;
	font-variant:small-caps;
	color:rgb(100,89,78);
	letter-spacing:1pt;
}

h1:first-letter {
	font-size:20pt;
	color:#ffffff;
}

.hline2 { 
	font-size:smaller;
	margin-left:20px;
}

h2 {
	text-align:left;
	font-weight:bold;
	font-size:11pt;
	color:rgb(100,89,78);
}

h3 {
	text-align:left;
	font-weight:bold;
	font-size:10pt;
	color:rgb(100,89,78);
}

.lead {
	font-weight:bold;
}

.textsignet {
	font-weight:bold;
	font-family:Times, Times New Roman, Garamond, serif;
}

a {
	color:rgb(123,77,39);
	text-decoration:none;
}

a:hover {	
	color:rgb(187,123,53);
}

hr {
	height:0px;
	color:#ffffff;
	width:550px;
	margin-left:0px; 
	margin-top:100px;
	border: 0px; /* Für Firefox und Opera */
	border-top:1px solid rgb(127,138,98);
	border-bottom: transparent;
} 

hr.v2 {
	height:0px;
	color:#ffffff;
	width:400px;
	margin-left:0px; 
	margin-top:30px;
	margin-bottom:40px;
	border: 0px; /* Für Firefox und Opera */
	border-top:1px solid rgb(127,138,98);
	border-bottom: transparent;
} 

#footer {
  clear: both;		
    margin-top:2px;
    padding:2px;
    background-color:rgb(127,138,98); 
    color:#ffffff; 
}

#footer a {
   color:#ffffff;
   text-decoration:none;
}


/* alt */
#clearfooter { 
    width:1000px;height:16px;
    clear:both; 
    margin-top:2px;
    padding:0px;
    background-color:rgb(127,138,98); 
    color:#ffffff; 
	z-index:99;
}

#clearfooter a {
   color:#ffffff;
   text-decoration:none;
}

#bottomnavi {
	text-align:center;
}