/*--------------------- Z U R Ü C K S E T Z E N   -----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,table,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin: 0; padding: 0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a { text-decoration: underline; }
/*----------------------------------------------------------------------------*/

/*--------------------- G R U N D L A G E N ----------------------------------*/
body { font: 14px Verdana, Arial, Georgia, Helvetica, sans-serif;/**font-size:small;*font:x-small;*/ }
table {font-size:inherit; font: 100%; }
select, input, textarea {font: 99% arial,helvetica,clean,sans-serif; }
/*pre, code {font:115% monospace;*font-size:100%;}*/
body * {line-height: 1.22em; }
h2, h3, h4 { font-weight: bold; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p { font-size: 0.8em; }
ul {font-size: 0.8em;}
a:link { color: #003366; }
a:visited { color: #525b1f}
a:hover { color: #00b9e9; }
a:active {color: #00b9e9; }
/*----------------------------------------------------------------------------*/

/*--------------------- G R U N D S T R U K T U R ----------------------------*/
body { text-align: center; }
#pagewrap { margin: 0 auto; padding: 0; text-align: left; width: 780px; background-color: #FFFFFF;}
#header { height: 90px; margin: 0; padding: 0; }
#secnav { float: right; margin: 10px 10px 0 0; }
#suche { margin-top: 40px; }
#logo { width: 125px; height: 60px; padding: 20px 0 0 10px; }
#navigation { height: 25px; width: 100%; padding: 0; margin: 0; margin-bottom: 3px; }
#contentwrap { margin-bottom: 20px; }
#footer { clear:both; }
p a, li a {  }

/*----------------- G R U N D S T R U K T U R  Vorlage A ---------------------*/
.A_tmpl #auge { height: 254px; background-color: #2c2c2c;  }
.A_tmpl #banner { height: 30px; width: 100%; background-color: #dedede; background-image: url(../images/bg/bannerBg.gif); background-repeat: repeat-x; background-position: left top; font-weight: bold; text-align: center; color:#fff }

.A_tmpl #contentwrap .col2wrap, .A_tmpl #contentwrap .col3wrap { width: 100%; float: right; }
.A_tmpl #contentwrap .col2wrap { margin-left: -340px; }
.A_tmpl #contentwrap .col3wrap { margin-left: -200px; border: 1px solid #DEDEDE; margin-top: 2px; padding-bottom: 20px; background-image: url(../images/bg/c3wBg.gif); background-repeat: repeat-x; background-position: left bottom;}

/*.colbox { position: relative; }
.colbox {_position: static; }*/
.A_tmpl #contentwrap .colbox { float: none; width: auto;  }
.A_tmpl #contentwrap .col2wrap .colbox { margin-left: 260px; }
.A_tmpl #contentwrap .col3wrap .colbox { margin: 0; }

.A_tmpl #contentwrap .col_first { float: left; }
.A_tmpl #contentwrap .col { float: left; display: inline; }
.A_tmpl #contentwrap .col2wrap .col_first, .A_tmpl #contentwrap .col2wrap .col { width: 260px; margin-top: 2px;}
.A_tmpl #contentwrap .col3wrap .col { width: 192px;  margin: 10px 2px 10px 0; }

.A_tmpl #contentwrap .col2 { width: 260px; }
.A_tmpl #contentwrap .col3 { width: 194px;  }

/*----------------- G R U N D S T R U K T U R  Vorlage B ---------------------*/
.B_tmpl #auge { height: 108px; border: solid 1px #777a7e; }
.B_tmpl #banner { height: 14px; border: 3px solid #f0f0f0; padding: 10px 20px; color: #77af4c; font-size: 10px; }

.B_tmpl #contentwrap .colwrap { float: right; margin-left: -240px; width: 774px; *width: 778px; border: 3px solid #f0f0f0;  border-top: 0; height: 100%; }
.B_tmpl #contentwrap .colbox {  float: none; width: auto; margin-left: 240px; }
.B_tmpl #contentwrap .col { float: right; display: inline; width: 488px; padding: 20px;  }
.B_tmpl #contentwrap .col p { margin: 10px 0; }
.B_tmpl #contentwrap .sidebar { float: left; width: 200px; padding: 20px;  margin: 0; }

/*----------------- G R U N D S T R U K T U R  Vorlage C ---------------------*/
.C_tmpl #auge { height: 108px; border: solid 1px #777a7e; }
.C_tmpl #banner { height: 14px; border: 3px solid #dedede; padding: 10px 20px; color: #77af4c; font-size: 10px; }

.C_tmpl #contentwrap .colwrap { float: right; margin-left: -240px; width: 774px; border: 3px solid #dedede; border-bottom: 0; border-top: 0; height: 100%; }
.C_tmpl #contentwrap .colbox { position: static; float: none; width: auto; margin-left: 260px; }
.C_tmpl #contentwrap .col { float: right; display: inline; width: 460px; padding: 20px; }
.C_tmpl #contentwrap .sidebar { float: left; width: 240px; ; height: 100%; }

.C_tmpl #contentwrap .tabwrap { width:774px; height: auto; ;z-index: 1; border: 3px solid #dedede; border-top: 0; border-bottom: 0;  }
.C_tmpl #contentwrap .tabwrap .tabbox { position:static;  } 
.C_tmpl #contentwrap .tabwrap .tabbox { float:none;width:auto; }
.C_tmpl #contentwrap .tabwrap .col { float: left; width: 100%; padding: 0; border-bottom: 3px solid #dedede; }
.C_tmpl #contentwrap .tabwrap .tabsbunny { background-image: url(../images/bg/bp_bunnerBG.gif); background-repeat: repeat-y; background-position: left top; float: left; height: 20px; width: 100%;  border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding-top: 10px; padding-bottom: 3px; }
.C_tmpl #contentwrap .tabwrap .tabsbunny p {font-family: 11px;  color: #003366; padding: 0 40px;}
.C_tmpl #contentwrap .col p { margin: 10px 0; }
.C_tmpl #contentwrap .sidebar p { margin: 10px 0 10px 10px; font-size: 0.76em; }
.C_tmpl #contentwrap .colwrap ul { margin: 20px; list-style-image: url(../images/bullets/green.gif); white-space: normal; }
.C_tmpl #contentwrap .colwrap ul li { line-height: 1.5em; padding-left: 8px;}
/*----------------------------------------------------------------------------*/

/*----------------- G R U N D S T R U K T U R  Vorlage D ---------------------*/
.D_tmpl #auge { height: 108px; border: solid 1px #777a7e; }
.D_tmpl #banner { height: 14px; border: 3px solid #f0f0f0; padding: 10px 20px; color: #77af4c; font-size: 10px; }

.D_tmpl #contentwrap .colwrap { float: right; margin-left: -240px; width: 774px; border: 3px solid #f0f0f0;  border-top: 0; height: 100%; }
.D_tmpl #contentwrap .colbox {  float: none; width: auto; margin: 0; }
.D_tmpl #contentwrap .col { float: right; display: inline; width: 700px; padding: 20px;  }


/*--------------------- Sitemap L I S T E --------------------------------------------*/
.D_tmpl #contentwrap .colwrap .col ul { margin: 0; list-style-image: url(../images/bullets/green.gif); font-size: 1em; }
.D_tmpl #contentwrap .colwrap .col ul ul { margin: 8px 20px; list-style-image: url(../images/bullets/green.gif); font-size: 1em; }
.D_tmpl #contentwrap .colwrap .col ul li a{ text-decoration: none; text-decoration: none;}

/*--------------------------- E L E M E N T E --------------------------------*/
#secnav ul li a { float: left; display: block; font-weight: bold; text-decoration: none; color: #97bf0d; padding: 0 0px 3px 10px;  }
#secnav ul li a:hover { color: #666;}
#contentwrap #auge { background-image: url(../images/auge/allBg.gif); background-repeat: no-repeat; background-position: left top; }
#contentwrap #auge h1 { color: #fff; font-size: 36px; font-family: "Times New Roman", Times, Georgia, serif; margin: 30px 0 0 30px; }
#contentwrap #auge .img { float: left; margin: 20px }

.C_tmpl h2, .B_tmpl h2 { font-size: 1em;  padding: 3px 20px; color: #fff; background-color: #a1c326; }
.liste { color: #2c2c2c; list-style-position: outside;  }
.B_tmpl .sidebar img { margin: 20px 0 0 0;}
.C_tmpl .sidebar img { margin: 20px 0 0 10px;}
.B_tmpl .sidebar p { color: #434343; margin-bottom: 8px; }
.B_tmpl .sidebar h4 { font-size: 0.8em; margin-bottom: 5px; }
.B_tmpl .col ul { list-style-image: url(../images/bullets/green.gif); margin-left: 20px; }
.B_tmpl .col ul li { margin: 3px 0; }
#aatc { margin-left:17px;}


/*----------------- Tabellen ---------------------*/
#contentwrap table { font-size: 11px; text-align: left; margin: 0 0 5px 0; padding: 0; border: 0; border-collapse: 0; background-color: #efefef; }
#contentwrap table a:hover { text-decoration: underline; }
#contentwrap table ul {list-style-image: url(../images/bullets/green.gif); margin: 3px 8px; }
#contentwrap table.termine ul {list-style-image :none; margin: 3px 0;}

#contentwrap table.termine, #contentwrap table.schulungen { width: 488px;  }
#contentwrap table.termine tr, #contentwrap table.schulungen tr { width: 488px; height: 25px;}
#contentwrap table.termine thead tr, #contentwrap table.schulungen thead tr { border-bottom: 5px solid #FFF; }
#contentwrap table.termine tfoot tr, #contentwrap table.schulungen tfoot tr { border-bottom: 5px solid #000; }
#contentwrap table.termine th, #contentwrap table.schulungen th { background-color: #a1c326; padding: 4px 20px; color: #FFF; font-size: 12px; font-weight: bold;}
#contentwrap table.termine tr.alt { background-color: #f9f9f9; }
#contentwrap table.termine tr.subhead { background-color: #d0df99; height:20px;}
#contentwrap table.schulungen tr.alt { background-color: #f9f9f9;}

#contentwrap table tbody td { padding: 0 10px; }
#contentwrap table.termine tr td ul { width: 350px; font-size: 1em; }
#contentwrap table.schulungen li {padding: 3px 0 }
#contentwrap table.schulungen tbody td.ctitle { width: 345px; font-size: 1em;}



/*----------------- Tabs ---------------------*/
.tabset ul.tab-menu {width: 100%; margin: 0; margin-bottom: 5px; height: 25px; border-top: 1px solid #d2d2d2; background-color: #a1c326; }
.tabset ul.tab-menu li { float: left; margin: 0; padding: 0;}
.tabset ul.tab-menu li a { text-decoration: none; display: block; margin: 0 1px 0 0; padding: 6px 12px; color: #fff; font-weight: bold;  border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; }
.tabset ul.tab-menu a:hover, .tabset ul.tab-menu li.tab-selected a { color: #000; background: #d0d0d0 url(../images/btn/weissBg.gif) repeat-x left top;}
.tabset .tabsetContent ul { list-style: inside; margin: 0 0 10px 10px; }
.tabset .tab-wrapper {margin: 20px;  }
.tabset h2 { color: #000; background-color: transparent; font-weight: bold; font-size: 0.9em;}

/*----------------------------------------------------------------------------*/

/*------------------------- K A T E G O R I E N ------------------------------*/


.hp #contentwrap #auge { background-color: #333; background-position: left top; border: solid 6px #777a7e; background-image: url(../images/bg/hpspezialBg.gif); background-repeat: repeat-x; }
.hp #banner p { font-size: 1.1em; padding-top: 5px;}
.hp #contentwrap .col2wrap .col_first { background-image: url(../images/hp/deKarte.jpg); background-repeat: no-repeat; background-position: 1px 0;  height: 148px;}
.hp #contentwrap .col2wrap .col_first p { font-size: 1.1em; font-weight: bold; font-line-height: 2em;  margin-top:50px; margin-left:80px; text-align: center;  }
.hp .sidebar img { margin-top: 2px;;}

/*----------------- Photoshop ---------------------*/
.ps #contentwrap #auge { background-color: #20457c; background-image: url(../images/auge/psBg.gif)}
.ps #contentwrap table.schulungen th { background-color: #20457c;}
.ps .tabset ul.tab-menu, .ps .kurstitel  {  background-color: #20457c; }
.ps #contentwrap .colwrap ul { list-style-image: url(../images/bullets/blau.gif);  }

/*----------------- InDesign ---------------------*/
.id #contentwrap #auge { background-color: #942863; background-image: url(../images/auge/idBg.gif) }
.id #contentwrap table.schulungen th { background-color: #942863;}
.id .tabset ul.tab-menu, .id .kurstitel   {  background-color: #942863; }
.id #contentwrap .colwrap ul { list-style-image: url(../images/bullets/lila.gif); }

/*------------------Illustrator-------------------*/
.ai #contentwrap #auge { background-color: #f29400; background-image: url(../images/auge/aiBg.gif);}
.ai #contentwrap table.schulungen th { background-color: #f29400;}
.ai .tabset ul.tab-menu, .ai .kurstitel { background-color: #f29400; }
.ai #contentwrap .colwrap ul {  list-style-image: url(../images/bullets/orange.gif);  }

/*------------------acrobat/flash-------------------*/
.ac #contentwrap #auge, .fl #contentwrap #auge { background-color: #990000; background-image: url(../images/auge/flBg.gif);}
.ac #contentwrap table.schulungen th, .fl #contentwrap table.schulungen th { background-color: #990000;}
.ac .tabset ul.tab-menu, .ac .kurstitel, .fl .tabset ul.tab-menu, .fl .kurstitel { background-color: #990000; }
.ac #contentwrap .colwrap ul, .fl #contentwrap .colwrap ul  {list-style-image: url(../images/bullets/rot.gif);  }

/*------------------dreamweawer---------------------*/
.dw #contentwrap #auge{ background-color: #738926; background-image: url(../images/auge/dwBg.gif);}
.dw #contentwrap table.schulungen th{ background-color: #738926;}
.dw .tabset ul.tab-menu, .dw .kurstitel{ background-color: #738926; }
.dw #contentwrap .colwrap ul  {list-style-image: url(../images/bullets/green.gif);  }

/*------------------golive---------------------*/
.gl #contentwrap #auge{ background-color: #6864a4; background-image: url(../images/auge/glBg.gif);}
.gl #contentwrap table.schulungen th{ background-color: #6864a4;}
.gl .tabset ul.tab-menu, .gl .kurstitel{ background-color: #6864a4; }
.gl #contentwrap .colwrap ul  {list-style-image: url(../images/bullets/lila.gif);  }

/*------------------typo3---------------------*/
.t3 #contentwrap #auge{ background-color: #ff9f33; background-image: url(../images/auge/t3Bg.gif);}
.t3 #contentwrap table.schulungen th{ background-color: #ff9f33;}
.t3 .tabset ul.tab-menu, .t3 .kurstitel{ background-color: #ff9f33; }
.t3 #contentwrap .colwrap ul  {  list-style-image: url(../images/bullets/orange.gif);   }

/*------------------typo3---------------------*/
.fx #contentwrap #auge{ background-color: #3C3C3C; background-image: url(../images/auge/fxBg.gif);}
.fx #contentwrap table.schulungen th{ background-color: #3C3C3C;}
.fx .tabset ul.tab-menu, .fx .kurstitel{ background-color: #3C3C3C; }
.fx #contentwrap .colwrap ul  {  list-style-image: url(../images/bullets/schwarz.gif);   }

/*------------------cs3 standard -------------------*/
.cs #contentwrap #auge { background-color: #e86c64; background-image: url(../images/auge/cs3Bg.gif);}
.cs #contentwrap table.schulungen th { background-color: #e86c64;}
.cs .tabset ul.tab-menu, .cs .kurstitel { background-color: #e86c64; }
.cs #contentwrap .colwrap ul  {list-style-image: url(../images/bullets/cs.gif);  }

/*----------------------------------------------------------------------------*/

/*------------------------ specifische elemente für HP ------------------------*/

.garantie { margin: 2px 0 0 3px;}
.hp h2 { font-size: 11px; color: #97bf0d; font-weight: bold; padding: 10px 0 0 15px; }

/*--------------------- L I S T E --------------------------------------------*/
.hp .liste { margin: 10px 0 0 15px; border-right: 1px dotted #5A5A5A; height: 85px;}
.hp .liste.ende { border: 0;}
.hp .liste li { padding-bottom: 3px; }
.hp .liste li a { color: #5A5A5A; text-decoration: none; }
.hp .liste li a:hover { color: #97bf0d; text-decoration: underline; background-color: #fff;}

.preis {color: #666; padding-bottom:10px;}

#clear { clear: both}
.button a { font-weight: bold; font-size: 1em; color: #fff; text-decoration: none; padding: 6px 42px; width: 180px; height: 25px; background-image: url(../images/btn/anmeldung.gif); background-repeat: no-repeat; }
.button a:hover { background-image: url(../images/btn/anmeldung_hover.gif)  ; background-repeat: no-repeat; }
.stichworte { font-size: 0.8em; color: #666; padding-top: 7px;}


/*-----------------------F O R M U L A R-----------------------------------------------------*/
form.tx_idstraining_registerparticipant { margin: 20px;}
form.tx_idstraining_registerparticipant ol { margin: 10px 0; padding: 0; list-style: none;}
form.tx_idstraining_registerparticipant fieldset { width:450px;  margin:10px 0; padding:0 20px;text-align:left; border: 1px solid #d2d2d2; }
form.tx_idstraining_registerparticipant fieldset ol li { height: auto;  display: block;  }

form.tx_idstraining_registerparticipant fieldset.courseselection li { float: none; clear: left; margin-bottom: 10px;}
form.tx_idstraining_registerparticipant fieldset.courseselection input  { width:25px;  float: left; border: none; }
form.tx_idstraining_registerparticipant fieldset.courseselection label {  width: 400px; font-size: 0.8em;} 

form.tx_idstraining_registerparticipant fieldset.personaldata li { float: none; clear: left; margin-bottom: 13px;}
form.tx_idstraining_registerparticipant fieldset.personaldata legend {color:#a1c326; font-weight:bold; padding:5px; margin:5px; background:none;}
form.tx_idstraining_registerparticipant fieldset.personaldata input { border:1px solid #666; width:250px; }
form.tx_idstraining_registerparticipant fieldset.personaldata label { color:#666; font-size: 0.9em; margin-right:10px; padding:2px; background:#fff; float:left; width: 70px; }

form.tx_idstraining_registerparticipant fieldset.scheck {  width: 400px; font-size: 0.9em; padding: 8px 20px; border: none; color:#666;} 

form.tx_idstraining_registerparticipant fieldset.submit { border: none;}
form.tx_idstraining_registerparticipant .submit input { width:253px;  color:#fff; cursor:pointer; padding:4px; margin:5px 0 0 80px; background-image: url(../images/btn/grauBg.gif); background-repeat: repeat-x left top;}
form.tx_idstraining_registerparticipant .submit input:hover { background-image: url(../images/btn/gruenBg.gif); background-repeat: repeat-x left top;}

/*-----------------------K O N T A K T F O R M U L A R-----------------------------------------------------*/
#kontakt form { margin: 20px; }
#kontakt form h2 {color:#a9c84d; font-weight:bold; margin:5px; }
#kontakt form ol { margin: 10px 0; padding: 0; list-style: none;}
#kontakt form fieldset { width:450px; padding:0 20px; text-align:left; border: 1px solid #d2d2d2; }
#kontakt form ol li {height: auto;  display: block; padding-bottom: 8px; }

#kontakt form fieldset legend {color:#a9c84d; font-weight:bold; padding:5px; margin:5px; background:none;}
#kontakt form fieldset label { color:#666; font-size: 0.9em; width: 100px; float: left; margin-right: 10px; }
#kontakt form fieldset input { border:1px solid #666;  width:265px;  }
#kontakt form fieldset#daten input.medium { width:200px; margin-right: 2px; }
#kontakt form fieldset#daten input.short { width:60px; margin-right: 2px;}
#kontakt form fieldset#mitteilung textarea { width:265px; height: 100px;}

#kontakt form fieldset#mitteilung input.submitbtn { width:253px;  color:#fff; cursor:pointer; padding:4px; margin:5px 0 0 110px; background-image: url(../images/btn/grauBg.gif); background-repeat: repeat-x left top;}
#kontakt form fieldset#mitteilung input.submitbtn:hover { background-image: url(../images/btn/gruenBg.gif); background-repeat: repeat-x left top;}

/*-------------------------K A L E N D E R ------------------------------------------------------------------*/
#contentwrap .sidebar table.clmonth { border-collapse: collapse; margin-bottom: 20px; color: #666; font-weight: bold;}
#contentwrap .sidebar table.clmonth caption { text-align: left;  padding-bottom:5px; color:#99bc2a; font-weight: bold;}
#contentwrap .sidebar table.clmonth tr { background-color: #ededed; }
#contentwrap .sidebar table.clmonth th { border: 2px solid #fff; border-bottom: none; padding: 2px 6px; background-color: #99bc2a; color: #fff; font-size: 80%; font-weight: bold;}
#contentwrap .sidebar table.clmonth td { border: 2px solid #fff; font-size: 80%; padding: 2px 4px; vertical-align: top;  }
#contentwrap .sidebar table.clmonth td.previous, .clmonth td.next { background-color: #ededed; color: #999; font-weight: normal;}
#contentwrap .sidebar table.clmonth td.activ { background-color: #d8ecf3; color:#1c9fcc; }
#contentwrap .sidebar table.clmonth td.activ:hover { background-color: #99bc2a; color:#fff;  }


/*----------------------------No JavaScript Navigation -----------------------------------------------*/
#menu {
width: 780px;
background: #898e91;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 156px;
float: left;
}

#menu li a{
font: 12px arial, helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
display: block;
border-left: 1px solid #ffffff;







margin: 0;
padding:4px 0 4px 10px;
text-decoration: none;
}

#menu li a:hover{
background-color: #9abf25;
color: #FFFFFF;

}

#menu ul ul a {
color: #707070;
background: #f0f0f0;
text-decoration: none;
font-weight: normal;
text-decoration: none;
}

#menu ul ul a:hover {
color: #707070;
background: #dedede;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}