/*****************************************************************
   $Id: main.css,v 1.1 2007/06/17 10:00 s.krauss
   
   based on framework@webmelone.de

   Styles für www.lokal-global.de.de - Typo3 Contentmanagementsystem
******************************************************************/
@import url(mainnav.css);


body{
	color: #000;
	background-color: #e1e1d6;
	font-size: 75%;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}



h1, h2, h3, h4, h5, h6{
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

h1{
	font-size: 1.24em;
	font-weight: bold;
	color: #767676;
	margin-bottom: 10px;
	margin-top: 5px;
}

.hidden {
	display: none;
}

h2{
	font-size: 1em;
	color: #767676;
	font-weight: bold;
}

.csc-firstHeader{
	margin-top: 0px;
	padding: 0px;

}

#container{
	background-color: #fffff9;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	margin: auto;
	margin-top: auto;
	width: 736px;
	height: 800px;
	text-align: left;
	z-index: 1;
}

#schlusslicht{
	background-color: transparent;
	color: #000000;
	position: relative;
	padding-top: 4px;
	padding-right: 15px;
	margin: auto;
	width: 730px;
	height: 48px;
	text-align: right;
	z-index: 1;
	font-size: 1em;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

#schlusslicht a{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#schlusslicht a:hover{
	text-decoration: underline;
}



#logolg{
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px;
	width: auto;
	height: auto;
	background-color: transparent;
	color: #000;
	z-index: 1;
}

#logolg img{
	border: 0px;
}



#linie{
	position: absolute;
	left: 730px;
	top: 150px;
	border: 0px;
	width: auto;
	height: auto;
	background-color: transparent;
	color: #000;
	z-index: 2;
}

#linie img{
	border: 0px;
}



#subnav{
	position: absolute;
	left: 20px;
	top: 180px;
	width: 120px;
	text-align: left;
	text-indent: 0.8em;
	background-color: #fffff9;
	color: #999999;
	z-index: 8;
}

#subnav ul li{
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 1.1em;
	border-bottom: 1px dashed #999999;
	color: #000;
	list-style-type: none;
	padding-bottom: 0.7em;
	
	
}

#subnav li{
	padding: 7px 4px 0px 6px;
	
	
}

#subnav a:link, a:visited {
	color: #000;
	text-decoration: none;
}



#subnav a:active {
	color: #999999;
	text-decoration: none;
	b ackground-image: url(../grafix/pfeil3.jpg);
	display: left;
	background-repeat: no-repeat;
	background-border: 0px;
}


#subnav .active{
	color: #999999;
	text-decoration: none;
	b ackground-image: url(../grafix/pfeil3.jpg);
	display: block;
	background-repeat: no-repeat;
	background-border: 0px;
}

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


#content{
	position: absolute;
	left: 175px;
	top: 175px;
	width: 527px;
	height: 545px;
	text-align: left;
	background-color: #fffff9;
	font-size: 1em;
	color: #000;
	z-index: 8;
	overflow: auto;
	padding: 10px;
}


/* Schrift Fliesstext DIV CONTENT */
#content p{
	font-size: 1em;
	line-height: 130%;
}

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

#content a:hover{
	color: #faa900;
	text-decoration: underline;
}

#content img{
	border: 0px;
}

#content li{
	list-style-image: url(../grafix/dot.gif);
	padding-left: 0px; padding-top: 0px; padding-bottom: 0px;
   	margin-left: 30px; margin-top: 2px; margin-bottom: 2px;
} 



#contentleer{
	position: absolute;
	left: 0px;
	top: 151px;
	width: 738px;
	height: 648px;
	background-color: transparent;
	border-bottom: 1px dashed #faa900; 
	border-left: 1px dashed #faa900;
	z-index: 2;
}


.csc-frame-rulerBefore {
	margin-bottom: 10px;
	martin-top: 10xp;
	border-top: 1px dashed #999999; 
}

.csc-frame-rulerAfter {
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px dashed #999999; 
}



/* mailform-styles   */

fieldset.csc-mailform {
	border:0;
}

fieldset.csc-mailform label {
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 6px;
	display: block
}


fieldset.csc-mailform input, 
fieldset.csc-mailform textarea {
	margin-bottom: 10px;
	font-size:10px;
	font-family: Verdana, Helvetica, sans-serif;
	border:1px solid #ccc;
	padding:1px 1px 0px 1px;
	width:250px;
}

#mailformformtype_mail {
	padding: 1px 1px 0px 1px;
	margin: 0px;
	background:#eee;
	border:1px solid #ccc;
	width:auto;
	text-align:center;
}


	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }
	DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}
	DIV.csc-textpic-imagewrap { padding: 0; margin-top: 4px;}
	/*#WeineTeasinside DIV.csc-textpic-imagewrap { padding: 0; margin: 0px;}*/
	DIV.csc-textpic IMG { border: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }
	DIV.csc-textpic-clear { clear: both; }
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 8px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 8px !important;
	}
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */