/*******************************************************************************

	Project		:	beuchte

	Copyright	:	design werkstatt krause - schielicke

*******************************************************************************/

/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul { list-style-type:none; }
ol	{ list-style-type: decimal-leading-zero; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { background-repeat:no-repeat; }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style-type: decimal-leading-zero;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{ 
 color:#000000;
 margin-bottom: 0em;
}

a:link			{ 
 text-decoration:none;
 color:#777777;
}

a:active			{ 
 text-decoration:none;
 color:#000000;
}


a:visited 			{ 
 text-decoration:none;
 color:#777777;
}

a:hover { 
 text-decoration:none; 
 color:#000000;
}


ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }


/*	html
*******************************************************************************/
html {
	margin-bottom: 1px;
}

/*	body
*******************************************************************************/
body {
 font-color: #000000;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:16px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 12px;
	line-height:16px;
 scrollbar-face-color: #ffffff;
 scrollbar -highlight- color: #777777;
 scrollbar -shadow- color: #777777;
 scrollbar -3dlight- color: #ffffff;
 scrollbar -arrow- color: #ffffff;
 scrollbar -track- color: #ffffff;
 scrollbar -darkshadow- color: #ffffff;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#f00; }


/*	website  top: 0px;  left: 0px;
 min-height:620px;
 height:auto;
 height:620px;
 visibility: visible;
 overflow:visible;
 clip:auto;

*******************************************************************************/
#website {
	position:absolute;
 top:0px;
	width:990px;
	display:block;
	margin:0, auto;
	padding:0px;
	border-width:0px;
	text-align:left;
}

/*	wechselbild
*******************************************************************************/
#wechselbild {
background-image:url(http://www.beuchte.de/files/beuchte_header_img7162.jpg);
background-repeat:no-repeat;
color:#99CC33;
position:absolute;
top:0px; 
left:250px;
width:740px;
height:120px;
margin:0;
padding:0px;
clip:auto;
display:block;
}


/*	header
*******************************************************************************/
#header {
background-color:#99CC33;
position:absolute;
top: 0px; 
left: 0px;
width:990px;
height:120px;
margin:0px;
padding:0px;
clip:auto;
display:block
}

#weisser_streifen {
background-color:#ffffff;
position:absolute;
top: 120px; 
left: 0px;
width:990px;
height:55px;
margin:0px;
padding:0px;
clip:auto;
display:block
}

#gruener_streifen_links {
background-color:#99CC33;
position:absolute;
top: 165px; 
left: 0px;
width:250px;
height:2px;
margin:0px;
padding:0px;
clip:auto;
display:block
}

#gruener_streifen_rechts {
background-color:#99CC33;
position:absolute;
top: 165px; 
left: 802px;
width:188px;
height:2px;
margin:0px;
padding:0px;
clip:auto;
display:block
}

#weisses_feld_rechts {
background-color:#EDF3DB;
position:absolute;
top: 172px; 
left: 802px;
width:188px;
height:543px;
margin:0px;
padding:0px;
clip:auto;
display:block
}

#hellgruenes_feld_links {
background-color:#EDF3DB;
position:absolute;
top: 120px; 
left: 250px;
width:28px;
height:40px;
margin:0px;
padding:0px;
clip:auto;
display:block
}

#hellgruenes_feld_links2 {
background-color:#EDF3DB;
position:absolute;
top: 165px; 
left: 250px;
width:28px;
height:550px;
margin:0px;
padding:0px;
clip:auto;
display:block
}

/*	top link ÿýÿý  background-color:#cdbea8;
*******************************************************************************/
#toplink {
	position:fixed;
 textalign:center;
 top: 159px; 
 left: 247px;
	width:20px;
	height:20px;
	margin:0px;
	padding:7px;
 clip:auto;
 display:block
}


/*	logo 
*******************************************************************************/

#logo {
position:absolute;
top:0px; 
left:0px; 
width:250px; 
height:170px;
margin:0;
visibility:visible; 
display:block
clip:auto;
}

#logo a {
background-image:url(http://www.beuchte.de/files/beuchte_logo.jpg);
background-repeat:no-repeat;
display:block;
width:250px;
clip:auto; 
}

