/* 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;}

.menu { display: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 { display:none;}
#bl-seminare2 { display:none;}
#bl-seminare-gruppe { display:none;}
#bl-seminare-urlaub { display:none;}
#bl-gutschein { display:none;}
#bl-team { display:none;}
#bl-institut { display:none;}
#bl-raeume { display:none;}
#bl-coaching { display:none;}
#bl-kommunikation-korken { display:none;}
#bl-kommunikation-2 { display:none;}


#servicemenue { display:none;}
#servicemenue ul { display:none;}

#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 { display:none;}

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


#story{
margin:0px;
padding:10px;
height: 80%;
min-height:550px;
}


#story-news {
margin:0px;
padding:10px;
height: 80%;
min-height:300px;
}

#story-blank {
margin:0px;
padding:10px;
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 { display:none;}
	
	

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

#footer { display:none;}

/******************************************************** 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;
}