/***********************************************/ 
/* DEFAULT */
/***********************************************/
* {
    margin: 0;
    padding: 0;
}

body {
    background: url('../graphics/uvt_bg.png') repeat-x #CACDBA;
    font: normal normal normal 10px/1.3em Helvetica, sans-serif;
    color: #ffffff;
}

h1 {
    font: normal normal normal 24px/1.2em Helvetica, sans-serif;
    margin-bottom: 30px; 
}

#text h1 {
    margin-bottom: 10px; 
}

h2 {
    font: normal normal bold 12px/1.2em Helvetica, sans-serif;
    color: #A0E2E2;
}

p {
    font: normal normal normal 12px/1.3em Helvetica, sans-serif;
    margin-bottom: 10px;
}

p.teaser {
    font-weight: bold;
}

img {
    border: none;
}

fieldset {
    border: none;
    padding: 0;
}

/***********************************************/ 
/***********************************************/ 


/***********************************************/ 
/* Background Image */
/***********************************************/
#bgpic {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 20px;
    width: 440px;
    height: 160px;
    background: url('../graphics/uvt_bg_pic.png') no-repeat;
}
/***********************************************/  
/***********************************************/  


/***********************************************/ 
/* WRAPPER */
/***********************************************/

#wrapper {
    position: relative;
    left: 50%;
    margin-left: -345px;
    width: 690px;
    padding: 0 10px;
    float: left;
    background:url('../graphics/uvt_shadow_bg.png') repeat-y;
}

/* Hack: IE6 */
#wrapper {
    _background: none;
}

/* Shadows */
#shadow_top, #shadow_bottom {
    clear: left;
    position: relative;
    left: 50%;
    margin-left: -345px;
    height: 10px;
    width: 690px;
}

/* Hack: IE 6 */
#shadow_top, #shadow_bottom {
    _display: none;
}

div.shadow {
    background:url('../graphics/uvt_shadow.png');
    width: 690px;
    height: 40px;
float: left;
}

/* Hack: IE 6 */
div.shadow {
    _background:url('../graphics/uvt_shadow_8.png');
}
/***********************************************/
/***********************************************/
   

/***********************************************/
/* Die beiden LOGOS oben */
/***********************************************/
#logo {
    position: relative;
    left: 50%;
    margin-left: -345px;
    width: 700px;
    text-align: right;
    padding-top: 30px;
    height: 60px;

   /* Hack: IE6 */
   _margin-bottom: 20px;  
}
/***********************************************/
/***********************************************/


/***********************************************/
/* HEADER*/
/***********************************************/
#header {
    background: #ffffff;
    padding: 10px 10px 0 10px;
	
	/* Hack: IE 6 */
	_width: 690px;
}
/***********************************************/
/***********************************************/  


/***********************************************/ 
/* SUCHE */
/***********************************************/
#suche {
    background: #96D615;
    padding: 40px;
}

/* IE6 */
#suche {
    _height: 80px;
}

/* bei Arne #search */
#tx_konotermine_pi1_zip {
    width: 460px;
    height: 41px;
    border: none;
    background: url('../graphics/uvt_suche_bg.png') no-repeat;
    font: normal normal normal 20px/2em Helvetica, sans-serif;
    color: #666666;
    padding-left: 10px;
}

#wrapper.tx-konotermine-pi1 {
	background:#0E8A8A none repeat scroll 0 0;
  	margin-bottom:-10px;
    padding-bottom:10px;
}

/* IE 6 */
#tx_konotermine_pi1_zip {
    _width: 470px;
}

/* IE 7 */
*:first-child+html #tx_konotermine_pi1_zip {
	    padding-top: 0px;
}

/* FF2 */
#tx_konotermine_pi1_zip, x:-moz-any-link {
    padding-top: 10px;
}
/* FF3 */
#tx_konotermine_pi1_zip, x:-moz-any-link, x:default {
    padding-top: 10px;
}

#send {
    width: 80px;
    height: 40px;
    margin-left: 6px;
    border: none;
    vertical-align: top;
    background: url('../graphics/uvt_senden_bg.png') no-repeat;
}

/* IE 6 */
#send {
    margin-top: 1px;
}


