/*
-----------------------------------------------
ALLGEMEINES
----------------------------------------------- */

body {
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	background: url("/images/bg.png") repeat-x;
	padding: 0;
	margin: 0;
}

a:link, 
a:visited {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	text-decoration: none;
}

a:link.active, 
a:visited.active, 
a:hover {
	color: #000;
	text-decoration: underline;
}

#center_content {
	width: 972px;
	margin: auto;	
}

#border_content {
	padding: 10px;
	background-color: #fff;
	float: left;
	width: 952px;
	border: 1px solid #ccc;
	border-top: 0px;
	}

.hide
 {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

#print_logo
 {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

.clearboth {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0px;
	width: 0px;
	overflow: hidden;

}

h1 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	margin-top: 0;
}

h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #6EA000;
}



#woman {
	width: 195px;
	height: 275px;
	float: left;
	margin-top: -275px;
	margin-left: 10px;
	position:absolute;
	background: url("/images/gruen_frau.gif") no-repeat;
	display:block;
}

.line_gray {
	float: left;
	width: 952px;
	background-color: #DEDDD3;
	height: 10px;
	border-bottom: 1px solid #fff;
}

form {
	padding: 0;
	margin: 0;
}

hr {
	border: 0;
	height: 1px;
	border-top: 1px dotted #CCCFBE;
}

strong {
	color: #6EA000;
}

/*
-----------------------------------------------
HEADER
----------------------------------------------- */

#header {
	float: left;
	width: 952px;
	background-color: #6EA000;
	border-bottom: 1px solid #fff;
}


#logo {
	float: left;
	width: 200px;
	height: 41px;
	background-color: #fff;
	background: url("/images/gruen_logo_vhs.gif") no-repeat;
}

#header_middle {
	float: left;
	width: 550px;
}

#global_search {
	float: left;
	width: 200px;	
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#global_search_padding {
	padding: 10px;
	border-left: 1px solid #fff;
}


#global_search #global_search_inputfield {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	width: 95px;
	height: 15px;
}

#global_search input {
border: 2px solid #598100;
}

#global_search #global_submit {
	background-color: #6EA000;
	padding: 0;
	margin: 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border: 1px solid #6EA000;
}



/*
-----------------------------------------------
LINKS MITTE RECHTS
----------------------------------------------- */

#lmr {
	float: left;
	background-color: #FFF;
	width: 952px;

}

#left {
	float: left; 
	width: 200px;

}

#middle {
	float: left; 
	background: #fff;
	width: 550px;
}

#middle_padding {
	padding: 10px 20px 10px 20px;
}

#right {
	float: left; 
	width: 200px;
	height: 400px;

}

/*
-----------------------------------------------
MENÜ
----------------------------------------------- */

#bild {
	padding: 10px 0 10px 0;

}


#menu {
	font: normal 11px Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	margin: 0; 
	padding: 0;
	list-style-type: none;	
}
	
#menu a:link, 
#menu a:visited {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	display: block;
	position: relative;
	width: 200px;
	margin: 0;
	padding: 6px 0;
	text-indent: 15px;
	text-decoration: none;
	text-align: left;
	border: none;
	border-bottom:  1px dotted #CCCFBE;
	background: url("/images/gruen_m_pfeil.gif") 0px 8px no-repeat;
}

#menu a:link.active, 
#menu a:visited.active, 
#menu a:hover {
	color: #6EA000;
}




.menuselected {
	color: #6EA000;
}


/*
-----------------------------------------------
BOXEN RECHTS
----------------------------------------------- */

.box_right {
	margin-top: 10px;
	border: 1px solid #CCCFBE;
	width: 99%;
}

.box_headline  {
	background-color: #CCCFBE;
	padding: 5px 5px 5px 10px;
}

.box_headline  h2 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
}

.box_text {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	padding: 10px;
}

.box_text a:link, 
.box_text a:visited {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	text-decoration: none;

}

.box_text a:link.active, 
.box_text a:visited.active, 
.box_text a:hover {
	text-decoration: underline;
}

.box_empty {
	height: 180px;
}

/*
-----------------------------------------------
ZELLEN MITTE
----------------------------------------------- */

.content {
	width: 100%;
}

.col_center_left {
	float: left;
	width: 49%;
}

.col_center_middle {
	float: left;
	width: 2%;
}

.col_center_right {
	float: left;
	width: 49%;
}

/*
-----------------------------------------------
BOXEN MITTE
----------------------------------------------- */

.box_middle {
    float: left;
	margin-top: 10px;
	border: 1px solid #6EA000;
}

.box_middle_small {
	margin-top: 10px;
	border: 1px solid #6EA000;
}

.box_middle_headline  {

	background-color: #6EA000;
	padding: 5px 5px 5px 10px;

}

.box_middle_headline  h2 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}

.box_middle_text {
    float: left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	padding: 10px;
}

.box_middle_small_text {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	padding: 10px;
}


/*
-----------------------------------------------
FOOTER
----------------------------------------------- */

#footer {
	float: left;
	width: 952px;
	background-color: #CCCFBE;
}

.footer_padding {
	padding: 9px;
}

