/*     (c) Kufer Software Konzeption     */
/*           Oderstr. 7                  */
/*           D-84453 Mühldorf            */
/*****************************************/


/* --- Allgemein ---*/
html {
	font-size: 100%;
	height: 100% !important;
}
body { 
  font-family: 'Tahoma', Verdana, sans-serif; 
  color: #0F2C4F; 
  /*font-size: 62.5%;  10px */
  font-size: 75%; /* 12px;*/
  /*font-size: 68.75%*/ /* 11px */;
  height: 100% !important;
	background: url("bg_border_l.gif");
	background-repeat: repeat-y;
	margin: 0;
	padding:0;
}

div.content {
  margin: 5px;
  padding: 0px;
}
div.row {
/*	clear: both; */
	overflow: hidden; 
}
div.row div.col {
	float: left;
	display: inline;
}
div.row div.col_r {
  float: right;
  display: inline;
}
p {
	/*font-size: 110%*/;
	margin-top: 7px;
	margin-bottom: 7px;
}
span {
}
span.text {
	/*font-size: 110%;*/
}
strong {
	/*font-size: 100%;*/
}
h1 {
	font-size: 160%;
	padding: 0px;
	font-family: 'Georgia';
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 7px;
}
.dotted {
  border-bottom: 1px dotted #8996a6;
  padding-bottom: 0.5em;
  border-top: 1px dotted #8996a6;
  padding-top: 0.4em;
  padding-left: 3px;
}
.dotted_b {
	border-bottom: 1px dotted #8996a6;
  padding-bottom: 0.4em;
  padding-left: 3px;  
}
.dotted_t {
  border-top: 1px dotted #8996a6;
  padding-top: 0.4em;
  padding-left: 3px;
}

div.content h1.dotted {
  font-size: 160%;
  margin-bottom: 10px;
}
h2 {
  font-size: 120%;
  padding: 0px;
  font-family: 'Georgia';
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
}
h2.statusmeldung {
	font-size: 120%;
}
h3 {
	font-family: 'Tahoma';
	font-size: 110%;
}
a {
	color: #0F2C4F;
	text-decoration: underline;
	/* font-size: 100%; */
}

.clearfix:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}
hr {
	border-bottom: 1px dotted #8996a6;
	border-left: none;
	border-top: none;
	border-right: none;
	height: 1px;
}

/* Buttons */
div.btns_wrapper {  
  margin-top: 25px;
  padding-left: 5px;
  padding-right: 5px;
}
div.btns {
  overflow: hidden;
  position: static;
}
div.btns.fl_l div.btn {
  float: left;
  display: inline;
  margin-right: 5px;
}
div.btns.fl_r div.btn {
	float: right;
  display: inline;
  margin-left: 5px;
}
div.btns a {
  text-decoration: none; /* Verhindert merkwürdige Striche im Opera */
}
div.btns.nav {
	
}
div.btns.kurs {
	
}
.print {
	display: none;
}

img.ssl {
	margin: 0 3px;
}

/* Allgemeine Tabellenartige Liste */ 
div.tblist { 
	
}
div.tblist .tbl_header {
	border-bottom: 1px dotted #8996a6;
	border-top: 1px dotted #8996a6;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  height: 1%;
  /*font-size: 110%;*/
}
div.tblist .tbl_header .row {
  margin-bottom: 3px;
}
div.tblist .tbl_body {
	padding-left: 5px;
  padding-right: 5px;
}
div.tblist .tbl_body .tbl_record {
	/*font-size: 110%;*/
}
div.tblist .tbl_body .tbl_record {
  border-bottom: 1px dotted #8996a6;
  height: 1%;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.tblist .tbl_body .row {
	margin-bottom: 3px;
}
div.blaettern {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}
div.blaettern div.btn {
	height: 13px;
}
/* Formulare */
form fieldset {  
	border : none;   
	margin: 1em 0; 
}
form legend { 
	margin: 0 0 0 0; 
	padding: 0 0 1em 0; 
	color: #000000; 
	font-weight: bold; 
	text-align: left;
}
form label { 
	margin: 0 0.7em 0 0; 
	padding: 0; 
	cursor: pointer; 
	/*font-size: 110%;*/ 
}
form label.left { 
	float: left; 
	width: 8em; 
	text-align: left; 
	white-space: nowrap;
}
form br {
	 clear: both; 
}
form label.leftsuche { 
	float: left; 
	width: 12em; 
	text-align: right; 
}
form input { 
  margin-bottom: 0.2em;
  border: 1px dotted #8996a6;
  font-size: 90%;
}
form select { 
	float: left; 
	margin: 0 0 0.2em 0; 
	border-width: 2px;
	border: 1px dotted #8996a6;
	font-size: 90%;  
}
form div.datum {
  display: hidden;
  height: 1%;
}
form div.datum div.datum_input {
  float: left;
  display: inline;
}
form div.datum div.datum_cal {
  float: left;
  display: inline;
}
div.datum div.btn.cal {
  margin-top: 1px;
  margin-left: 2px;
}
/* Suchleiste */
div.searchbar {
	margin-bottom: 2em;
	position: relative;
}
div.searchbar div.select,
div.searchbar input {
  width: 95%; 
  /*font-size: 12px;*/ 
}
div.searchbar select {
	width: 102%; /* Größer als 100% wegen IE */
	text-transform: uppercase;
}

option.nextlevel {
	padding-left: 1em; }

#kfs_kursbereichid {
	text-transform: uppercase; }