#logo a:hover {
background-image:url(http://www.beuchte.de/files/beuchte_logo.jpg);
background-repeat:no-repeat;
display:block;
width:250px;
clip:auto; 
}

#beuchte {
position:absolute;
top:120px; 
left:0px; 
height:40px;
width:200px;
padding:12px 20px 0px 20px;;
border:1px;
border-color:#CC3333;
clip:auto;
display:block
float:left;
font-size:14px;
font-weight:bold;
color:#CC3333;
}

#beuchte a,
#beuchte a:link {
color:#CC3333;
}

/* statische links
*******************************************************************************/

#statische-links  { 
 position: absolute; 
 top:0px; 
 left:0px; 
 width:250px;
 height:25px;  
 overfolw:visible;
 visibility:visible; 
 display: block 
}

#slink { 
 position: relative; 
 float:left;
 height: 25px; 
 visibility: visible; 
 display: block 
 margin:0px;
	padding:7px 0px 0px 20px;
 text-align:left;
	display:block;
	font-size:12px;
	font-weight:normal;
}

#slink a, 
#slink a:link {
	color:#336600;
}

#slink a:hover {
	color:#CC3333;
}

/*	content
*******************************************************************************/

/* hide from IE/MAC \*/
 * html #content {   min-height:364px;
 height:auto;
 height:364px;
 } 
/* end hide   */

#contentstart {
background-color:#EDF3DB; position:absolute; 
border-bottom: 2px;
border-bottom-color:#ffffff;
border-bottom-style: solid; top:165px; 
 left:250px; 
 width:740px; 
 margin:0px;
 padding:0px;
 visibility:visible; 
 overflow:visible; 
	display:block;
}


#content {
 background-color:#EDF3DB;
 position:absolute; 
 top:165px; 
 left:250px; 
border-bottom: 2px;
border-bottom-color:#ffffff;
border-bottom-style: solid; width:740px; 
 margin:0px;
 padding:0px;
 visibility:visible; 
 overflow:visible; 
	display:block;
}


/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nÿýÿýchsten Kommentar gelÿýÿýscht werden
------------------------------------------------------------------------------*/

#nav-header {
background-color:#E0EEB1;
position:absolute;
top:120px; 
left:280px; 
height:40px;
width:710px;
padding:0px;
border:0px;
overflow:unvisible; 
visibility:visible; 
clip:auto;
display:block;
}

#nav-header ul.nav1st {
}


#nav-header ul.nav1st li {
height:30px;
margin:0px;
padding:12px 20px 0px 12px;
text-align:left;
display:block;
float:left;
font-size:14px;
font-weight:bold;
}

#nav-header ul.nav1st li.active {
}

#nav-header ul.nav1st li.active a,
#nav-header ul.nav1st li.active a:link {
	color:#CC3333;
}

#nav-header ul.nav1st li a, 
#nav-header ul.nav1st li a:link {
	color:#336600;
}

#nav-header ul.nav1st li a:hover {
	color:#CC3333;
}

/*	background-color:#D3D6E8; */

#nav-suche {
background-color:#FFFFFF;
text-align:right;
font-size:12px;
font-weight:normal;
color:#336600;
position:absolute;
top:185px; 
left:0px;
width:236px;
padding:0 0 0 0;
margin:0px;}


#nav-leftcol {
background-color:#FFFFFF;
text-align:right;
font-size:12px;
font-weight:normal;
color:#336600;
position:absolute;
top:220px; 
left:0px;
width:250px;
padding:0 0 0 0;
margin:0px;}

#nav-leftcol ul.nav2nd li {
	padding:3px 14px 3px 0px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
	color:#cdbea8;
 border-top:1px solid #99CC33;
}

#nav-leftcol ul.nav2nd a, 
#nav-leftcol ul.nav2nd a:link {
	display:block;
	padding:4px 0 4px 0;
	color:#336600;
}

#nav-leftcol ul.nav2nd a.current, 
#nav-leftcol ul.nav2nd a.current:link, 
#nav-leftcol ul.nav2nd a:hover {
	color:#CC3333;
}

