/* <!-- */
/* General styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background:white url(../images/layout/body_bg.jpg) repeat-x scroll 0 500px;
	color: black;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 76%;
	line-height: 1.6em;
}
body.cke_show_borders {
	background: white;
	background-image: none;
}

ol, ul {
        margin: 5px 0;
        padding: 5px 0px 10px 15px;
}

ol li, ul li
{
        list-style-type: disc;
        list-style-position: outside;
        margin: 2px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
        margin: 10px 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

h1
{
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5em;
  padding-top: 15px;
  padding-bottom: 20px;
}

h2
{
  font-size: 1.15em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
}

h3
{
  font-size: 1.05em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 5px;
}

h4
{
  font-size: 1.0em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 5px;
}

h5
{
  font-size: 0.95em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 5px;

}

h6
{
  font-size: 0.9em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 5px;
}

a
{
  color: #004DA0;
  text-decoration: none;

}
a:hover
{
  color: #00A02F;
  text-decoration: underline;
}

img
{
  margin: 10px 10px 10px 0;
}

/*a:active
{
  font-weight: bold;
}*/

p
{
  padding-bottom: 5px;
}

p.post_footer_links
{
  clear: both;
  text-align: left;
}

table.course_grid
{
  border-bottom:1px solid #CCCCCC;
  border-collapse:separate;
  border-left:1px solid #CCCCCC;
  border-spacing:0;
  border-top:1px solid #CCCCCC;
  width:99%;
}

table.course_grid td
{
  border-color:#FFFFFF #DDDDDD #DDDDDD #FFFFFF;
  border-style:solid;
  border-width:1px;
  color:black;
  font-size:12px;
  padding:4px 8px;
}

table.course_grid th
{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#EEEEEE none repeat scroll 0 0;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #DDDDDD;
  color:black;
  font-size:12px;
  font-weight:bold;
  padding:6px;
}

table.course_grid tfoot th
{
  text-align: center;
}

.print
{
  display:none;
}

/* Outer Layout */
div.col_wrapper
{
  width: 1000px;
  margin: auto;
}

/* 'widths' sub menu */
#layoutdims {
  clear:both;
  background:white;
  border-top:4px solid #000;
  margin:0;
  padding:6px 15px !important;
  text-align:right;
}
/* column container */
.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  clear:both;
  /*float:left;*/
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;			/* width of page */
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 2em 0;	/* no left and right padding on columns, we just make them narrower instead
						only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}
/* 3 Column settings */
.threecol {
  background:white;		/* right column background colour */
}
.threecol .colmid {
  right:21%;			/* width of the right column */
  /*background:#fff;*/		/* center column background colour */
}
.threecol .colleft {
  right:58%;			/* width of the middle column */
  background: white;    	/* left column background colour */
}
.threecol .col1 {
  width:56%;			/* width of center column content (column width minus padding on either side) */
  left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
  width:19%;			/* Width of left column content (column width minus padding on either side) */
  left:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
  width:19%;			/* Width of right column content (column width minus padding on either side) */
  left:84%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* --> */

/*
 *
 * Header Layout
 *
 */

/* 3 Column settings */
div#head_menu .threecol .col1 {
  width:62%;			/* width of center column content (column width minus padding on either side) */
  left:98%;			/* 100% plus left padding of center column */
}
div#head_menu .threecol .col2 {
  width:19%;			/* Width of left column content (column width minus padding on either side) */
  left:17%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
div#head_menu .threecol .col3 {
  width:19%;			/* Width of right column content (column width minus padding on either side) */
  left:78.5%;			/* Please make note of the brackets here:
	  			(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

div#head_menu img,
div#head_menu
{
  margin: 0;
}

/* Layout */

div#head_menu
{
  height: 105px;
  border-bottom: 9px solid #c0c0c1;
}

div#head_menu .col1,
div#head_menu .col2,
div#head_menu .col3
{
  padding: 0;
}


div#head_menu img#logo
{
  margin-top: 10px;
  margin-left: 6px;
}

div#head_menu .col3
{
  padding-top: 60px;
}

div#head_menu .desc
{
  color: black;
  font-size: 9.5px;
  letter-spacing: -1px;
  line-height: 1.4em;
}

div#head_menu .col1
{
  text-align: center;
  padding-top: 83px;
}

ul#top_menu
{
  font-size: 0.9em;
  font-weight: bold;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}

