/* CSS Document */

body{
height:100%;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:0.7em; 
/*text-align: center;fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
line-height:1.5em;
background-color:#f2eddd;
}

p {margin:0; padding:0;line-height:1.5em;}
*+html p { line-height:1.5em;}
strong {color:#867a75;}


h1 { font-size:1.2em; color:#99cc00;}
h2 { font-size:1em; color:#867a75;border: 0 none; border-bottom: 1px dotted #99cc00; margin:0px 0px 15px 0px; padding:0px;}
h3 { font-size:1em; color:#99cc00; }

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:10px;}

#header .home { height:80px; width:200px; float:left; }


a:link { text-decoration:none; color:#99cc00;}
a:visited {text-decoration:none; color:#99cc00;}
a:hover { color:#99cc00; text-decoration:none;}
a:focus { color:#99cc00; text-decoration:none;}

/***************************************************** allgemein gueltige klassen ***********************************************************/

.green { font-size:1.2em; color:#99cc00;}
.red { color:#f60; padding-left:5px; font-weight:bold; font-size:1.3em;}

.container-cols { float:left; width:610px; margin-bottom:10px;}
.left-col { float:left;}
.right-col { margin-left:2em; float:left}

img.right { float:right; margin:0 5px 5px 20px;}
img.left { float:left; margin:0 20px 10px 0;}

.back {
background: transparent url(images/icons/back.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.extern {
background: transparent url(images/icons/extern.png) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.intern {
background: transparent url(images/icons/intern.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.download {
background: transparent url(images/icons/pdf.gif) left center no-repeat;
padding-left: 18px;
font-size:1em;
}


/***************************************************** servicemenue ***********************************************************/

#header { width:952px; background: transparent url(images/header.gif) left top no-repeat; height:108px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff; margin-top:10px;}

#bl-seminare { width:952px; background: transparent url(images/header/seminare.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-seminare2 { width:952px; background: transparent url(images/header/seminare2.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-seminare-gruppe { width:952px; background: transparent url(images/header/seminare-gruppe.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-seminare-urlaub { width:952px; background: transparent url(images/header/seminare-urlaub.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-gutschein { width:952px; background: transparent url(images/header/gutschein.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-team { width:952px; background: transparent url(images/header/team.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-institut { width:952px; background: transparent url(images/header/institut.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-raeume { width:952px; background: transparent url(images/header/raeume.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-coaching { width:952px; background: transparent url(images/header/einzelcoaching.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-vortraege { width:952px; background: transparent url(images/header/vortraege.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}

#bl-kommunikation-korken { width:952px; background: transparent url(images/header/kommunikation-korken.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}
#bl-kommunikation-2 { width:952px; background: transparent url(images/header/kommunikation-2.jpg) left top no-repeat; height:167px; margin:auto; background-color:#bfdd19; border-bottom:1px solid #fff;}


#servicemenue { width:950px; margin:auto;}
#servicemenue ul {padding: 0;list-style-type: none; margin:15px 0px 0px 610px; font-size:1em;}
#servicemenue ul li { 
display: inline;
text-decoration: none;
padding: 0 10px 0 10px;
text-align: center;}

#servicemenue ul li a { text-decoration: none; color:#666;}
#servicemenue ul li a:hover {text-decoration: none;}
#servicemenue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
text-align: center;
color:#fff;
}

#wrapper-content { width:950px; margin:auto; background-color:#fff; text-align:left; padding:0px;}

ul.liste { list-style:none; margin-left:-30px;}
*html ul.liste { margin-left:5px;}
*+html ul.liste { margin-left:10px;}

ul.liste li {
margin-left:0px;
background: transparent url(images/icons/bullet.gif) left top no-repeat;
background-position:0 4px;
padding-left: 20px;
text-align: left;
line-height:1.8em;
}


/*********************************************** boxes left**************************************************/

#left {
width:180px; margin-left:0px;
float:left; 
margin:30px 0px 0px 0px;
padding:20px 0px 0px 0px;
}
*html #left { margin-top:70px;}
*+html #left { margin-top:70px;}

#left p { padding:5px;}
#left .spacer { background-color:#FFFFFF; height:10px; width:180px; }
#left .headline { background-color:#999; color:#fff; padding:2px 2px 2px 4px; margin:0px;}

#left a:link { text-decoration:none; color:#ff6600;}
#left a:visited {text-decoration:none; color:#ff6600;}
#left a:hover { color:#ff6600; text-decoration:none;}
#left a:focus { color:#ff6600; text-decoration:none;}

/*********************************************** boxes right**************************************************/

#right {
margin:20px 0px 0px 0px;
padding:20px 0px 0px 0px;
width: 180px;
float:right;
}
*html #right { margin-top:70px;}
*+html #right { margin-top:70px;}


#right p { padding:5px 5px 5px 5px;}
#right .spacer { background-color:#FFFFFF; height:10px; width:180px; }
#right .headline { background-color:#867a75; color:#fff; padding:2px 2px 2px 4px; margin:0px; font-weight:bold;}
#right h3 {color:#9c0; padding:3px; margin:0px; font-size:1em;}

#right hr {height: 1px;border: 0 none; border-top: 1px dotted #9c0; margin-top:10px;}

#right a:link { text-decoration:none; color:#99cc00;}
#right a:visited {text-decoration:none; color:#99cc00;}
#right a:hover { color:#99cc00; text-decoration:none;}
#right a:focus { color:#99cc00; text-decoration:none;}

/****************************** Definitionen fuer den Inhaltsbereich ***************************************/


#story{
margin:1px 30px 0px 220px;
padding:20px 30px 0px 30px;
height: 80%;
min-height:550px;
}


#story-news {
margin:1px 185px 0px 90px;
padding:20px 30px 0px 30px;
height: 80%;
min-height:300px;
}

#story-blank {
margin:1px 30px 0px 90px;
padding:20px 30px 0px 30px;
height: 80%;
min-height:300px;
}


/***************************************************** algemein gueltige Auszeichnungen ***********************************************************/

table,td {border: 1px solid #ccc; border-collapse: collapse;}
table{border:none;border:1px solid #ccc;}
thead th, tbody th {background:#f2eddd;padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
tbody th{background: #f2eddd;border-top: 1px solid #ccc;text-align: left; font-weight:bold;}
tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}


fieldset { border:none; padding:5px;}
legend {color:#f60; font-weight:bold;}
label{width:8em; margin:3px 10px 0px 0px; float:left; text-align:right;}
input {border:1px solid #ccc; width:12em;}
input.plz { width:6em;} input.button {border:1px solid #ccc; width:8em; font-size:0.9em; color:#666;}

fieldset.input-left input { width:2em; border:none; margin-left:2px;}


textarea {border:1px solid #ccc;}
select {border:1px solid #ccc; width:14em;}



/***************************************** Menue */
    
	#submenue { width:180px; margin-top:30px; margin-left:0px;float:left;padding:20px 0px 0px 0px; position:absolute;}
	
	*html #submenue { position:fixed;}
	*+html #submenue { position:relative;}
	
	#submenue .headline { background-color:#999; color:#fff; padding:2px 2px 2px 4px; margin:0px;}
	#submenue ul {
	list-style: none;
	margin:0px;
	padding: 0;
	border: none; 
	 border-left:1px solid #bfdd19;
	}
	#submenue ul li {
	border-bottom:1px dotted #fff;margin: 0;
	background-color:#f2eddd; padding:0px;
	}
	#submenue li a {margin: 0; display: block; padding: 5px 2px 3px 20px; color: #596a7a; text-decoration: none; background: transparent url(images/icons/menue-bullet-on.gif) 5px center no-repeat; 
	}

	#submenue li a.active { padding:5px 2px 3px 20px; background: #bfdd19 url(images/icons/menue-bullet.gif) 5px center no-repeat; color:#fff}
	#submenue li a:hover {  padding:5px 2px 3px 20px; background-color:#bfdd19; color:#fff;}   
	
	#submenue ul ul { background-color:#f2eddd;}
	#submenue ul ul li { margin-left:20px; background-color:#f2eddd; border-top:1px dotted #fff;}
	#submenue ul ul li a {background: transparent url(images/icons/menue-bullet.gif) 3px center no-repeat; padding:5px 2px 3px 20px;}
	#submenue ul ul li a.active { background: #bfdd19 url(images/icons/menue-bullet.gif) 3px center no-repeat; padding:5px 2px 3px 20px;}
	#submenue ul ul li a:hover { background: #bfdd19 url(images/icons/menue-bullet.gif) 3px center no-repeat; padding:5px 2px 3px 20px;}


/******************************************************** footer ****************************************************/

#footer {
clear:both; 
height:20px; 
padding:10px 0px 0px 0px;
margin:auto;
font-size:1em;
width:950px;
color:#666;
text-align:left;
border-top:1px solid #99cc00;
}

/******************************************************** Anmeldung Seminare ****************************************************/

#anmeldung select {width:12.1em;}
#anmeldung legend {color:#9c0;margin:10px 0 0 142px;}
#anmeldung label{width:12em;}
#anmeldung .plz {width:3.4em;}
#anmeldung .ort {width:8.1em;}

#kontakt select {width:12.1em;}
#kontakt legend {color:#9c0;margin:10px 0 0 142px;}
#kontakt label{width:12em;}
#kontakt .plz {width:3.4em;}
#kontakt .ort {width:8.1em;}

/******************************************************** Tooltip Auszeichnungen ****************************************************/

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
background: transparent url(images/icons/documentinfo.png) left top no-repeat;
padding:0px 0px 0px 12px;
}

a.tooltip:hover {
z-index: 100;
background: transparent url(images/icons/documentinfo.png) left top no-repeat;
padding:0px 0px 0px 20px;
}

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

a.tooltip:hover span {
display: block;
position: absolute;
top: 0px;
left: 22px;
width: 320px;
z-index: 100;
color: #666;
border: 1px solid;
border-color: #99cc00 #ccc #ccc #fff;
border-left: 4px solid #99cc00;
padding: 10px 10px 10px 10px;
background: #eeeeee;
font-style: normal;
text-align: left;
}