#send:hover {
    background: url('../graphics/uvt_senden_down_bg.png') no-repeat;
}


#tx_konotermine_pi1_trainingsart_id {
    width: 220px;
}
/***********************************************/  
/***********************************************/  


/***********************************************/ 
/* CARD: Carrier für die Google-Map */
/***********************************************/
#card {
    position: relative;
    height: 335px;
    background: #cccccc;
}

/* Hack: IE6 */
#card {
    _height: 335px;
    _position: fixed;
    _top: 10px;
}

#card_results h2 {
	color: #363636;
}

#card_results {
    position: absolute;
    z-index: 2;
    left: 30px;
    width: 272px;
    padding: 4px;
   	background: #ffffff;
    
}

#card_results ul ,  #card_results_nojs ul {
   /* HUHU background: url('../graphics/uvt_ergebniss_bg.png') no-repeat;*/
    list-style: none;
}

#card_results li , #card_results_nojs li , #card_results_nojs span#all_dates_right{
    font: normal normal normal 12px/1.2em Helvetica, sans-serif;
    color: #003F3F;
    margin: 0 0 5px 10px;
}

#card_results a {
    font: normal normal bold 12px/1.2em Helvetica, sans-serif;
    color: #E51717;
}

#card_results  span, #card_results p {
    color:#696969;
}

#card_results_nojs  {
	background:#fff none repeat scroll 0 0;
	padding:10px;
    
}

#card_results_nojs img {
    display:none;
}
#card_results_nojs span.link_right {
	margin-left:400px;
}

#card_results_nojs span#all_dates_right {
	margin-left:412px;
    color: #fff;
}

#card_results_nojs li {
    color: #fff;
}


/** Google-Maps */
#mapinfo {
	float:left;
	clear:left;
	width: 100%;
	display: none;
	margin: 0.5em 0;
}
#map p.gmap {
	width:200px;
  	margin: 2px 2px 2px 2px;
}

p.gmap img {
	border: none !important;
}


#detailedmap {
	float: left;
	clear: left;
	width: 26em;
	margin: 0;
	height: 188px;
}

#detailedmap_big {
	float: left;
	clear: left;
	width: 25em;
	margin: 0;
	height: 235px;
}

div.reserviert #detailedmap {
     height: 35em;
     width: 100%;
}

#gmap {
	display: none;
  }

#gmap p.warning {
    margin-left:0.4em;
}

#load_message {
	margin-bottom:3px;
	width:100%;
	text-align:center;
    margin-top: 3px;
}

#map {
	width:100%;
	height:100%;
  	position:absolute;
}


#progressbar {
	margin-top:40%;
	text-align:center;
}

#dnd_handle  {
	cursor:move;
}

#dnd_handle  img{
	float:right;
}

p.gmap {
    color: #003F3F;
}
/***********************************************/
/***********************************************/  


/***********************************************/ 
/* UPPER–MENUE */
/***********************************************/

#menue {
    background: #C7F56B;
    padding-left: 160px;
	/* Hack: IE 6 */
	_width: 690px;
	_margin-bottom: -1px;
}

/* Hack: IE 7 */  
*:first-child+html #menue {
  margin-top: -3px;   
  margin-bottom: -1px;
}

#menue a:link, #menue a:visited, #menue a:hover, #menue a:active {
    display: inline-block;
    background: #C7F56B;
    color: #6D863B;
    width: 160px;    
	text-align: center;
    text-decoration: none;
    padding: 1em 0;
    font: normal normal bold 12px/1em Helvetica, sans-serif;
}

#menue a:hover {
    color: #024141;
}

#menue a.active {
    background: #96D615;
    color: #024141;
}
/***********************************************/
/***********************************************/                                                
 

/***********************************************/ 
/* MAIN-MENUE */
/***********************************************/
#mainmenue {
    background: url('../graphics/uvt_menue_bg.png') repeat-y;
    width: 170px;
    float: left; 

	/* Hack: IE6*/
	_padding-top: 20px;
}

#mainmenue ul {
    list-style: none;
    padding: 0;
}

#mainmenue li {
    text-align: right;
    font: normal normal bold 14px/2em Helvetica, sans-serif;
}

