/* Basisvorlage CSS
wwww.sustain.co.at
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Orange): #ed6d00
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */

body {
padding: 0;
margin: 0;
border: 0;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
outline: none;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

html,body,p,td,li,input,select,textarea, form {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;}


ul,li {
	/*color:#00694e;*/
}

#inhalt li {
	margin-left: -18px;
}

h1{font-size: 20px;}
#inhalt h1{font-weight:bold; font-size:12px; color:#ba0000;  margin-bottom:5px; margin-top:0px;}
#inhalt_formular h1{font-weight:bold; font-size:12px; color:#ba0000;  margin-bottom:5px; margin-top:0px;}
#popup_inhalt h1{font-weight:bold; font-size:12px; color:#ba0000;  margin-bottom:5px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}

#inhalt p, ul, ol, li {font-size:12px; color:#00694e; margin-top:0px;}
#inhalt_formular p, ul, ol, li {font-size:12px; color:#00694e;}

#inhalt a{text-decoration:none;font-size:12px; color:#ed6d00;}
#inhalt a:hover{text-decoration:underline;font-size:12px; color:#ed6d00;}
#inhalt_formular a{text-decoration:none;font-size:12px; color:#ed6d00;}
#inhalt_formular a:hover{text-decoration:underline;font-size:12px; color:#ed6d00;}
/*#inhalt a:hover{text-decoration:none;font-size:12px; color:#00694e;}*/

#popup_inhalt p, ul, ol, li {font-size:12px; color:#00694e; margin-top:0px;}

#popup_inhalt a{text-decoration:none;font-size:12px; color:#ed6d00;}
#popup_inhalt a:hover{text-decoration:underline;font-size:12px; color:#ed6d00;}

html, body {height:100%; margin:0;padding:0;}

/* ### HORIZONTAL UND VERTIKAL ZENTRIERT ### */

#horizont {
  position: absolute;
  top: 50%; left: 0px;
  width: 100%; height: 1px;
  overflow: visible; visibility: visible;
  display: block;
  z-index: 1; 
}

#container {
	width: 960px;
	height: 560px;
	margin-left: -480px;
	position: absolute;
	top: -280px;
	left: 50%;
	visibility: visible;
	padding: 0px;
	z-index: 2;
}

#ie-wickel { padding: 20px;
}

/*  ###  LAYOUT ### */

#logo {
	position: absolute;
	height: 114px;
	width: 180px;
	top: 0px;
	left: 0px;
}

#header {
	position: absolute;
	height: 114px;
	width: 780px;
	top: 0px;
	left: 180px;
}
#navi_oben {
	background-color: #FFFFFF;
	position: absolute;
	height: 35px;
	width: 763px;
	left: 0px;
	top: 0px;
}

#oben_kontakt {
	background-color: #FFFFFF;
	height: 35px;
	width: 200px;
	position: relative;
	display: inline;
}

#oben_sprache {
	background-color: #FFFFFF;
	height: 35px;
	width: auto;
	float: right;
	vertical-align:bottom;
	padding-top: 18px;
	display: inline;
}

#orange_oben {
	position: absolute;
	height: 79px;
	width: 780px;
	left: 0px;
	top: 35px;
	background-color: #ed6d00;
}

#menue {
	position: absolute;
	height: 391px;
	width: 168px;
	padding-left: 12px; 
	padding-top: 55px;
	left: 0px;
	top: 114px;
	background-color: #ed6d00;
}

#inhalt {
	position: absolute;
	height: 413px;
	width: 780px;
	left: 180px;
	top: 114px;
}

#inhalt_formular {
	position: absolute;
	height: 413px;
	width: 780px;
	left: 180px;
	top: 114px;
}

#inhalt_innen {
	position: absolute;
	height: 322px;
	width: 756px;
	left: 12px;
	top: 55px;
	padding-right: 12px;
	overflow: hidden;
}

#inhalt_innen_formular {
	position: absolute;
	height: 377px;
	width: 756px;
	left: 12px;
	top: 0px;
	padding-right: 12px;
	overflow: hidden;
}

#inhalt_zweispaltig_rechtslastig_links {
	position: absolute;
	height: 322px;
	width: 244px;
	left: 12px;
	top: 55px;
	overflow: hidden;
}

#inhalt_zweispaltig_rechtslastig_rechts {
	position: absolute;
	height: 322px;
	width: 500px;
	left: 268px;
	top: 55px;
	overflow: hidden;
}

