/*
Theme: Arkeo 2007 ver. 2.0
Description: Stylesheet for VHS Landau a.d. Isar Website.
Author: Dipl.-Ing. Dimitri Papadopoulos
Author URI: http://www.die-digitalexperten.de/  
*/
body {
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	font: 83%/1.5 "trebuchet ms", tahoma, verdana, arial, sans-serif;
	background: transparent url("images/fauxcol.jpg") repeat-y 0px 0px;
}
/*** Layout styles ***/
#header {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	background: #FFFFFF url("images/headerbg.jpg") 0px 0px repeat-x;
}
#main {
	position: relative;
	width: 100%;
}
#leftcol {
	position: absolute;
	top: 0;
	left: 0;
	width: 151px;
	padding-bottom: 40px;
}
#front {
	margin: 0 5% 0 165px;
	min-width: 860px;
	width: 860px;
}
#front tr {
	font-size: 0.8em;
}
#flashvideo1 {
	width: 650px;
	height: 368px;
	background: transparent url("images/ilybg.jpg") top left no-repeat;
}
#content {
	margin: 0 5% 0 165px;
	min-width: 640px;
	width: 640px;
}
#content tr {
	font-size: 0.8em;
}
#footer {
	clear: both;
	border-top: 1px solid #B7B7B7;
	padding: 10px 0 30px;
	font-size: 86%;
	color: #9C9B9B;
}
#footer p {
	margin: 0;
}
#footer a,#footer a:link,#footer a:hover {
	text-decoration:underline;
} 
#footer a:link {
	color:#9C9B9B;
} 
#footer a:visited {
	color:#9C9B9B;
} 
#footer a:hover,#footer a:active {
	color: #203E83;
}
#pnlNewsList, #pnlNewsShow {
	width: 650px;
}
/*** Content styles ***/
/*** Link styles ***/
a,a:link,a:link,a:link,a:hover,#kurse a,#kurse a:link,#kurse a:link,#kurse a:link,#kurse a:hover {
	text-decoration:underline;
} 
a:link,#kurse a:link {
	color:#2352BE;
} 
a:visited {
	color:#999999;
} 
#kurse a:visited {
	color:#2352BE;
} 
a:hover,a:active,#kurse a:hover,#kurse a:active {
	color: #BFD9FF;
}
/*** Text styles ***/
p, ul, ol {
	margin: 0 0 1.5em;
}
ul, ol, dl {
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -1px;
	font-family: arial,verdana,sans-serif;
	margin: 1.2em 0 .3em;
	color:#000000;
	padding-bottom: .1em;
}
h1 {
	font-size: 176%;
	margin-top:.6em;
}
h2 {
	font-size: 156%;
}
h3 {
	font-size: 136%;
}
h4 {
	font-size: 116%;
}
h5 {
	font-size: 96%;
}
h6 {
	font-size: 96%;
}
ul {
	margin: 0.3em 0 1.5em 0;
	list-style-type: none;
}
ol {
	margin: .5em .5em 1.5em;
}
ol li {
	margin-left: 1.4em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal;
}
li {
	line-height: 1.4em;
	padding-left: 25px;
}
.bildsolo {
	display: block;
	width: 550px;
	margin: 10px 0 0 15px;
}
.bildsolo p {
	display: block;
	font-size: 0.8em;
	margin: 0 0 0 25px;
}
.clear {
	clear:both;
}
.textbox1 {
	float: left;
	margin: 0 3px 0 0;
	width: 208px;
}
.lst {
	margin: 0 0 1em 3px;
	padding:0;
}
.lst li {
	list-style: disc;
	margin: 0 0 0 15px;
	padding:0;
}
.frontimg {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 70px 0px 0px 0px;
}
.frontimg img {
	border: 1px solid #666;
}
.efqm, .euesf {
	float: right;
	display: block;
	width: 350px;
	margin: 30px 0px 10px 8px;
	text-align: right;
}
.efqm p, .euesf p, .frontimg p {
	display: block;
	font-size: 0.8em;
	text-align: right;
}
/********************************************/
/*** Navigation styles ***/
#colwrap {
	padding-top: 6px;
	border-top: 12px #ABAEA5 solid;
	background: transparent url("images/navbox01.gif") top left repeat-x;
}