#nav-leftcol ul.nav3rd li {


	padding:2px 0px 2px 0px;
	margin:0px;
	font-size:12px;
	font-weight:normal;
	color:#336600;
 border:0;
}

#nav-leftcol ul.nav3rd a, 
#nav-leftcol ul.nav3rd a:link {
	display:block;
	padding:0px;
	color:#336600;
}

#nav-leftcol ul.nav3rd a.current, 
#nav-leftcol ul.nav3rd a.current:link, 
#nav-leftcol ul.nav3rd a:hover {
	color:#CC3333;
}

#letzte_aederung {
background-color:#336600;
height:40px;
width:710px;
padding:7px;
border:0px;
clip:auto;
display:block
text-align:right;
display:block;
font-size:12px;
font-weight:normal;
}

/* background-color:#E0EEB1 - EDF3DB; */

#letzte_aederung { 
 background-color:#E0EEB1;
float:left;
width:520px;
left:28px;
position:relative; 
margin:0px; 
padding:0px; 
border-left: 2px;
border-left-color:#ffffff;
border-left-style: solid;
border-right: 2px;
border-right-color:#ffffff;
border-right-style: solid;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block 
clip:auto;
}

#letzte_aederung .textbeitrag {
width:500px; 
padding:0px; 
float:left;
border:0px; 
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#letzte_aederung .textbeitrag p { 
padding:10px;
color:#336600;
font-size:11px;
line-height:18px;
font-weight:normal;
 font-family: arial, helvetica, verdana, sans-serif; 
}


#breadcrumb {
 width:630px;
 margin:0px;
	padding:5px 5px 5px 5px;
 border:0px;
 clip:auto;
 display:block;
	background-color:#cdbea8;
}

#breadcrumb a, 
#breadcrumb a:link, {
	color:#851d1c;
}

#breadcrumb a:hover {
	color:#ffffff;
}

/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 -  margin: 12px 0 8px 0; */
#content h1  { 
 color:#336600; 
	font-family:arial, helvetica, verdana, sans-serif;
	font-weight:bold; 
	font-size:20px; 
 line-height:36px;
 padding:0px 0px 9px 0px;
}

#content .teaser h1 {
	font-size:14px;
 line-height:20px;
}

/* Headline 2  -  margin: 8px 0 6px 0; */
#content h2 { 
 color:#336600; 
 font-family:arial, helvetica, verdana, sans-serif;
 font-weight:bold; 
 font-size:15px; 
 line-height:20px;
 padding:0px 0px 7px 0px;
}

/* Headline 3    -  margin: 8px 0 6px 0; */
#content h3 { 
 color:#336600; 
 font-family:arial, helvetica, verdana, sans-serif;
 font-weight:normal; 
 font-size:12px; 
 line-height:18px;
 padding:0px 0px 0px 0px;
}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/

#content p,
#content ul,
#content ol { 
color: #000000; 
font-size:12px;
line-height:18px;
font-weight:normal;
 font-family: arial, helvetica, verdana, sans-serif; 
}
#content ul li ul,
#content ul li ol,
#content ol li ol,
#content ol li ul {
    padding:10px;
	font-size:12px;
	font-weight:normal;
}

#content ul {
	margin-left:12px;
	list-style-type:square;
}

#content ol {
	list-style-type:decimal-leading-zero;
}

#content p.bildunterschrift { 
	margin:3px;
    color: #336600; 
	font-size:11px;
	font-weight:normal;
 font-family: arial, helvetica, verdana, sans-serif; 
}

/*	Hyperlinks
------------------------------------------------------------------------------*/

#content a, #content a:link, #content a:visited {
	color:#AA1111;
	text-decoration:none;
}

#content a:hover {
	color:#FF0000;
}



/*	Images
------------------------------------------------------------------------------*/
#content div.image {
	margin-bottom:0;
 color: #ffffff; 
}
#content div.image p {
	margin:3px;
    color: #336600; 
    font-size:10px;
}
#content div.flLeft {
	margin-right:14px;
}
#content div.flRight {
	margin-left:14px;
}