ul#top_menu li
{
  background: white url(../images/layout/head_menu_bg.png) no-repeat center;
  display: block;
  float: left;
  height: 22px;
  margin: 0;
  padding: 0;
  position:relative;
  width: 203px;
}

ul#top_menu li a
{
  color: white;
  display: block;
  line-height: 1.8em;
  font-size: 1.1em;
  text-decoration: none;
}

ul#top_menu li a:hover
{
  color: #00A02F;
}

/*
 *
 * Head Image
 *
 */
#head_image
{
  background: url(../images/layout/header_img_bg.png);
  border-bottom: 9px solid #c0c0c1;
}

#head_image img
{
  display: block;
  border: 200px solid #646360;
  border-top: 0;
  border-bottom: 0;
  margin: auto;
  width: 600px;
  height: 200px;
}

/*
 *
 * Main Content
 *
 */
#main
{
  background:  gray url(../images/layout/main_bg.jpg) repeat-x;
}

#main .col_wrapper
{
  padding-bottom: 15px;
}

#main .colleft .col2,
#main .colleft .col3
{
  margin-top: 25px;
}

#main .colleft .col1
{
  margin-top: 10px;
}

#main .col1
{
  left: 101%;
  width: 56%;
}

#main .col2
{
  left: 23.5%;
  width: 18%;
  padding-left: 20px;
}

#main .col3
{
  left: 83%;
  width: 19%;
}

#main .colleft .col1 table.pricelist
{
  border-collapse: separate;
  margin: 5px;
}

#main .colleft .col1 table.pricelist td
{
  padding: 5px;
}

/* Suche */
#search
{
  font-weight: bold;
}

#search label
{
  display: block;
  font-size: 0.8em;
}

#search input
{
  border: 1px solid #D4D4D4;
  padding: 1px 2px;
}

#search input.input_text
{
  float: left;
  height: 17px;
  padding-top: 2px;
  width: 126px;
}

#search input.input_submit
{
  background: #D4D0C8 url(../images/layout/do_search.png) no-repeat center;
  height: 22px;
  margin-left: 5px;
  width: 22px;
}

/*
 *
 * Main Menu
 *
 */
div#main_menu
{
  margin-top: 40px;
  margin-bottom: 140px;
  line-height: 1.2em;
  font-weight: bold;
  font-size: 0.9em;
}

div#main_menu ul,
div#footer_menu ul
{
  padding: 0;
}

div#main_menu li
{
  margin: 10px 0;
  list-style: none;
}

div#main_menu a
{
  color: black;
}

div#main_menu a.active,
div#main_menu a#current
{
  color:#00A02F;
  font-weight:bold;
}

div#main_menu a:hover
{
  color: #00A02F;
}

div#main_menu ul ul
{
  margin-left: 1em;
  font-weight: normal;
}

div#main_menu ul li ul.current li a
{
  color: #004DA0;
}

div#main_menu ul.current li ul a
{
  color: black !important;
}

div#main_menu li#current,
div#main_menu li.active,
div#main_menu li.active ul li.active,
div#main_menu li.active ul li.active ul li.active
{
  list-style-position: outside;
  list-style-image: url(../images/layout/menu-list-style.png);
}

div#main_menu li.active ul li,
div#main_menu li.active ul li.active ul li,
div#main_menu li.active ul li.active ul li.active ul li
{
  list-style-image: none;
}

/*
 *
 * Kurse
 *
 */
div.course div.dauer_label,
div.course div.dates_label,
div.course div.dozenten_label,
div.course div.kosten_label,
div.course div.place_label
{
  float: left;
  min-height: 20px;
  width: 130px;
  line-height: 1.8em;
}

div.course div.kosten_arten
{
  float: left;
  min-height: 20px;
  width: 150px;
  line-height: 1.8em;
}

div.course div.dauer,
div.course div.dates,
div.course div.dozenten,
div.course div.kosten,
div.course div.place
{
  font-weight: bold;
  min-height: 20px;
  margin-bottom: 10px;
  line-height: 1.8em;
  padding-left: 130px;
}

div.course div.dauer
{
  width: 200px;
}

div.course div.kosten
{
  text-align: right;
  margin-right: 180px;
}

div.course div.cost_text
{
  margin-left: 130px;
}

div.course div.data
{
  background-color: #eeeeee;
  padding: 3px;
}

div.course div.course_nr
{
  float: right;
  margin: 10px 0;
  font-size: 2em;
  letter-spacing: -2px;
  color: #cccccc;
}