#inhalt_zweispaltig_linkslastig_links {
	position: absolute;
	height: 322px;
	width: 500px;
	left: 12px;
	top: 55px;
	overflow: hidden;
}

#inhalt_zweispaltig_linkslastig_rechts {
	position: absolute;
	height: 322px;
	width: 244px;
	left: 524px;
	top: 55px;
	overflow: hidden;
}

#inhalt_dreispaltig-links {
	position: absolute;
	height: 322px;
	width: 244px;
	left: 12px;
	top: 55px;
	overflow: hidden;
}

#inhalt_dreispaltig-mitte {
	position: absolute;
	height: 322px;
	width: 244px;
	left: 268px;
	top: 55px;
	overflow: hidden;
}

#inhalt_dreispaltig-rechts {
	position: absolute;
	height: 322px;
	width: 244px;
	left: 524px;
	top: 55px;
	overflow: hidden;
}



#orange_unten {
	position: absolute;
	height: 33px;
	width: 780px;
	left: 180px;
	top: 527px;
	background-color: #ed6d00;
}

#orange_unten_formular {
	position: absolute;
	height: 33px;
	width: 780px;
	left: 0px;
	top: 413px;
	background-color: #ed6d00;
}

#orange_unten_formular_neu {
	position: absolute;
	height: 33px;
	width: 780px;
	left: 168px;
	top: 527px;
	background-color: #ed6d00;
}

#nav_zurueck {
	position: absolute;
	height: 20px;
	width: 100px;
	left: 12px;
	top: 385px;
}

#nav_zurueck_rechtslastig {
	position: absolute;
	height: 20px;
	width: 100px;
	left: 268px;
	top: 385px;
}

#nav_zurueck_linkslastig {
	position: absolute;
	height: 20px;
	width: 100px;
	left: 12px;
	top: 385px;
}

#nav_vor_linkslastig {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 492px;
	top: 385px;
}

#nav_vor {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 748px;
	top: 385px;
	text-align: right;
}


/*  ###  LAYOUT ENDE ### */

/*  ###  Definitionen angepasst vom Original Anfang ### */

#menue a {
	color:#FFFFFF;
	font-weight:normal; 
	text-decoration:none;
	}


#menue ul {
	padding:0;
	margin:0;
	margin-left: 13px;
	list-style-type:none !important
	}

#menue li {
	padding:0;
	margin:0;
	margin-bottom:5px;
	list-style-type:none !important
	}
	
#menue ul ul li {
	/*margin-left:13px;*/
	margin-bottom:5px;
	}
	
	
#menue li a {color: #ffffff; } 


#menue li a:hover {color: #ba0000;}


#navi_oben {vertical-align:bottom;}

#navi_oben {
	float:right; 
	padding-left: 12px;
	padding-right:5px;
	}
	
#navi_oben {color:#00694e;}
	
#navi_oben a {color:#00694e; text-decoration:none;}

	/*  ###  Definitionen angepasst vom Original Anfang ### */

/*.bM_RO  {
	color: #ba0000;
}*/

.bM_CUR {
	color: #ba0000;
}

#menue ul li.bM_CUR a {
	color: #ba0000;
}

#menue ul ul li a {
	color: #ffffff;
}

/*#menue .current a {
	color: #ba0000;
}*/

#menue .current  {
	color: #ba0000;
}

.bM_ACT {
	color: #ba0000;
}

.bM_CURIFSUB {
	color: #ba0000;
}

#menue ul li.bM_CURIFSUB a {
	color: #ba0000;
}

#navi_oben ul, #menu li {
	padding:0;
	margin:0;
	list-style-type:none !important
	}

#navi_oben li {
	padding-left: 17px;
	padding-top: 18px;
	float: right;
	}
	
/*  ###  POPUP ### */

.bg_popup {
	background-color: #ed6d00;	
}

#center {
	position: absolute;
	height: 382px;
	width: 502px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-left: -256px;
	left: 50%;
	border: 5px solid #ed6d00;
	overflow: hidden;
}

#popup_inhalt {
	margin: 13px;
	width: 476px;
	position: absolute;
	height: 340px;
	overflow: hidden;
}

#popup_nav_zurueck {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 19px;
	top: 356px;
	text-align: left;
}

#popup_nav_vor {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 474px;
	top: 356px;
	text-align: right;
}


/*  ###  ANMELDUNG ### */