/* SECONDARY NAVIGATION - vertical navigation */
#nav-first, #nav-first ul {position:static}
#nav-first, #nav-first li {list-style: none;margin:0;padding:0;background:transparent}
#nav-first {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
#nav-first a {line-height:1.8;padding: 5px 0 5px 23px;background: transparent url("images/elements.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
#nav-first a, #nav-first a:link, #nav-first a:visited, #nav-first a:hover, #nav-first a:active {text-decoration:none;cursor:pointer} 
#nav-first a:link {color:#186BBD} 
#nav-first a:visited {color:#186BBD} 
#nav-first a:hover {color:#2352BE;background: #D0E3FF url("images/elements.gif") no-repeat 10px -695px} 
#nav-first li.active a:link, #nav-first li.active a:visited, #nav-first li.active a:hover, #nav-first li.active a:active {color:#000} 
#nav-first li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-first ul {margin: 0 0 1em 13px;padding:0}
#nav-first li.active li a, #nav-first li.active li a:link, #nav-first li.active li a:visited {line-height:1.5;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
#nav-first li.active li a:hover, #nav-first li.active li a:active {color: #2352BE}
#nav-first li.active li {border: none;margin:0}
	
#nav-first li.active li.active a:link, 
#nav-first li.active li.active a:visited, 
#nav-first li.active li.active a:hover, 
#nav-first li.active li.active a:active {font-weight:bold; background: transparent url("images/pfeil_r.gif") top right no-repeat}

/* SECONDARY NAVIGATION - 3rd TIER */
#nav-first ul ul {margin: 0 0 1em 13px;padding:0}
#nav-first li.active li.active li a, #nav-first li.active li.active li a:link, #nav-first li.active li.active li a:visited {width:117px}
#nav-first li.active li.active li a:link, 
#nav-first li.active li.active li a:visited, 
#nav-first li.active li.active li a:hover, 
#nav-first li.active li.active li a:active {font-weight:normal}
#nav-first li.active li.active li.active a:link, 
#nav-first li.active li.active li.active a:visited, 
#nav-first li.active li.active li.active a:hover, 
#nav-first li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
#nav-first ul ul ul {margin: 0 0 1em 13px;padding:0}
#nav-first li.active li.active li.active li a, #nav-first li.active li.active li.active li a:link, #nav-first li.active li.active li.active li a:visited {width:104px}
#nav-first li.active li.active li.active li a:link, 
#nav-first li.active li.active li.active li a:visited, 
#nav-first li.active li.active li.active li a:hover, 
#nav-first li.active li.active li.active li a:active {font-weight:normal}
#nav-first li.active li.active li.active li.active a:link, 
#nav-first li.active li.active li.active li.active a:visited, 
#nav-first li.active li.active li.active li.active a:hover, 
#nav-first li.active li.active li.active li.active a:active {font-weight:bold}

