/*
		Janus CSS, Version 1.67
*/


/* Farben
rot: #BF311A
grau: #ECEDED
rosa: #F0CCBA
hellrosa: #FBEFE6
braun: #925539
gelb: #F9F9D1;

*/


/*_______________________________________________________________________________*/
/* 1. BASIC-RESETS */
/*-------------------------------------------------------------------------------*/


/*table, caption, tbody, tfoot, thead, tr, th, td
entfernt wegen webedition interface */


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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {
	background-color: #ECEDED;
}


body {
	line-height: 1;
	color: #373737;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #fff;
}


/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/



h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

h1 {
	font-size: 180%;
	margin: 0 0 0.7em 0;
}

h2 {
	font-size: 130%;
	margin: 0 0 0.4em 0;
}

h3, h4 {
	font-size: 100%;
	margin: 0 0 0.2em 0;
}



p {
	margin: 0 0 1.2em 0;
	line-height: 130%;	
}



a {color: #BF311A;}
a:visited {color:#BF311A;}
a:hover {color: #BF311A;background-color: #FBEFE6;}
a:active { color:#BF311A;}
a:focus {background-color: #FBEFE6;}


#logo a:hover {background: transparent;}
#logo a:focus {background-color: transparent;}

h2 a {color: #000; text-decoration: none;}
h2 a:visited {color:#000;}
h2 a:hover {color: #BF311A;background-color: #FBEFE6;}



cite {
	font-family: "Trebuchet MS";
	font-size: 110%;
	line-height: 130%;	
	color: #000;
	font-style: italic;
}

hr {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	border: 0;
	color: #bdbdbd;
	background: #bdbdbd;
}

small {
	margin: 0 0 1.2em 0;
	line-height: 120%;
	font-size: 90%;
	color: #767676;
	
}

.clearer 	{clear: both; }
.links 		{float: left; width: 45%; margin: 1em 0 0 0;}
.rechts 	{float: right; width: 45%; margin: 1em 0 0 0;}


.links-60 		{float: left; width: 60%; margin: 1em 0 0 0;}
.rechts-30 	{float: right; width: 30%; margin: 1em 0 0 0;}


img.bild-links {
	float: left; 
	margin: 5px 14px 14px 0;
}


img.bild-rechts {
	float: right; 
	margin: 5px 0 14px 14px;
}

img.diagramm {
	margin: 0 0 14px 0;
}

.weiter {
	white-space: nowrap;	
	background: transparent url(../images/bullet-weiter.gif) no-repeat left 0.4em;
	padding: 0 0 0 12px;
}

.mehr {
	margin:-1.2em 0 1.2em 0 !important;
}





.unsichtbar {
   position: absolute;
   top: -1000px;
   left: 0px;
   width: 0px;
   height: 0px;
   color: #fff;
   background: #fff;
}


#aufklapp {

display: none;
padding: 5px 0;
}


/* Content */

#inhalt ul, #zusatz-spalte ul {
	list-style: none;
	margin: 0 0 1em 0;
}

#inhalt ul li,  #zusatz-spalte ul li {
	background: transparent url(../images/bullet.gif) no-repeat left 0.4em;
	padding: 0 0 0 15px;
	line-height: 130%;
}


.box, .linkbox, ul.uebersicht  {
	background: #F9F9D1;
	padding: 16px;
	margin: 0.6em 0 1.4em 0;	
}

.box ul {
	margin: 0 0 0 0 !important;
}

.box ul li, ul.biglist li, ul.uebersicht li {
	padding: 0 0 0.8em 17px !important;
}

.linkbox ul li {
	padding: 0 0 0.5em 17px !important;
}


ul.kunden-liste img {
	margin: 4px 0 10px 0;
}


ul.kunden-liste li {
	padding: 0 0 0.8em 0px !important;
	background: none !important;
}


ul.kunden-liste-neu {
	border-top: 1px solid #bdbdbd;
	width: 800px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0 !important;
}

ul.kunden-liste-neu li {
	padding: 10px 0 10px  !important;
	margin: 0 0 20px 0;
	background: none !important;
	border-bottom: 1px solid #bdbdbd;
	
	width: 200px;
	height: 140px;
	float: left;
}

ul.kunden-liste-neu li img {
	margin: 8px 0;

}

ul.kunden-liste-neu li, ul.kunden-liste-neu li a {
	color: #373737;
	font-size: 95%;
}


.box h4 {
	margin: 0 0 0.5em 0;
}




.braun {
	color: #925539;	
}


.tags {
	border-top: 1px solid #EBECED;
	margin: 1.5em 0 1em 0;
	padding: 8px 0 0 0 ;
	background: transparent url(../images/icon_tag.gif) no-repeat left 10px;	
}

.tags p {
	padding: 0 0 0 15px;
	font-size: 90%;
	color: #000;	
}

.tags a, .tags a:visited 		{color: #000; text-decoration: none;}
.tags a:hover 							{color: #BF311A; text-decoration: underline;}






/* alte Listen

ul.uebersicht {
	border-bottom: 2px solid #ECEDED;
	padding: 0 0 1em 0;
	
}

ul.uebersicht li{
	border-top: 2px solid #ECEDED;
	background: transparent url(../images/bullet.gif) no-repeat left 1.3em !important;
	padding: 1em 0 0 17px !important;
	margin: 1em 0 0 0 !important;
}

*/

.slogan {
	color: #925539;
	font-size: 130%;
	text-align: center;
	padding: 0.6em 0;
}


blockquote {
	color: #925539;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0.6em 0;
}

#map{

	margin: 0 0 1em 0;
}




/* Zusatzspalte */

#zusatz-spalte h2{
	font-size: 90%;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}


.ueberschrift {
	font-size: 90%;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}

#zusatz-spalte h3{
	font-weight: normal;
	color: #000;
}
.spalte-item {
	background: transparent url(../images/item_trennlinie.gif) no-repeat left bottom;
	padding: 0 0 1.6em 0px;
	margin: 0 0 1.6em 0px;	
}

.kontakt-buttons {
	margin: 0 0 30px 0;
}

.kontakt-buttons a:hover {
	background: none !important;
}


.kontakt-buttons img{
	margin: 0 0 4px 0;
}


/* Tabellen */

table.seminartermine {
	margin: 0.5em 0 1em 0;
}



table.seminartermine td {
	background: #F9F9D1;
	padding: 16px;	
	border-bottom: solid 4px #fff;
	line-height: 110%;
}

table.seminartermine thead {
	display: none;
}


td.termin {
	width: 50%;
}

td.preis {
	width: 20%;
	text-align: right;
	vertical-align: middle;
}

td.anmeldung {
	text-align: right;
	vertical-align: middle;
}

table.seminartermine td{
	vertical-align: middle;
}


/* Podcast Uebersicht*/

table.podcasts {
	margin: 0.5em 0 1em 0;
}



table.podcasts td {
	background: #F9F9D1;
	padding: 10px 16px;	
	border-bottom: solid 4px #fff;
	line-height: 110%;
	vertical-align: top;
	
}

table.podcasts thead th {
/*	display: none;*/
}

td.podcast-link h4 {
	background: transparent url(../images/icon_podcast.gif) no-repeat left top;
	padding: 0 0 0px 24px;

	font-weight: normal;
	font-size: 100%;
	line-height: 125%;
}

td.podcast-link p {
	padding: 0 0 0px 24px !important;
}


td.datum, td.mp3-duration {
	text-align: right;
	font-weight: normal;
	font-size: 85%;
	color: #000;
}


/* Podcast Person*/

.podcast-person {
	background: #F9F9D1;
	float: right;
	
	padding: 8px;
	margin: 0 0 12px 20px;
}



/*
.podcast-person img {
	float:left;
	margin: 0;
	vertical-align: middle;
}

.podcast-person p {
	vertical-align: middle;
	padding: 10px 0 0 0 !important;
	line-height:100%;
}
*/



/* Footer */

#footer p {
	padding: 10px 0 0 0;
	font-size: 90%;
	color: #000;	
}


.newsletter-ausgabe {
	padding: 0 0 0.5em 0;
	margin: 0.5em 0 0 0;
}



/* Forum */

.forum-ausgabe {
	border-bottom: 2px solid #ECEDED;
	padding: 0 0 0.5em 0;
	margin: 1.5em 0 0 0;
}

.forum-teaser {
	color: #925539;
	font-size: 110%;
	line-height: 135%;
}

.forum-autor{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}




/* Kommentare */

.kommentar{
	background: transparent url(../images/kommentar.gif) no-repeat left 1.2em;
	padding: 1.2em 0 0 30px;
	border-bottom: 2px solid #ECEDED;
}


.kommentar p {
	margin: 0 0 1em 200px;
}

p.kommentar-autor{
	float: left;
	width: 175px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 80%;
	margin: 0 !important;
}



.kommentar-datum{
	color: #767676;
	text-transform: none;
	font-weight: normal;

}

#kommentar-wrapper{
	margin: 0 0 1.6em 0;
	
}

h2.kommentare {
	padding: 1.8em 0 0.4em 0;
	color: #925539;
	border-bottom: 2px solid #925539;	
}


/* Team */

#team-uebersicht{
	margin: 0 0 2.4em 0;
	background: transparent url(../images/team/bg_team.gif) left top;
	width: 580px;
}

#team-uebersicht p{
	float: left;
	width: 56px;
	height: 56px;
	display: block;
	margin: 0 2px 2px 0!important;
}