#mainmenue a:link, #mainmenue a:visited, #mainmenue a:hover, #mainmenue a:active {
    text-decoration: none;
    color: #fff;
    margin-right: 40px;
}

#mainmenue a:hover {
    text-decoration: underline;
    color: #fff;
}

#mainmenue a:active {
    text-decoration: underline;
    color: #63E1E1;
}

#mainmenue li.active {
    background: url('../graphics/uvt_active_menu_bg.png') right 50% no-repeat;
}

#mainmenue li.active a.active {
    color: #63E1E1;
}

/* CHECK! Meta-Menue Linkfarbe aendert sich nicht im IE6 */
#mainmenue li a.meta {
    color: #9FE0E0;
}
/***********************************************/
/***********************************************/


/***********************************************/
/* TERMIN MENUE*/
/***********************************************/
#list, #terminemenue {
    background: #0E8A8A;
    padding: 10px 0 20px 0;
	text-align: center;
}

#text_full p {
    text-align:right;
}


#list p.warning  strong{
    font-size:15px;
    color:#FF0000;
}

#list p.nodate {
	padding-left:0;
	margin-top: 10px;
}

#list table a, #card_results_nojs a {
	color:#fff;
	
}

#terminemenue {
    padding-bottom: 0;
}

#list p {
	padding-left:10px;
}

div.tx-konotermine-pi1-browsebox  ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
	
}

#terminemenue li,
div.tx-konotermine-pi1-browsebox  li {
    display: inline;
    margin: 0 8px;
    font: normal normal bold 12px/1em Helvetica, sans-serif;
    color: #9FE1E1;
}

#terminemenue li.active a {
    color: #9FE1E1;
}

#terminemenue li a {
    text-decoration: none;
    color: #ffffff;
}

div.tx-konotermine-pi1-browsebox  li a {
    text-decoration: none;
    color: #9FE1E1;
}

span.link_right {
	margin-left:100px;
}

#all_dates_right {
	margin-left: 175px;
}
/***********************************************/ 
/***********************************************/ 

/***********************************************/ 
/* TERMIN OVERVIEW */
/***********************************************/ 
#termineoverview {
    margin: 20px 10px 0 10px;
    width: 670px;
    font: normal normal bold 12px/1em Helvetica, sans-serif;
    border-collapse: collapse;
}

#termineoverview caption {
    margin-left: 40px;
    text-align: left;
    font: normal normal normal 24px/1.2em Helvetica, sans-serif;
}

/* IE6 */
#termineoverview caption {
    _padding-left: 40px;
}

/* IE7 */
*:first-child+html #termineoverview caption {
    padding-left: 40px;
}

#termineoverview caption a{
   color:#fff;
	text-decoration: none;
}

#termineoverview th, #termineoverview td {
    text-align: left;
    vertical-align: top;
    padding: 8px 4px;
}

#termineoverview td {
    color: #014040;
    border-bottom: 1px solid #0E8A8A;
}

#termineoverview td span {
    color: #0D8A8A;
}

#termineoverview td a {
    font: normal normal bold 12px/1.2em Helvetica, sans-serif;
    color: #E51717;
}

#termineoverview .termine_datum {
    width: 100px;
}

#termineoverview .termine_sorter a, #termineoverview .termine_datum a, #termineoverview .termine_uhrzeit a, #termineoverview .termine_ort a,
#termineoverview .termine_plaetze a, #termineoverview .termine_status a{  
	color: #fff;
	text-decoration: none;
}

#termineoverview .termine_uhrzeit, 
#termineoverview .termine_plaetze {
    width: 80px;
}

#termineoverview tbody tr {
    background: #A0E2E2;
}

#termineoverview label {
     font: normal normal bold 12px/1.2em Helvetica, sans-serif;
     margin: 0 10px;
}

#termineoverview .termine_icon {
    width: 30px;
    text-align: center;
}
/***********************************************/ 
/***********************************************/ 


/***********************************************/ 
/* TEXT */
/***********************************************/
#text {
    background: #0B6E6E;
    width: 430px;
    float: left;
    margin-left: 40px;
    padding-bottom: 50px;

	/* Hack: IE6*/
	_padding-top: 20px;
}

