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

	Project		:	Das Gruene Dorf

	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			{ 
 font-color: #000000;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 1.0em;
 line-height:1.4em;
 margin-bottom: 0em;
}

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

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


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

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:1em; }


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

/*	body
*******************************************************************************/
body {
 background-color: #175408; 
 background-image: url(http://cn2481141.coolnic.de/files/himmel.jpg); 
 background-repeat: repeat-x; 
 font-color: #000000;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 0.95em;
 line-height:1.4em;
 voice-family: "\"}\"";
 voice-family: inherit;
 scrollbar-face-color: #ffffff;
 scrollbar -highlight- color: #999999;
 scrollbar -shadow- color: #999999;
 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  
*******************************************************************************/
#website {
	position:absolute;
    top:0px;
	width:990px;
	height:990px;
	display:block;
	margin:0, auto;
	padding:0px;
	border-width:0px;
	text-align:left;
}

/*	wechselbild
*******************************************************************************/
#wechselbild {
color:#ffffff;
position:absolute;
top:0px; 
left:200px;
width:790px;
height:150px;
margin:0;
padding:0px;
clip:auto;
display:block;
}


/*	header 
*******************************************************************************/
#header  { 
display: block; 
margin: 0; 
padding: 0; 
position: absolute; 
top: 0; s
left: 0; 
width: 990px; 
height: 250px; 
clip: auto }


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

#logo {
background-image: url(http://cn2481141.coolnic.de/files/dgd_logo.gif); 
background-repeat: no-repeat; 
position:absolute;
top:0px; 
left:0px; 
width:200px; 
height:250px;
margin:0;
visibility:visible; 
display:block;
clip:auto;
}

#logo a   { 
display: block; 
width: 200px; 
height:250px;
clip: auto }

#logo a:hover   { 
display: block; 
width: 200px; 
height:250px;
clip: auto }

/* 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:#339933;
}

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

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

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

#contentstart {
position:absolute; 
 left:200px; 
 width:580px; 
 margin:0px;
 padding:0px;
 visibility:visible; 
 overflow:visible; 
display:block;
}

/**/
#content {
 background-color: #BDDAEB; 
 background-image: url(http://cn2481141.coolnic.de/files/himmelcontent_1.jpg); 
 background-repeat: no-repeat; 
 width:580px; 
 position:absolute; 
 top:0px; 
 left:200px; 
 margin:0px;
 padding:0px;
  padding-top:30px;
 visibility:visible; 
 overflow:visible; 
	display:block;
}


/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum n 0chsten Kommentar gel"scht werden
background-color:#ffffff;
------------------------------------------------------------------------------*/


#nav-leftcol {
text-align:right;
font-size:1.0em;
font-weight:normal;
color:#222222;
position:absolute;
top:250px; 
left:0px;
width:200px;
padding:0 0 0 0;
margin:0px;}

#nav-leftcol ul.nav1st li {
	padding:3px 0px 3px 0px;
	margin:0px;
	font-size:1.0em;
	font-weight:normal;
	color:#cdbea8;
 border-top:1px solid #000066;
}

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

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


#nav-leftcol ul.nav2nd li {


	padding:2px 20px 2px 0px;
	margin:0px;
	font-size:0.9em;
	font-weight:normal;
	color:#222222;
 border:0;
}

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

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

#nav-leftcol ul.nav3rd li {


	padding:2px 0px 2px 0px;
	margin:0px;
	font-size:0.8em;
	font-weight:normal;
	color:#222222;
 border:0;
}

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

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


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

#letzte_aederung { 
float:left;
width:580px;
height:35px;
left:0px;
position:relative; 
margin:0px; 
padding:0px; 
overflow:visible; 
visibility:visible; 
property-name:property-value; 
clip:auto;
text-align:right;
font-size:12px;
font-weight:normal;
}

#letzte_aederung .textbeitrag {
width:528px; 
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:#222222;
font-size:0.8em;
font-weight:normal;
 font-family: Helvetica, Arial, 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:#000066; 
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal; 
	font-size:1.6em; 
 line-height:1.5em;
 padding:0px 0px 9px 0px;
}

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