#anmeldung input[type=text] {
	border-bottom: #ed6d00 1px solid;
	border-left: #ed6d00 1px solid;
	border-right: #ed6d00 1px solid;
	border-top: #ed6d00 1px solid;
	padding:2px 2px 2px 2px;
	color:#00694e;
	height: 12px;
	width: 150px;
}

#anmeldung .input_teilnehmer {
	width: 20px;
}

#anmeldung input[type=submit] {
	border-bottom: #ed6d00 1px solid;
	border-left: #ed6d00 1px solid;
	border-right: #ed6d00 1px solid;
	border-top: #ed6d00 1px solid;
	padding:2px 2px 2px 2px;
	color:#00694e;
	height: 20px;
}

#anmeldung select {
	border-bottom: #ed6d00 1px solid;
	border-left: #ed6d00 1px solid;
	border-right: #ed6d00 1px solid;
	border-top: #ed6d00 1px solid;
	padding:2px 2px 2px 2px;
	color:#00694e;
}

#anmeldung fieldset {
	border: 1px solid #d4d0c8;
	padding:2px 2px 2px 5px;
}


#anmeldung ul {
	 display: inline;
	  margin: 0 0 2; padding: 0;
}

#anmeldung li {
	 display: inline;
	  margin: 0.4em; padding: 0;
	
}

.error {
	color:#ed6d00;
}

.align-justify {text-align:justify;}

.csc-textpic-caption {
	color:#00694e;
	padding-top: 5px;
}

/*******************/
/* RTE / Bodytext: */
/*******************/

/* RTE / Table styling */
TABLE.contenttable { margin: 0px 0px 0px 0px; width: 100%;}
TABLE.contenttable TR TD { padding: 0px 0px 0px 0px; 
	/*background-color: #ff9999;*/
}

TABLE.contenttable { margin: 0px 0px 0px 0px; width: 100%; }

.contenttable .bodytext { margin:0; padding: 0; }

TABLE.contenttable td { vertical-align: top }

.hide {
	display: none;
}

/* Ausgabe Counter formatieren */

.countdown {
	padding: 10px;
	border: 1px solid #ed6d00;
	width: 250px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00694e;
}

.countdown_schmal {
	padding: 7px;
	border: 1px solid #ed6d00;
	width: 220px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #00694e;
}

#inhalt_innen .counter {
	padding: 10px;
	border: 1px solid #ed6d00;
	width: 250px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00694e;
}

#inhalt_innen .counter_schmal {
	padding: 7px;
	border: 1px solid #ed6d00;
	width: 220px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #00694e;
}


/*  ###  ANMELDUNG NEU ### */

#anmeldung {

}

.tx-thmailformplus-pi1 {
  margin-top: 20px;
}


.tx-thmailformplus-pi1 input[type=text] {
  border-bottom: #ed6d00 1px solid;
  border-left: #ed6d00 1px solid;
  border-right: #ed6d00 1px solid;
  border-top: #ed6d00 1px solid;
  padding:2px 2px 2px 2px;
  color:#00694e;
  height: 12px;
  width: 150px;
}

.tx-thmailformplus-pi1 .input_teilnehmer {
  width: 20px;
}

.tx-thmailformplus-pi1 input#Vorname, .tx-thmailformplus-pi1 input#Nachname {
  width: 200px;
}

.tx-thmailformplus-pi1 input[type=submit] {
  border-bottom: #ed6d00 1px solid;
  border-left: #ed6d00 1px solid;
  border-right: #ed6d00 1px solid;
  border-top: #ed6d00 1px solid;
  padding:2px 2px 2px 2px;
  color:#00694e;
  height: 20px;
}

.tx-thmailformplus-pi1 select {
  border-bottom: #ed6d00 1px solid;
  border-left: #ed6d00 1px solid;
  border-right: #ed6d00 1px solid;
  border-top: #ed6d00 1px solid;
  padding:2px 2px 2px 2px;
  color:#00694e;
}

.tx-thmailformplus-pi1 fieldset {
  border: 1px solid #d4d0c8;
  padding:2px 2px 2px 5px;
}


.tx-thmailformplus-pi1 ul {
   display: inline;
    margin: 0 0 2; padding: 0;
    margin-left: 2em;
}

.tx-thmailformplus-pi1 li {
   display: inline;
    margin: 1em; padding: 0;
  
}


.tx-thmailformplus-pi1 .error {
  color:#CC3300;
  font-weight: bold;
}

.tx-thmailformplus-pi1 input.titel {
  width: 70px;
}