#footer_left {
	float: left;
	width: 200px;
	border-right: 1px solid #fff;
}

#footer_middle {
	float: left;
	width: 550px;
	border-right: 1px solid #fff;
}

#footer_right {
	float: right;
	width: 200px;
	border-left: 1px solid #fff;
}


/*
-----------------------------------------------
SONSTIGE
----------------------------------------------- */


/* -------- Symbole auf der Startseite --------- */

.box_icons  {
	background-color: #6EA000;
	padding: 7px 4px 7px 4px;
}

.box_icons  img {
	border: 4px solid #fff;
	padding: 2px;		
}

.box_icons a {
	background-color: #6EA000;
}

.box_icons a:link.active, 
.box_icons a:visited.active, 
.box_icons a:hover {
	background-color: #fff;
}


/* -------- Wochentage auf der Startseite --------- */

.cols {
	float: left;
	width: 20px;
}

.colbutton {
	padding-top: 7px;
}

/* -------- Kontaktformular --------- */

#kontaktformular .reihe {
	float:left;
	width: 100%;
	padding: 1px;
}

#kontaktformular label {
	float: left;
	width: 30%;
}

#kontaktformular .feld {
	float: left;
	width: 70%;
}



#kontaktformular #einverstanden  {
	border: 2px solid #fff;
}

#kontaktformular .error {
	border: 2px solid #ff0000;
}


#kontaktformular .box_middle {
	border: 1px solid #CCCFBE;
}

#kontaktformular .box_middle_headline  {
	background-color: #CCCFBE;
}

#kontaktformular .box_middle_headline  h2 {
	color: #000;
}

/* -------- Kurse --------- */

.ukat {
    float: left;
	width: 468px;
	display: block;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #6EA000;
	padding: 5px;
	border: 1px solid #6EA000;
	margin: 10px 0 5px 0;
}


.kurszeile {
    position: relative;
	float: left;
	width: 480px;
	padding: 5px 0 5px 0;	
	border-bottom:  1px dotted #CCCFBE;
	
}

.kstatus {
    position: relative;
	float: left;
	display: block;
	width: 30px;

}

.kstatus img {
	padding-top:2px;
}

.knummer {
	float: left;
	position: relative;
	display: block;
	width: 50px;

}
.ktext {
    float: left;
    position: relative;
    display: block;
	width: 390px;

}

#kursliste a:link, 
#kursliste a:visited {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	text-decoration: none;
	line-height: 16px;

}

#kursliste a:link.active, 
#kursliste a:visited.active, 
#kursliste a:hover {
	text-decoration: underline;
}



#kursliste strong a:link, 
#kursliste strong a:visited {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
		color: #6EA000;
	text-decoration: none;

}

#kursliste strong a:link.active, 
#kursliste strong a:visited.active, 
#kursliste strong a:hover {
	text-decoration: none;
}

#kursliste_kat {
	width: 500px;
}


#kursliste_kat ul {
	margin: 0;
	padding: 0;
}

#kursliste_kat li {

	margin: 0; 
	padding: 0;
	list-style-type: none;	
}
	
#kursliste_kat a:link, 
#kursliste_kat a:visited {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #6EA000;
	display: block;
	position: relative;
	width: 500px;
	margin: 0;
	padding: 6px 0;
	text-decoration: none;
	text-align: left;
	border: none;
	border-bottom:  1px dotted #CCCFBE;
}

#kursliste_kat a:link.active, 
#kursliste_kat a:visited.active, 
#kursliste_kat a:hover {
	color: #6EA000;
	text-decoration: underline;
}


#kursleiter a:link, 
#kursleiter a:visited {

	text-decoration: underline;

}

#kursleiter a:link.active, 
#kursleiter a:visited.active, 
#kursleiter a:hover {
	text-decoration: none;
}

/* ---- Aktuelles --------------- */

.listenbild {
border: 0;
padding: 3px 7px 0 0;
}

.aktuelles_bild {
	float: left;
	width: 70px;
}

.aktuelles_text {
	float: left;
	width: 155px;
}

.aktuelles_text_ohne_bild  {
	float: left;
	width: 100%;
}


.aktuelles_detail_bild {
	float: left;
	width: 110px;
}

.aktuelles_detail_text {
	float: left;
	width: 370px;
}

.aktuelles_detail_text_ohne_bild  {
	float: left;
	width: 100%;
}


/*
-----------------------------------------------
BREITE von 800px
----------------------------------------------- */



#small_style #center_content {
	width: 750px;
}

#small_style #border_content {
	padding: 5px;
	width: 740px;
	}

#small_style #woman {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

#small_style .line_gray {
	width: 740px;
}

#small_style #header {
	width: 740px;
}

#small_style #header_middle {
	width: 540px;
}

#small_style #global_search {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

#small_style #lmr {
	width: 740px;
}

#small_style #left {
	width: 200px;
}

#small_style #middle {
	width: 535px;
}

#small_style #right {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

#small_style #footer {
	width: 740px;
}

#small_style #footer_middle {
	width: 535px;
}

#small_style #footer_right {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

#small_style #middle_padding {
	padding: 10px 0px 10px 20px;
}