img.person {
	margin: 0 0 2em 0;
	
	border: 4px solid #ECEDED;
}







/* Tooltip */
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
}

a.tooltip:hover {
	background: transparent;
	z-index: 100;
}

a.tooltip span {
	display: none;
	text-decoration: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100px;
	z-index: 100;
	padding: 4px;
	background: #F0CCBA;
	text-align: left;
	color: #000;
}








/* Erfahrungen */


.einleitung {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #925539;
	margin: 0 0 1em 0;
}



/* Sitemap */




ul.sitemap ul ul {
	margin:0 !important;
}

ul.sitemap li {
	margin: 0 0 0.8em 0;
}

ul.sitemap li li, ul.sitemap li li li{
	background: none !important;
	padding: 0 0 0 10px !important;
	line-height: 115% !important;
	margin: 0 0 0 0 !important;
}

/* Tag Cloud */

#tagcloud{
	line-height: 180%;
}


#zusatz-spalte #tagcloud{
	line-height: 220%;
	font-size:70%;
/*	background: #EBECED;
	background: #F9F9D1;*/


	background: transparent url(../images/item_trennlinie.gif) no-repeat left bottom;
	padding: 0 0 2em 0px;
	margin: 0 0 1.6em 0px;	

}





/* 2.1 NAVIGATION */
/*-------------------------------------------------------------------------------*/

