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

   Styles für www.videofilmtage.de - Typo3 Contentmanagementsystem
******************************************************************/


body{
	color: #000;
	background-color: #D4D4D4;
	font-size: 84%;
	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.1em;
	color: #000;
	font-weight: bold;
}

.hidden {
	display: none;
}

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

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

}

#container{
	background-color: #D4D4D4;
	background-image: url("../grafix/26.vft/Bandsalat_Hintergrund.png");
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	position: relative;
	margin: auto;
	width: 1000px;
	height: 700px;
	text-align: left;
	z-index: 1;
}

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

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

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



#wortmarke{
	position: absolute;
	height: 10px;
	left: 495px;
	top: 102px;
	width: 300;
	background-color: transparent;
	z-index: 2;
}

#wortmarke img{
	border: 0 none
}	


#Datum und Ort{
	position: absolute;
	height: 10px;
	left: 45px;
	top: 102px;
	width: 300;
	background-color: transparent;
	z-index: 2;
}

#Datum und Ort img{
	border: 0 none
}	

#veranstaltungsdatum{
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 1em;
	font-weight: bold;
	position: absolute;
	left: 50px;
	top: 450px;
	text-align: left;
	background-color: transparent;
	color: #741360;
	z-index: 8;
	overflow: auto;
	padding: 10px;
}


#mainnav{
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	position: absolute;
	left: 220px;
	top: 175px;
	width: auto;
	height: auto;
	color: #FFF;
	background-color: transparent;
	z-index: 8;
}

#mainnav a:hover {
	color: #3e758a;
	text-decoration: none;
}


#horiznav {
	margin: 0;
	padding: 0;
	background: transparent;
	text-transform: uppercase;
}

#horiznav li {
	padding: 0;
	list-style-type: none;
	letter-spacing: 0.05em;
}

#horiznav a:link, #horiznav a:visited {
	margin: 0 25px 0 0;
	float: left;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}


#horiznav a:hover {
	color: #3e758a;
	text-decoration: none;
}


.active {
	color: #3e758a;
	background-color: transparent;
}

li.current_page_item a, #horiznav a:hover {
}


#subnav{
	position: absolute;
	left: 200px;
	top: 240px;
	width: 160px;
	height: 330px;
	text-align: left;
	t ext-indent: -0.5em;
	p adding: 1em;
	color: #999999;
	background-image: url("../grafix/26.vft/content.png");
	z-index: 8;
	l ine-height: 8px;
	text-indent: -7px;
}

#subnav ul li{
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 1em;
	color: #000;
	list-style-type: none;
	p adding-bottom: 0.4em;
	padding-top: 1em;
	line-height: 13px;
	
}

#subnav li{
	padding: 2px 2px 1px 1px;
	
	
}

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



#subnav a:active {
	color: #FFFFFF;
	text-decoration: none;
	display: left;
	background-repeat: no-repeat;
	background-border: 0px;
}


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


#content{
	position: absolute;
	left: 375px;
	top: 240px;
	width: 405px;
	height: 307px;
	text-align: left;
	background-color: transparent;
	background-image: url("../grafix/26.vft/content_1.png");
	color: #FFFFFF;
	padding: 10px;
	padding-top: 13px;
	padding-left: 15px;
	z-index: 8;
	overflow: auto;
}

#content p{
	font-size: 1em;
	line-height: 130%;
}

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

#content a:hover{
	color: #3e758a;
}

#content img{
	border: 0px;
}


#content2{
	position: absolute;
	left: 200px;
	top: 585px;
	width: 585px;
	height: 33px;
	text-align: left;
	background-color: transparent;
	background-image: url("../grafix/26.vft/content.png");
	color: #FFFFFF;
	z-index: 8;
	overflow: auto;
	padding: 10px;

}

#content2 p{
	font-size: 1em;
	line-height: 130%;
}

#content2 a:link, #content a:active, #content a:visited{
	color: #3e758a;
	text-decoration: none;
}
#content2 a:hover{
	color: #3e758a;
	text-decoration: underline;
}

#content2 img{
	border: 0px;
}



#content3{
	position: relative;
	left: 638px;
	top: 585px;
	width: 150px;
	height: 35px;
	text-align: right;
	background-color: transparent;
	color: #FFFFFF;
	z-index: 8;
	overflow: auto;
	padding: 10px;

}

#content3 p{
	font-size: 1em;
	line-height: 130%;
}

#content3 a:link, #content a:active, #content a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#content3 a:hover{
	color: #3e758a;
}

#content3 img{
	border: 0px;
}



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

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


fieldset.csc-mailform {
border:0;
font-size:12px;
}

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


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

fieldset.csc-mailform select {
font-size:12px;
font-family: Verdana, Helvetica, sans-serif;
}



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