/*Kursformatierung*/
#kurse, #kursdetail {
	margin: 15px 0 0 0;
}
#kurse h2, #kursdetail h2 {
	margin: 0px 0px 15px 0px;
	padding: 42px 0 5px 0;
}
#kurse h2.gesellschaft, #kursdetail h2.gesellschaft {
	border-bottom: 5px solid #F36F21;
	color: #F36F21;
	background: transparent url("images/kursiconbig_g.gif") top right no-repeat;
}
#kurse h2.beruf, #kursdetail h2.beruf {
	border-bottom: 5px solid #00A1E4;
	color: #00A1E4;
	background: transparent url("images/kursiconbig_b.gif") top right no-repeat;
}
#kurse h2.sprachen, #kursdetail h2.sprachen {
	border-bottom: 5px solid #6C4099;
	color: #6C4099;
	background: transparent url("images/kursiconbig_s.gif") top right no-repeat;
}
#kurse h2.gesundheit, #kursdetail h2.gesundheit {
	border-bottom: 5px solid #00A99D;
	color: #00A99D;
	background: transparent url("images/kursiconbig_h.gif") top right no-repeat;
}
#kurse h2.kultur, #kursdetail h2.kultur {
	border-bottom: 5px solid #ED1C24;
	color: #ED1C24;
	background: transparent url("images/kursiconbig_k.gif") top right no-repeat;
}
#kurse h2.spezial, #kursdetail h2.spezial {
	border-bottom: 5px solid #FFCF06;
	color: #FFCF06;
	background: transparent url("images/kursiconbig_sl.gif") top right no-repeat;
}
#kursdetail h3 {
	border-bottom: 1px solid #B7B7B7;
}
#sep01 {
	clear:both; 
	padding-bottom:5px; 
	margin-bottom: 3px;
	border-bottom: 1px solid #B7B7B7;
}
.pactual {
	font-size: 12pt;
	font-weight: bold;
}
/*** ARKEO NEWS MODUL ***/
.infok {
	clear: both;
	margin: 10px 10px 4px 0;
	font-size: 0.8em;
	border-bottom: 1px solid #B7B7B7;
}
a.news {
	font-size: 1em;
	text-decoration: underline;
}
a.news:hover {
	font-size: 1em;
	text-decoration: underline;
}
a.news:active {
	font-size: 1em;
	text-decoration: underline;
}
a.news:visited {
	font-size: 1em;
	text-decoration: underline;
}
/** Arkeo Forms CSS Start **/
#lblAnmeldungKursNr, #lblAnmeldungKursTitle {
	font-weight: bold;
}
fieldset {
	padding:				0px;
	background-color: transparent;
	width:				620px;
	margin-left:		2px;
	border: 				1px inset #186BBD;
	display:				block;
	color:				black;
}
fieldset.einzug {
	padding:				0px;
	background-color: transparent;
	width:				580px;
	margin:				10px 0 20px 20px;
	border: 				1px solid #B7B7B7;
	display:				block;
	color:				black;
}

fieldset legend {
	margin:				0 0 10px 0;
	font-size: 			9pt;
	color:				black;
}

#valSummary, #valSummary2 {
	padding:				4px;
	border:				2px ridge #ffcccc;
	width:				500px;
	margin:				10px;
	background-color:	#ffcccc;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			8pt;
}

div.input,div.input2 {
	padding:	2px;
	clear: both;
}

div.input label, #lblTel {
	display:				block;
	width:				140px;
	float:				left;
	padding-left:		16px;
}

div.options {
	padding:				4px 180px 20px 0;
	text-align:			right;
	margin-top:			8px;
}

div.options input {
	font-weight:		bold;
	border: 1px outset #F5F5F5;
	background-color: #94BFE5;
	color: #000000;
}

ul {
	margin-top:			2px;
}

div.input input, div.input select, div.input textarea {
	border:				1px solid #7B9CBD;
}

div.input input.error, div.input textarea.error, div.input select.error {
	border:				2px solid red;
	background-color:	#ffcccc;
}

div.input label.error {
	color:				#ff0000;
	font-weight:		bold;
}
div.input #btnSubmit {
	margin: 5px 0 0 200px;
}
.chkText {
	float: left;
}
/** Arkeo Forms CSS Ende **/

/*Suchform*/
#search {
	position: absolute;
	top: 119px;
	left: 647px;
	width: 260px;
	z-index: 100;
}
#txtSearch {
	width: 150px;
	font-size: 8pt;
}
#btnSearch {
	margin: 0 0 0 0;
	padding: 2px 2px 2px 2px;
	border: 1px solid #213F85;
	width: 100px;
	color: #fff;
	font-size: 8pt;
	background-color: #213F85;
}