#text ul,
#text_left ul,
#text_right ul,
#text ol,
#text_left ol,
#text_right ol {
	margin: 10px 0 20px 20px;
    font: normal normal normal 12px/1.3em Helvetica, sans-serif;
    margin-bottom: 10px;
}

#text_full {
	width: 550px;
	clear:both;
}

/* Text left */
#text_left {
    width: 280px;
    float: left;
}

#text_left table {
    border-collapse: collapse;
    margin-bottom: 20px;
    font: normal normal bold 12px/1em Helvetica, sans-serif;
}

#text_left td {
    font: normal normal bold 12px/1.3em Helvetica, sans-serif;
    width: 50%;
}

#text_left td.label {
    color: #A0E2E2;
}

#text_left p {
    font-weight: bold;
}

/* Text right */
#text_right {
    width: 330px;
    float: left;
}

#text_right h2 {
    color: #ffffff;
    margin-bottom: 10px;
}

div#text a, div#description a {
	color:white;
}
/***********************************************/  
/***********************************************/  

/***********************************************/  
/* RESERVIERUNGSFORMULAR */
/***********************************************/
#reservierungsformular {
    clear:left;
}

#reservierungsformular a {
	color: #680101;
}

#reservierungsformular fieldset,
#error {
    background: #A0E2E2;
    border-bottom: 1px solid #0E8A8A;
}

#reservierungsformular fieldset {
	padding-bottom:20px;
}


#reservierungsformular legend {
    float:left;
    margin: 20px 30px;
    width: 100%;
}

#reservierungsformular legend.empty {

}

/* IE7 */
*:first-child+html #reservierungsformular legend {
     margin: -30px 40px 0 40px;
}


/* FF2 */
#reservierungsformular fieldset, x:-moz-any-link {
     padding: 50px 0 20px 0;
}

#reservierungsformular legend, x:-moz-any-link {
    float:none;
    margin: 0 0 -50px 40px;
}
/* FF3 */
#reservierungsformular fieldset, x:-moz-any-link, x:default {
    padding: 50px 0 20px 0;
}

#reservierungsformular legend, x:-moz-any-link, x:default {
    float:none;
    margin: 0 0 -50px 40px;
}

#reservierungsformular legend span {
    font: normal normal bold 14px/1em Helvetica, sans-serif;
    color: #003F3F;
}

#reservierungsformular legend span span {
    color: #0D8A8A;
}

#reservierungsformular span.required {
    color: #E51717;
}

#reservierungsformular label {
    text-align: right;
    display: block;
    clear: left;
    width: 190px;
    float: left;
    font: normal normal bold 12px/1.3em Helvetica, sans-serif;
    color: #265555;
    margin: 0 10px 0px 0;
}

#reservierungsformular input,
#reservierungsformular select {
    border: none;
    font: normal normal bold 12px/1.3em Helvetica, sans-serif;
    padding: 0 6px;
    height: 20px;
    color: #444;
    width: 310px;
    margin: 0 0 4px 0;
}

#reservierungsformular select {
    width: auto;
    height: auto;
    padding:3px 0;
}

#reservierungsformular #tx_konotermine_pi1_trainingsart_id {
    width: 225px;
}

#reservierungsformular input.checkbox_left {
	margin: 0 10px 0 180px;
	width: auto !important;
	clear: left;
	height: auto;
	float: left;
	vertical-align: top;
}

#reservierungsformular input.checkbox_right {
	width: 10px !important;
	height: auto;
}

#reservierungsformular label.right {
	width: 400px;
	vertical-align: top;
	text-align: left;
	clear: none;
	margin-bottom: 10px;
}

#formhandler_contact_form fieldset {
	padding-top: 30px;
}

#formhandler_contact_form #reservierungsformular label {
	width: 90px;
}

#formhandler_contact_form #reservierungsformular textarea {
	width: 310px;
	height: 100px;
}

#reservierungsformular input.submit,
#reservierungsformular fieldset.submit input {
	width:auto;
	height: auto;
	margin-right:10px;
	background: #0E8A8A;
	color: #fff;
	padding: 5px;
}

#reservierungsformular fieldset.submit {
	text-align:right;
	padding:10px;
}

#reservierungsformular  #message_label {
	
}

#reservierungsformular p {
	color:#265555;
	clear:left;
	margin-left: 30px;
}