/*	beitrag 
------------------------------------------------------------------------------*/

#teaserbeitrag  { 
float:left;
position:relative; 
margin-bottom:2px; 
padding:0px; 
border:0px; 
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block 
clip:auto;
}


#beitrag  { 
background-color:#E0EEB1;
float:left;
width:520px;
left:28px;
position:relative; 
margin:0px; 
padding:0px; 
border-left: 2px;
border-left-color:#ffffff;
border-left-style: solid;
border-right: 2px;
border-right-color:#ffffff;
border-right-style: solid;
border-bottom: 2px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block 
}


#beitrag .image-innen {
margin:0px; 
padding-top:4px; 
border:0px; 
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
color:#336600;
}


#beitrag .textbeitrag {
width:500px; 
padding:10px 10px 10px 10px; 
float:left;
border:0px; 
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
}

#beitrag .textbeitrag p {
padding:0px; 

}

#beitrag .textbeitrag-hilfe {
float:left;
border:0px; 
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
}

#beitrag .textbeitrag-navi a:hover{
color:#ffffff;
}

#beitrag ol {
	list-style-type:decimal-leading-zero;
	margin:5px 0px 0px 15px;
}

#beitrag ul {
	margin:15px 15px 0px 15px;
	list-style-type:square;
}

#beitrag li {
	margin:15px 15px 0px 15px;
}

/* IMG Popup
------------------------------------------------------------------------------*/

#img_content {
 background-color:#EDF3DB;
 margin:0px;
 padding:0px;
 visibility:visible; 
 overflow:visible; 
	display:block;
}

#img_beitrag  { 
background-color:#E0EEB1;
float:left;
position:relative; 
margin:0px; 
padding:10px 10px 0px 10px; 
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block 
clip:auto;
}

#beitrag .img_textbeitrag {
color: #336600; 
padding:10px; 
float:left;
border:0px; 
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#img_content h3 { 
 color:#336600; 
 font-family:arial, helvetica, verdana, sans-serif;
 font-weight:normal; 
 font-size:12px; 
 line-height:16px;
 margin: 8px 0 6px 0;
}

#img_content p { 
color: #000000; 
font-size:12px;
line-height:18px;
font-weight:normal;
font-family: arial, helvetica, verdana, sans-serif; 
}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
 background-color:#ffffff;
	margin:0px;
	padding:0px;
 position: relative; 
	width:480px;
	color:#ffffff;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
}

#form-module-zeile  { 
background-color:#ffffff;
float:left;
margin-left:160px; 
padding: 0px; 
position: relative; 
vertical-align:top;
width: 320px; 
visibility: visible; 
display: block 
}

#form-module-zeile div.bezeichnung  { 
text-align:right;
margin: 0px; 
padding: 0px; 
position: relative; 
left:0px
vertical-align:top;
width: 150px; 
visibility: visible; 
display: block 
}

#form-module-zeile div.eintragsfelder  { 
float:right;
text-align:left;
margin: 0px; 
padding: 0px; 
position: relative; 
vertical-align:top;
width: 310px; 
visibility: visible; 
display: block 
color:#ffffff;
}

#form-module-zeile fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module-zeile p {
	margin:0;
	padding:5px;
	font-size:12px;
	font-weight:normal;
}

//	clear:both;

#form-module-zeile .element {
	display:block;
	background-color:#cccccc;
	border-top:2px solid #fff;
}

#form-module-zeile label {
 position:relative;
 left:10px;
 color:#000000;
	display:block;
 text-align:left;
	padding:0px;
	margin:5px 0px 0px 0px;
	width:300px;
	border:0px solid #fff;
}

#form-module-zeile label.checkbox {
	width:300px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module-zeile input, 
#form-module-zeile select, 
#form-module-zeile textarea {
	float:right;
	margin:3px 9px 5px 9px;
	width:300px;
	border:1px solid #777;
}

#form-module-zeile input.text {
	height:20px;
}

#form-module-zeile input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module-zeile input.submit { 
	margin:5px 9px 10px 9px;
	padding:0px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module-zeile input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module-zeile textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}