p.course_links
{
  text-align: right;
}

/*
 *
 * Anmelde-Formular
 *
 */
.standard-form.sided
{
  /*float:left;*/
  margin:0;
  width:100%;
}

form li,
.book_form fieldset.details li {
  margin-bottom:5px;
}

form ul,
form ul li
{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding: 0;
}

.book_form label
{
  margin-right:0;
  width:100px;
}

.search_form label
{
  width: 70px;
}

.search_form fieldset
{
  padding: 5px;
}

.search_form input
{
  width: 150px;
}

.book_form label,
.search_form label
{
  background-color:transparent;
  color:#333333;
  float:left;
  margin-right:10px;
  text-align:right;
}

form.book_form input.error,
form.book_form select.error,
form.book_form textarea.error,
form.book_form span.error
{
  border: 1px solid red;
}

form.book_form fieldset legend
{
  font-weight:bold;
  margin-left:10px;
}

form.book_form fieldset
{
  border: 1px solid gray;
  clear: both;
  margin-bottom: 5px;
  padding-bottom: 5px;
}


/*.book_form.sided ul ul {
  margin: 0px;
  padding: 0px;
  margin-left:115px;
}*/

.book_form.sided .fieldgroup
{
  margin-left: 10px;
  display: inline;
  vertical-align: bottom;
}

#main.no-profile .book_form input
{
  width:213px;
}

form.book_form input.text_input
{
  margin:0;
  width:264px;
}

form input,
form textarea,
form select
{
  background-color:#FFFFFF;
  border:1px solid #999999;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
  padding:2px 3px;
}

form ul select
{
  padding: 0;
}


form.book_form fieldset.unterkunft
{
  float: left;
  width: 48%;
  clear: none;
}

form.book_form fieldset.unterkunft label,
form.book_form fieldset.verpflegung label
{
  display: inline;
  float: none;
}

form.book_form fieldset.verpflegung
{
  float: right;
  width: 48%;
  clear: none;
}

form.book_form fieldset.verpflegung  ul
{
  margin-left: 15px;
}

form.book_form ul.error_list
{
  color: red;
}

form.book_form fieldset.unterkunft ul,
form.book_form fieldset.unterkunft ul ul
{
  margin-left: 5px;
}


form.book_form fieldset.unterkunft label,
form.book_form fieldset.verpflegung label
{
  text-align: left;
}

form.book_form fieldset.agbs ul,
form.book_form fieldset.förderung ul
{
  margin-left: 120px;
}

form.book_form fieldset.agbs.course_error
{
  border-color: red;
}

form.book_form div.buttons
{
  text-align: right;
}

fieldset.error
{
  border: 1px solid gray;
  clear: both;
  margin-bottom: 15px;
  padding: 10px;
}

fieldset.error legend
{
  font-weight:bold;
  margin-left:5px;
  padding-bottom:1px;
  padding-left:5px;
  padding-right:6px;
  padding-top:1px;
}

/*
 * Kontakt-Formular
 */
.contact_form
{
  /*float:left;*/
  margin:0;
  width:100%;
}

.contact_form li
{
  margin-bottom:5px;
}

.contact_form label
{
  margin-right:0;
  width:100px;
}

.contact_form label
{
  width: 120px;
  float: left;
  text-align: right;
}

.contact_form input
{
  width: 180px;
}

form.contact_form input.error,
form.contact_form select.error,
form.contact_form textarea.error
{
  border: 1px solid red;
}

.contact_form .fieldgroup
{
  display: inline;
  margin-left: 10px;
}

.contact_form div.actions
{
  padding-left: 132px;
}


/*
 * Such-Formular
 */
fieldset.course_search
{
  border: 1px solid gray;
  clear: both;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

fieldset.course_search legend
{
  font-weight:bold;
  margin-left:10px;
}

/*
 * Pagination
 */

p.pagination
{
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}

/*
 *
 * Footer Menu
 *
 */
div#footer_menu
{
  bottom: 20px;
  left: 23px;
  position: absolute;
}

div#footer_menu li
{
  list-style: none;
}

div#footer_menu ul li a
{
  color: #7e7f7f;
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase;
}

div#footer_menu ul li a:hover
{
  color: #00A02F;
}

table.signin td,
table.signin th

{
  padding: 3px 0;
  vertical-align: middle;
}

table.signin td input
{
  margin-left: 15px;
}