form.searchbar input {
  margin-bottom: 0.2em;
  border: 1px dotted #8996a6;
  /*font-size: 12px;*/    
}

div.searchbar h2 {
	margin-bottom: 10px;	
}
div.searchbar div.row_one {
	margin-bottom: 0.5em;
}
div.searchbar div.row_one div.col {
	width: 49%; /* IE braucht 1% Puffer... */
}
div.searchbar div.row_one div.col_kat div.select {
	width: 97%;
}
div.searchbar div.row_two {
	margin-bottom: 0.5em;
}
div.searchbar div.row_two div.col {
	width: 49%; /* IE braucht 1% Puffer... */
}
div.searchbar div.row_two div.col_kurstitle input {
	width: 98%;
}
div.searchbar div.row_three div.col_title {
	width: 8%;
	padding-top: 2px;
}
div.searchbar div.row_three div.col_stichwort {
  width: 95%;
}
div.searchbar div.row_three div.col_stichwort input {
  text-transform: none;
}
div.searchbar div.row_three div.col_submit{
	width: 3%;
}
div.searchbar div.row_three div.col_submit input {
  border: none;
  height: 17px;
  width: 17px;
}


* html form select                { margin-left: 0.2em; }

input[type=text]                  { 
  cursor: text;
}
/* Listen */
ul { 
	list-style-type: none; 
	margin: 1em 0 1em 1em; 
	padding: 0;
}

li {
	/*font-size: 110%;*/
}


div#page {

}
div#page_margins {
	background: url("bg_border_r.gif") right;
	background-repeat: repeat-y;
	height:auto;
	min-height: 100%;
	position:relative !important;
	paddding:0;
	margin 0;
	min-width: 1000px; /*1024 ohne scrollbalken */
	max-width: 1400px;
}

div.ie_clearing {
	display: none;
}

/* --- Barrierefreiheit --- */
div.page_access { 
	position:absolute; 
	top:-2000px; 
}


/* --- Header --- */
div#header {
  border-bottom: 1px dotted #8996a6;
	background-color: #FFFFFF;
	margin-right: 5px;

}
div#header_content {
  vertical-align: auto;
  height: 100px;
  display: relative;
}
div#col_vhs_logo {
	margin-top: 10px;
  width: 50%;
}
div#col_vhs_logo img {
  margin-left: 10px;
}
div#col_vhs_claim {
  margin-top: 45px;
  width: 205; /* IE Fix */
}

div#main {

}

/* --- Spalte 1 --- */ 
div#col1 { 

  float: left;
  width: 200px;
  left: 0px;  
  padding: 0px;
  margin: 0px;
}

#col1_content {
}

div#col1_content h1.dotted {
  font-size: 120%;
  font-weight: bold;
}
ul.nav {
  /*font-size: 100%;*/  
  margin: 0px;
  padding: 0px;
  height: 1%; /* IE Fix (sorgt für hasLayout) */
}
ul.nav li {
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 5%;
	overflow:hidden;
}
ul.nav li.spc_one {
  margin-bottom: 5%;
}
ul.nav li span.active a {
  font-weight: bold;
}
ul.nav li.e1 {
  margin-top: 0px;
  margin-left: 0px;
  height: 1%; /* IE Fix (sorgt für hasLayout) */
} 
ul.nav li.e1 a {
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Georgia';
  font-size: 90%;
  margin: 0px;
  padding: 0px;
}
ul.nav li.e2 a {
  text-transform: none;
  text-decoration: none;
  font-family: 'Georgia';
  margin: 0px;
  font-size: 100%;  
  padding: 0px;
}
div#nav_main {
	margin-bottom: 5px;
	margin-left: 3px;
}
div#nav_kats {
	margin-top: 25px;
}
div#nav_kats ul.nav {
	margin-top: 15px;

}
div#nav_kats ul.nav.e1 {

}
div#nav_kats ul.nav.e1 li.e1 {
	margin-bottom: 10px;
}