#navigation ul, #sub-navigation ul, #global-navi ul, #footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#navigation li, #sub-navigation li, #global-navi li, #footer li {
	float: left;
}

#navigation ul li a, #sub-navigation ul li a{

	text-transform: uppercase;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	display: block;
	padding: 15px 13px 12px 13px;
	
}

#sub-navigation ul li a{
	padding: 15px 11px 12px 11px;
}



#navigation ul {
	background: transparent url(../images/navi_trennlinie.gif) no-repeat left bottom;
}

#navigation ul li a {
	background: transparent url(../images/navi_trennlinie.gif) no-repeat right bottom;
}

#sub-navigation ul {
	background: transparent url(../images/subnavi_trennlinie.gif) no-repeat left bottom;
}

#sub-navigation ul li a {
	background: transparent url(../images/subnavi_trennlinie.gif) no-repeat right bottom;
}

#navigation ul li a {
	color: #fff;
}

#sub-navigation ul li a {
	color: #616161;
}


/* hover Bereiche */

#navigation ul li a:hover {
	background: #F6E0D3;
	color: #fff;	
	background: transparent url(../images/bg_navi_inaktiv_hover.gif) repeat-x left 4px;

}

#sub-navigation ul li a:hover {
	color: #BF311A;	
}

/* aktive Bereiche */

#navigation li.aktiv a, #navigation li.aktiv a:hover{
	color: #000;
	background: transparent url(../images/bg_navi_aktiv.gif) repeat-x left bottom;
}


/* 2.2 GLOBAL & FOOTER NAVIGATION */
/*-------------------------------------------------------------------------------*/

#global-navi a						 				{color: #fff; text-decoration: none;}
#global-navi a:visited								{color: #fff; text-decoration: none;}
#global-navi a:hover								{color: #fff; text-decoration: underline; }
#global-navi a:active								{ color:#fff;}
#global-navi a:focus								{background-color: #FBEFE6;}
ul.footer-links a	 				{color: #000; text-decoration: none;}



#global-navi a, ul.footer-links a{
	padding: 0 14px 0 14px;
	font-size: 90%;
	line-height: 150%;
/*	display: block;*/

}