/* Headline 2  -  margin: 8px 0 6px 0; */
#content h2 { 
 color:#000066; 
 font-family:Helvetica, Arial, sans-serif;
 font-weight:normal; 
 font-size:1.3em; 
 line-height:1.2em;
 padding:0px 0px 7px 0px;
}

/* Headline 3    -  margin: 8px 0 6px 0; */
#content h3 { 
 color:#000066; 
 font-family:Helvetica, Arial, sans-serif;
 font-weight:normal; 
 font-size:1.0em; 
 padding:0px 0px 0px 0px;
}

/*	Paragraphs / Lists font-size:16px;
line-height:20px;

------------------------------------------------------------------------------*/

#content p,
#content ul,
#content ol { 
color: #222222; 
font-weight:normal;
 font-family: Helvetica, Arial, sans-serif; 
}
#content ul li ul,
#content ul li ol,
#content ol li ol,
#content ol li ul {
    padding:5px;
	font-weight:normal;
}

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

#content ol {
	list-style-type:list-style-type:square;
}

#content p.bildunterschrift { 
	margin:3px;
    color: #777777; 
	font-size:0.8em;
	font-weight:normal;
 font-family: Helvetica, Arial, sans-serif; 
}

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

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

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



/*	Images
------------------------------------------------------------------------------*/
#content div.image {
	margin-bottom:0;
 color: #ffffff; 
}
#content div.image p {
	margin:3px;
    color: #ff0000; 
    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  { 
float:left;
width:520px;
left:28px;
position:relative; 
margin:0px; 
padding:0px; 
border-bottom: 1px;
border-bottom-color:#000066;
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:#000000;
}

#beitrag .image-innen p {
margin:0px; 
color: #222222; 
font-size:14px;
line-height:20px;
font-weight:normal;
font-family: Helvetica, Arial, sans-serif; 
}


#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 10px 0px 15px;
}

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

#beitrag li {
	margin:5px 10px 5px 15px;
}

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

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

#img_beitrag  { 
background-color:#888888;
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: #888888; 
padding:10px; 
float:left;
border:0px; 
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#img_content h3 { 
 color:#ff0000; 
 font-family:Helvetica, Arial, sans-serif;
 font-weight:normal; 
 font-size:14px; 
 line-height:18px;
 margin: 7px 0 5px 0;
}

#img_content p { 
color: #222222; 
font-size:14px;
line-height:20px;
font-weight:normal;
font-family: Helvetica, Arial, sans-serif; 
}


/* Do Form!
*******************************************************************************/
#formgen * {
	padding:0px;
	margin:0px;
}

#formblock {
float:left;
width:540px;
left:0px;
position:relative; 
margin:0px; 
padding:0px; 
border: 0px;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block 
}


#formblock .label  { 
float:left;
text-align:right;
margin: 0px; 
padding: 8px 5px 0px 0px; 
position: relative; 
vertical-align:top;
width: 235px; 
visibility: visible; 
display: block 
}

#formblock .label  p,
{ 
color: #000000; 
font-size:16px;
line-height:20px;
font-weight:normal;
 font-family: Helvetica, Arial, sans-serif; 
}


#formblock .input   { 
float:right;
text-align:left;
margin: 0px; 
padding: 8px 0px 0px 0px; 
position: relative; 
vertical-align:top;
width: 300px; 
visibility: visible; 
display: block; 
color:#ffffff;
}
#formblock .input .formtext
{ 
color: #000000; 
font-size:14px;
line-height:20px;
font-weight:normal;
 font-family: Helvetica, Arial, sans-serif; 
width: 260px; 
}

#formblock .input .formtextfield
{ 
color: #000000; 
font-size:14px;
line-height:20px;
font-weight:normal;
 font-family: Helvetica, Arial, sans-serif; 
width: 260px; 
height:260px;
}