div#nav_kats ul.nav.e1 img {
	float: left;
	margin-right: 10px;
}
/* Vertikale Zentrierung 
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
*/
div#nav_kats ul.nav.e1 li.e1 div.nav_link_wrapper {
	display: table;
	height: 25px;
}
div#nav_kats ul.nav.e1 li.e1 div.vertical_center {
	display: table-cell; 
	vertical-align: middle;
}
div#nav_kats ul.nav.e2 {
	margin-top: 5%;
}
div#nav_kats ul.nav.e2 li.e2 {
	
}

div#nav_kats ul.nav.e2 li.e2 {
  margin-left: 35px;
}

/* --- Spalte 2 --- */
div#col3 {
  background-color:#ffffff;
  padding: 0px;
	margin-right: 239px;  
	margin-left: 214px;	
}
div#col3_content { 
	margin-top: 7px;
	overflow:hidden; /* Globalem Clearing vorbeugen! */
}
div#col2 h1.dotted_t {
  font-size: 120%;
  font-weight: bold;
}
#veranstaltungskalender {
	margin-top: 1em;
}

/* --- Spalte 2 --- */
div#col2 { 
	float: right;
  width: 225px;
  left: 795px;
	z-index: 5; 
}
div#col2_content {
  margin-right: 7px;
}
div#col2 h1.dotted {
	font-size: 120%;
  font-weight: bold;
}

div#quick_wk {
	background-color: #0F2C4F;
	color: #FFFFFF;
	height: 1%; /*IE-Fix*/
	overflow: hidden;
}
div#quick_wk a {
	color: #FFFFFF;
}
div#quick_wk div.content {
  margin-right: 5px;
}
div#quick_wk div.content h1.dotted {
  border-color: #FFFFFF;
  background: url("../btns/btn_indenwarenkorb.gif") right no-repeat;
}
div#quick_wk hr {
  border-bottom-color: #FFFFFF;
}

div#quick_wk div.content div.sum div.col.two {
  float: right;
}
div#quick_wk div.content div.btns {
	margin-top: 10px;
	margin-bottom: 10px;
}
div#quick_wk div.content div.btns div.col.one {
  width: 75px;
}
div#aktuelles {
	margin-top: 7px;
}
div#aktuelles h1.dotted {
  
}
#kontrastemenu {
  text-align: center;
}
div.navigation a                  { color:#ffffff; }
div.navigation_button             { margin:2px 0px; }
div.navigation_button.sub         { padding-left:19px; }

a.inhalt                          { display:none; }

div.fuss                          { background-color:#012D74; height:50px; border-top:1px none #c4c4c4; margin-right:220px; margin-left:220px; }

img.tasten                        { margin-left:10pt; }

/* Stichwortsuche */
input#navstich                    { width:100px; }

/* Globales clearing verhindern */  
.csc-textpic { 
	overflow: hidden; /* FF*/
	width: 100%; /* IE */
}
.floatbox {
	overflow: hidden; /* FF*/
	width: 100%; /* IE */	
}

#footer {
	clear: both;

}

table.contenttable {
	margin-left: 1px;
}


/* 
  Blau, Orange und Gruen für Typo3 RTE
  RegionX für WEB-BASys
 */

span.blau,
span.blau a,
.region10,
.region10 a,
.region_wrapper10 .region {
  color: #09A3CB !important;
}
span.gruen,
span.gruen a,
.region20,
.region20 a,
.region_wrapper20 .region {
	color: #91C040 !important;
}
span.orange,
span.orange a,
.region30,
.region30 a,
.region_wrapper30 .region {
  color: #D17A25 !important;
} 



div#fontsizemenu {
	width: 100px;
	position: relative;
	margin: 0 auto;
}
div#fontsizemenu_wrapper {
	text-align: center;
	margin-bottom: 7px;
}

.map_img_g {
	height: 355px;
}