#text #reservierungsformular input {
        width: 210px;
      }
      
#text #reservierungsformular label {
 width: 140px; 
}

#reservierungsformular label.oben {
 float: left;
}

#text #reservierungsformular textarea {
	width: 210px;
}

#text #reservierungsformular #tx_konotermine_pi1_ort {
	width:160px;
}
      
#text input#tx_konotermine_pi1_telefon_vorwahl {
	width:50px;
}

#text input#tx_konotermine_pi1_telefon {
	width:145px;
}
       
#text #reservierungsformular label#copy {
	width: 140px;
	/* margin-left:-260px; */
}
       
#text div.tx-konotermine-pi1 {
	margin-bottom:0px;
}
       
#text #reservierungsformular #tx_konotermine_pi1_plz {
	width:40px;
}

/* Error */
#error {
    padding: 20px 30px 10px 40px;
    background: #E51717;
}

#error p {
    font: normal normal bold 12px/1.3em Helvetica, sans-serif;
    margin-bottom: 10px;
}


#errormessage p {
    font: normal normal bold 12px/1.3em Helvetica, sans-serif;
    margin-bottom: 10px;
}

#reservierungsformular #errormessage p {
	color: #E51717;
	padding:5px;
	margin:0;
}

#reservierungsformular #errormessage {
	background: #A0E2E2;
}

.hinweis {
	display: block;
	font-weight: bold;
	font: normal normal bold 12px/1em Helvetica, sans-serif;
	color: rgb(13, 138, 138);
	margin: 0 0 10px 205px;
	
}

#reservierungsformular .teilnehmer_row {
	width: 100%;
	margin-top: 0px;
	float:left;
}

#reservierungsformular #teilnehmer_textfields input {
	width:180px;
	_width:200px;
	float:left;
	margin-right: 10px;
	margin-top: 2px;
	margin-left: 0px;
}

#teilnehmer_textfields {
    clear:left;
	margin: 30px 0 0 36px;
	padding: 0 5px 0 5px;
}

#teilnehmer_textfields p {
	margin-left:0;
}

#teilnehmer_textfields label {
	width: 190px;
	clear:none;
	text-align: center;
	margin: 0px;
	margin-right: 10px;
}

/* REMEBER: .formrow !!! */ 
    .formrow #tx_konotermine_pi1_plz {
	width: 80px;
}

.formrow #tx_konotermine_pi1_ort {
	width: 220px;
}



/***********************************************/ 
/***********************************************/

/***********************************************/ 
/* ANMELDUNG (Formular) */
/***********************************************/
#anmeldung {
    width: 670px;
    background: #0E8A8A;
    padding: 30px 10px 20px 10px;
    float: left;

	/* Hack: IE 6 */
	_width: 690px;
}
/***********************************************/
/***********************************************/             

/* Wofür wird das gebraucht???? */
#description {
    padding-left: 40px;
}
 
/***********************************************/ 
/* CONTENT */
/***********************************************/ 
#content {
    float: left;
    background: url('../graphics/uvt_text_bg.png') repeat-y #0B6E6E;
    width: 690px;
	padding-bottom: 50px;
}
/***********************************************/ 
/***********************************************/ 

/***********************************************/
/* LIST */ 
/***********************************************/
#list {
    background: #0E8A8A;
    padding: 10px 0 20px 0;
}

#list p {
	padding-left:10px;
}


#list #termineoverview td a {
    font: normal normal bold 12px/1.2em Helvetica, sans-serif;
    color: rgb(229, 23, 23);
}
/***********************************************/ 
/***********************************************/


/***********************************************/ 
/* GRUPPENBUCHUNG */
/***********************************************/
#gruppen_buchung {
	color:#265555;
	font: normal normal bold 12px/1.3em Helvetica, sans-serif;
	padding:10px;
	width:80%;
	clear:left;
}

#gruppen_buchung h4 {
    font: normal normal bold 12px/1.3em Helvetica, sans-serif;
    margin-left: 30px;
}
/***********************************************/ 
/***********************************************/


#no_result {
    padding:3px 6px;
}

#no_result h2 {
    color:#E51717;
    margin:3px 0;
}

#no_result p {
    color:#003F3F;
}