#global-navi a.home{background: transparent url(../images/icon_home.gif) no-repeat left 2px;}

#global-navi a.uebersicht{background: transparent url(../images/icon_uebersicht.gif) no-repeat left 2px;}

#global-navi a.suche{background: transparent url(../images/icon_suche.gif) no-repeat left 2px;}

#global-navi a.kontakt{background: transparent url(../images/icon_kontakt.gif) no-repeat left 2px;}



#lang a:hover, #lang a:focus { background: none;}

ul.footer-links a.seitenbeginn{background: transparent url(../images/icon_seitenbeginn.gif) no-repeat left 2px;}
ul.footer-links a.weiterempfehlen{background: transparent url(../images/icon_weiterempfehlen.gif) no-repeat left 2px;}
ul.footer-links a.seitedrucken{background: transparent url(../images/icon_seitedrucken.gif) no-repeat left 2px;}

ul.footer-links{
	padding: 10px 0 40px 0 !important;
}

/*_______________________________________________________________________________*/
/* 3. LAYOUT */
/*-------------------------------------------------------------------------------*/


#header-container {
	background: #F0CCBA url(../images/bg_header.gif) no-repeat center top;
}

#header {
	width: 902px;
	margin: 0 auto;
	padding: 0 26px 0 26px;
}


#sub-navigation-container{
/*	background: #EBECED url(../images/bg_subnavi.gif) repeat-x left bottom;	*/
	background: #EBECED;	

}

#sub-navigation {
	width: 902px;
	margin: 0 auto 68px auto;
	padding: 0 26px 0 26px;
}

#inhalt-container {
	width: 902px;
	margin: 0 auto;
	padding: 0 26px 0 26px;
	background: #fff url(../images/spalte_trennlinie.gif) no-repeat 630px top;
}

#inhalt-container.clearview {
	width: 650px;
	padding: 10px 26px 0 26px;
	background: none !important;
}



#inhalt-container.no-line {
	background: #fff;
}


#inhalt {
	float: left;
	width: 582px;
	padding: 0 60px 0 0;
	margin: 0 0 68px 0;
}

#inhalt.breit {
	width: 90%;	
	background: white;

}


#zusatz-spalte {
	float: right;
	width: 250px;
	margin: 0 0 68px 0;
}

#footer-container {
	clear: both;
	background: #EBECED url(../images/bg_footer.gif) no-repeat center top;
	
}

#footer {
	width: 902px;
	height: 160px;	
	margin: 0 auto;
	padding: 0 26px 0 26px;
}


/* 3.1 HEAD SACHEN */
/*-------------------------------------------------------------------------------*/

#logo {
	float: left;
	height: 106px;
	
}

#lang {
	margin: 0 0 0 755px;
	height: 20px;
	border-top: 0px solid #BF311A;
}

#lang.deutsch {
	margin: 0 0 0 755px;
}

*html #lang {
	margin: 0 0 0 751px;
}


#global-navi {
	float: right;
/*	margin: 37px 0 0 0 ;*/
	margin: 13px 0 0 0 ;
	
}

#navigation {
	clear: both;
}


.suche_div{
	clear: both;
	text-align:right;
	display: none;
}
*html .suche_div{
	clear: both;
	text-align:right;
	display: none;
width: 270px;
}


/* 3.2 HOMEPAGE SACHEN */
/*-------------------------------------------------------------------------------*/


body.homepage {
	background: #fff url(../images/bg_homepage.gif) no-repeat center 144px;
}

body.homepage #inhalt-container {
	background: transparent;
}



body.homepage #inhalt {
	float: left;
	width: 537px;
	padding: 0 60px 0 0;
}

body.homepage #zusatz-spalte {
	float: left;
	width: 270px;
	margin: 90px 0 0 0;
	padding: 0 0 0 8px;
}


#zitat{
	position: relative;
	width: 512px;
	height: 194px;
	margin: 0 0 68px 0;

}

#zitat img{
	margin: 20px 0 0 0;
}


#zitat ul, #zitat ul li{
	list-style: none;
	padding:0;
	background: none;
}

.aktion {
	position: absolute;
	top: 120px;
	right: -59px;
	width: 76px;
}


.advent {
	position: absolute;
	top: 192px;
	right: 331px;
	width: 200px;
	height:54px;
}

.advent img{
	margin: 0 0 0 0 !important;
}

.advent a:hover, .advent a:focus{
	background: none !important;
}



/*Sinnier Tag*/
#sinniertag {
	background: #fff;
	width: 45px;
	margin: 0 0 0 20px ;
	float: right;

}


div#qTip {
padding: 10px;
display: none;
background: #F9F9D1;
color: #000;
font:  90%  Arial, sans-serif;
position: absolute;
z-index: 1000;
}


/*_______________________________________________________________________________*/
/* 4. FORMULARE */
/*-------------------------------------------------------------------------------*/


/* Kontaktformular */

form.kontaktform, form.kommentarform{
	background: #F9F9D1;
	padding: 18px;
/*	border-top: 2px solid #925539;
	border-bottom: 2px solid #925539;*/
	margin: 1.5em 0;
	color: #000;
}

form.kontaktform label, form.kommentarform label {
	display: block;
	float: left;
	width: 140px;
	padding: 5px 10px 0 0;	
}

form.kontaktform p {
	margin: 0 0 0.5em 0 !important;
}


form.kontaktform input, form.kontaktform textarea, form.kommentarform input, form.kommentarform textarea, .suche_div_input {
	border: 1px solid #979797;
	padding: 3px;
}

form.kontaktform input:focus, form.kontaktform textarea:focus, form.callback input:focus, form.callback textarea:focus, form.kommentarform input:focus, form.kommentarform textarea:focus  {
	background: #FBEFE6;
	border: 1px solid #000;
}

input.textfeld, form.kontaktform textarea {
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

form.kontaktform textarea {
	height: 120px;
}	

input.kurz {
	width: 76px;
}

.checkbox {
	border: 8px solid;
}


form.kontaktform fieldset{
	border-bottom: 1px solid #979797;
/* für IE6, jaja */
	border-top: 1px solid #F9F9D1;
	margin: 0.2em 0 1.2em 0;
	padding: 0em 0 1em 0;
}

form.kontaktform legend, form.callback legend, form.kommentarform legend{
	display: none;
}

.keinlabel {
	margin-left: 160px;
}


/* Callback Formular */

form.callback{
	margin: 1.5em 0;
	background: #F9F9D1;
	padding: 8px;	
}

form.callback label {
	display: block;
	float: left;
	width: 70px;
	padding: 5px 10px 0 0;
	
}

form.callback input {
	border: 1px solid #925539;
	padding: 3px;
	width: 120px;
}




/* Kommentarform */






form.kommentarform label {
	display: block;
	float: left;
	width: 100px;
	padding: 5px 10px 0 0;
}

form.kommentarform input.textfeld {
	width: 150px;
}	


.kommentar-text{
	width: 400px;
}

.captcha{
	vertical-align: middle;
	padding: 0 0 0 10px;
}
.captcha-hinweis{
	padding: 4px 0 0 110px;
}

.kontaktform .captcha-hinweis{
	padding: 4px 0 0 150px !important;
}

form.kommentarform small {
	color: #925539;
}



.fehler {
	background: #BF311A;
	padding: 0.8em;
	color: #ffffff;
	font-weight: bold;
}


.absenden {
	border: none !important;
	width: auto !important;

}


form.kontaktform .absenden {
	margin: 0 0 0 153px;
}

form.kommentarform .absenden {
	margin: 0 0 0 103px;
}


/* Suche */

.suche_div_input {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
}


input.suchbutton {
	vertical-align: middle; 
	*vertical-align: text-bottom;
}

input#ueber_firma, input#ueber_privat, input#ueber_kleeblatt {

	border: 0;
}

input#rechnungsanschrift, input#anmeldebestaetigung{
	float: left;
	padding:0;
	border: 0;
}

label.checkbox-label {
	padding-top: 0 !important;

}

.checkbox-text {
	padding: 0 0 0 175px;
	margin-top:-22px;
	margin-bottom: 10px;
	line-height: 110%;
}

input#janus-forum, input#janus-broschuere, input#janus-newsletter {
	border: 0px;
}