/*

Schriftfarben:
dunkles Orange: #F8B333
dunkles Grau fuer den Fliesstext: #666666

*/



/* XHTML Elemente */

body
{
	color: #666;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin: 0;
	padding: 0;

	}

a /* Klasse fuer Ueberschriften, die verlinkt sind */
{
	color: #F8B333;
	text-decoration: underline;
}

a:hover
{
	color: #666;
	text-decoration: none;
}

h1
{
	color: #666;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
}

h2
	{
	color: #F8B333;
	font-size: 12px;
	line-height: 19px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}


h3, h4, h5, h6
{
	color: #F8B333;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

.fieldSet
{
	border: none;
	margin: 0;
	padding-left: 15px;
}

label
{
	color: #666;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 0;
	padding-left: 0;
}

select
{
	border: 1px solid #CCC;
	color: #666;
	font-size: 10px;
	height: 17px;
}




#kontaktLayerShadow
{
	background: #d0d0d0;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 1;
	border: 1px solid #d0d0d0;
        opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);

}


#kontaktLayer
{

	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_gradient.jpg) repeat-x top;
	background-color: #FFFFFF;
	border: 1px;
	clear: both;
	float: left;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	width: 450px; /* eigentliche breite von 501 px - padding-left */
	height: 637px;
	position: absolute;
	left: 100px;
	top: 120px;
	display: none;
	z-index: 3;

}

#kontaktLayer .kursNameKontakt
{
	float: left;
	color: #666;
	padding-left: 15px;
}

#kontaktLayer .fieldSetAdress
{
	border: none;
	margin: 0;
	padding-left: 15px;
	width: 420px;
}

#kontaktLayer .fieldSetAdress label
{
	color: #666;
	display: block;
	float: left;
	font-weight: normal;
	height: 21px;
	line-height: 21px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 115px;
}

#kontaktLayer .fieldSetAdress select
{

	border: 1px solid #CCC;
	color: #666;
	float: left;
	font-size: 10px;
	height: 17px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 300px;
}

#kontaktLayer .fieldSetAdress input
{

	border: 1px solid #CCC;
	color: #666;
	float: left;
	font-size: 10px;
	height: 17px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 300px;
}


#kontaktLayer .behindFieldSet
{
	border: none;
	margin: 0;
	padding-left: 15px;
	width: 420px;
}

#kontaktLayer .behindFieldSet label
{
	color: #666;
	display: block;
	float: left;
	font-weight: normal;
	height: 21px;
	line-height: 21px;

	width: 115px;
}

#kontaktLayer .behindFieldSet input
{

	color: #666;
	font-size: 10px;
	height: 17px;
	margin-top: 5px;
	border: 1px solid #CCC;

}


#kontaktLayer .fieldSetAdress textarea
{

	border: 1px solid #CCC;
	color: #666;
	float: left;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 10px;
	height: 17px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 300px;
	height: 60px;
}

#kontaktLayer .street
{

	width: 260px !important;
	margin-right: 5px !important;
}

#kontaktLayer .number
{

	width: 30px !important;
}

#kontaktLayer .plz
{

	width: 60px !important;
	margin-right: 5px !important;
}

#kontaktLayer .ort
{

	width: 230px !important;
}
#kontaktLayer .safeLookup
{
	width: 150px;
	float: left;
}

/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
/* vvvvvvvvvvvvvvvvvvvvvv Masterelemente vvvvvvvvvvvvvvvvvvvvvv */
/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */

#corporateHead
{
/*	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_corporate_head.jpg) repeat-x top;*/
	background-color:#e1e1e1;
	float: none;
	height: 15px;
	width: 976px;
}

#logo
{
	display:none;
	float: left;
	height: 66px;
	margin-top: 3px;
	width: 200px;
}

#search
{
	height: 30px;
	width: 200px;
}

#search #query {
	width:146px;
	border:1px solid #DDDDDD;
	margin-left:10px;
	float:left;
	margin-right:5px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 10px;
	height:13px;
	padding-top:3px;
}

.search_nav {
	width:25px;
	height:20px;
	border:1px solid #F8B333;
	color:#F8B333;
	background-color:#FFFFFF;
	margin-top:5px;
}
#query_submit {

}

#search img /* damit der Button im IE 6.0 auch rechts angezeigt wird */
{
	display: block;
	float: left;
}

.searchField /* Formularfeld fuer die Suchfunktionen */
{
	border: 1px solid #CCC;
	color: #666;
	display: block;
	float: left;
	font-size: 10px;
	height: 17px;
	margin-right: 5px;
	margin-top: 0;
	padding: 0;
	width: 184px;
}

#header /* innerhalb des headers befinden sich die austauschbaren imagebilder und die herstellernavigation */
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_header.jpg) repeat-x;
	float: none;
	height: 170px;
	margin-bottom: 12px;
	width: 976px;
}

#headerImage
{
	float: left;
	height: 150px;
	padding-left: 10px;
	padding-top: 10px;
	width: 716px;
}

/* Navigation oben rechts im header */

#header ul /* die herstellernavigation */
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/headernavi_bg.jpg);
	background-repeat:no-repeat;
	float: left;
	list-style: none;
	overflow: hidden;
	padding: 0px;
	width: 235px;
	height:150px;
	margin:0px;
	margin-top:10px;
}

#header li
{
/*	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.gif) repeat-x bottom ;*/
	display: inline;
	float: left;
	margin-left: 15px;
	width: 204px;

}

#header a /* damit der textlink die gesamte breite und hoehe als listenpunkt ausfuellt */
{
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/arrow_left.gif) left no-repeat;
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	padding-left: 15px;
	text-decoration: none;
	width: 100%;
}

#header a:hover /* damit der textlink die gesamte breite und hoehe als listenpunkt ausfuellt */
{
	color: #FFF;
}

.bottomItem /* damit der unterste menupunkt keine gestrichelte linie hat */
{
	background: none !important;
}


.activeItem /* aktiver menupunkt im headermenu */
{
	margin-left: 0 !important;
	padding-left: 15px !important;
}

* html .activeItem
{
	padding-left: 30px !important;
}


.microsoft
{
	/* background: url(/system/modules/de.acocon.opencms/resources/header/microsoft_lo.jpg) repeat-x; */
	background-color: #173955 !important;
	margin-left: 0px !important;
	padding-left: 15px !important;
}

.citrix
{
	background-color: #591417 !important;
	margin-left: 0px !important;
	padding-left: 15px !important;
}


.lotus
{
	background-color: #d7b23f !important;
	margin-left: 0px !important;
	padding-left: 15px !important;
}

.itil
{
	background: url(/system/modules/de.acocon.opencms/resources/header/bg_itil.jpg) repeat-x !important;
	margin-left: 0px !important;
	padding-left: 15px !important;
}

.microsoft a, .citrix a, .lotus a, .itil a
{
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/arrow_left_white.gif) left no-repeat !important;
	color: #FFF !important;
}



/* Contentbereich */

#portalContent
{
	float: none;
	width: 976px;
}

#portalColumnLeft
{
	float: left;
	width: 200px;
}

#portalColumnMain
{
	float: left;
	width: 514px;
}

#portalColumnRight
{
	float: left;
	margin-left: 12px;
	width: 250px;
}

/* Vertikales Menu */

.navigationTree
{
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.navigationTree a
{
    color: #626262;
    display: block;
    text-decoration: none;
}

.navigationTree a:hover
{
    color: #EFAD31;
}

.navTreeLevel0 .navTreeItem
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
}

.navTreeLevel0 a
{
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_level0.jpg) 12px 9px no-repeat;
	line-height: 26px;
	padding-left: 25px;
}

.navTreeLevel1 a
{
	background: none;
	height: auto;
	line-height: 20px;
	padding-bottom: 3px;
	padding-left: 40px;
}

.navTreeCurrentItem /* aktiver menupunkt auf oberster ebene --> navTreeLevel0 */
{
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_level0_hi.jpg) 10px 12px no-repeat !important;
	color: #EFAD31 !important;
	font-weight: bold;
}

.selected /* aktiver menupunkt des submenus --> navTreeLevel1 */
{
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_level1_hi.jpg) 30px 6px no-repeat !important;
	color: #EFAD31 !important;
}

.navTreeLevel1 .navTreeItem /* damit die listenpunkte des submenu keine gestrichelte linie anzeigen --> navTreeLevel1 */
{
	background: none;
}

.navTreeItem
{
	display: block;
	float: left;
	width: 180px;
}

/* Footer */

#portalFooter
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_footer.jpg) repeat-x;
	clear: both;
	display: block;
	float: left;
	height: 25px;
	margin-top: 12px;
	width: 976px;
}

.copyRight
{
	border-right: 1px solid #FFF;
	float: left;
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	width: 180px;
}

/* Textlinks */
.textLink
{
	color:#F8B333;
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/bg_text_link.gif) right no-repeat ;
	padding-right: 8px;
	text-decoration: underline;
}

.textLink:hover
{
	color: #666;
	text-decoration: none;
}

.backLink
{
	color: #F8B333;
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/bg_back_link.gif) left no-repeat ;
	padding-left: 8px;
	text-decoration: underline;
}

.backLink:hover
{
	color: #666;
	text-decoration: none;
}

.textLink2
{
	color: #F8B333;
	text-decoration: underline;
}

.textLink2:hover
{
	color: #666;
	text-decoration: none;
}



/* Boxen auf der rechten Seite */

.infoBox
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_gradient.jpg) repeat-x top;
	float: left;
	margin-bottom: 12px;
	overflow: hidden;
	width: 250px;
}

.infoBox h2
{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	margin: 0;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;	
}

.cleanerDotted /* fungiert als gestrichelte Linie */
{
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x;
	clear: both;
	display: block;
	float: left;
	height:  1px;
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
}

.infoBox img /* damit der Button im IE 6.0 auch rechts angezeigt wird */
{
	display: block;
	float: left;
	margin-left:15px;
	margin-top:5px;
	/*padding: 15px;*/
}

.infoBox .targetGroup img {
	padding:0px;
}

.infoBox td img {
	padding:0px;
}


.headLink /* Klasse fuer Ueberschriften, die verlinkt sind */
{
	color: #F8B333;
	text-decoration: underline;
	font-size:12px;
	display:block;
	margin-bottom:10px;
}

.headTitle /* Klasse fuer Ueberschriften, die verlinkt sind */
{
	color: #F8B333;
	font-weight: bold;
	text-decoration: underline;
}
.headLink:hover
{
	color: #666;
	text-decoration: none;
}

.infoBox p
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 15px;
}

/* Newsbox auf der rechten Seite */

.events
{
	list-style: none;
	margin: 0;
    padding: 0;
}

.events li
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	width: 230px;
}

.rssContainer
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/btn_rss.jpg) no-repeat;
	float: left;
	margin-right: 15px;
	padding-left: 20px;
}

.cleaner
{
	float: none;
	clear: both;
	width: 100%;
	height: 1px;
	overflow: hidden;
}

/* Reiternavigation */

#reiterNavigation /* Container, der beide Navis umfasst */
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_gradient_menu.jpg) repeat-x top;
	float: none;
	height: 65px; /* fuer den IE 6 */
	margin: 0;
	min-height: 65px; /* fuer moderne Browser */
	padding: 0;
	width: 514px;
}

#reiterNavigation a
{
	color: #666;
	display: block;
	text-decoration: none;
}

#horizontalNavigation /* Level 0 - Erste Hierarchiestufe */
{
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 514px;
	overflow: hidden;
}

#horizontalNavigation li
{
	display: inline;
}

#horizontalNavigation a
{
	background-color: #EEE;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	float: left;
	height: 25px;
	line-height: 25px;
	padding-left: 15px;
	padding-right: 15px;
}

#horizontalNavigation a:hover
{
	color: #F8B333;
}

.active
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_gradient.jpg) repeat-x top;
	border-bottom: 1px solid #EEE !important;
	border-top: 1px solid #EAEAEA !important;
}

#horizontalNavLevel1 /* Level 1 - Zweite Hierarchiestufe */
{
	float: left;
	margin: 0;
	margin-top: 8px;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: inline;
	width: 514px;
}

#horizontalNavLevel1 li
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/trenner.gif) no-repeat right 3px;
	display: inline;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}

#horizontalNavLevel1 li a {
	margin-left: 2px;
	margin-right: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	float: left;
}

.activeSubmenu
{
	color: #F8B333 !important;
	background-color: #FFF;
}

/* Nur damit es im IE passt */

* html #horizontalNavLevel1 li a
{
	padding-top: 0 !important;
}

#horizontalNavLevel1 a:link, a:visited
{

}

#horizontalNavLevel1 a:hover
{
	background-color: #FFF;
	color: #F8B333;
	text-decoration: none;
}

/* Contentbereich */
.contentElement
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
	clear: both;
	float: left;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-top: 6px;
	width: 499px; /* eigentliche breite von 501 px - padding-left */
}

.contentElement p
{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-right: 10px;
	text-align:justify !important;
}

.contentElement .mehr
{
	margin-right: 5px !important;
}

.contentElementKurse
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
	clear: both;
	float: left;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 5px;
	width: 499px; /* eigentliche breite von 501 px - padding-left */
}

.contentElementKurse p
{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-right: 10px;
}

.contentElementKurse .mehr
{
	margin-right: 5px !important;
}

.date
{
	margin-bottom: 0 !important;
}

.contentElementImg /* fuer Bilder mit Bild groesser Funktion */
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: right;
}

.contentElementImg img
{
	clear: both;
	display: block;
	float: none;
	margin-bottom: 5px;
}

.contentElementImage /* fuer Bilder ohne Bild groesser Funktion */
{
	float: left;
	margin-right: 15px;
	text-align: right;
}

.contentElementText
{
	float: right;
}

.mehr
{
	display: block;
	float: right;
	margin-right: 15px;
	text-align: right;
	width: 50%;
}

#portalColumnRight .mehr {
	display:block;
	float:left;
	margin-left:15px;
	width:auto;
}

.contentElement .mehr {
	margin:0px;
	text-align:left;
	width:auto;
	display:block !important;
}

.even /* bei alternating styles gibt es zwei unterschiedliche styles bzgl. der hintergrundfarbe f�r odd und even */
{
	background-color: #F6F6F6;
}


/* Navigation im Footer */

#footerNav
{
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: inline;
}

#footerNav li
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/trenner.gif) no-repeat left 5px;
	display: inline;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}
#footerNav li a
{
	color: #666;
	line-height: 25px;
	margin-left: 5px;
	margin-right: 8px;
	padding-left: 5px;
	padding-right: 2px;
	text-decoration: none;
}

#footerNav li a:hover
{
	color: #FFF;
	text-decoration: none;
}

/* Styles fuer die Trainingssuche */

.targetGroup
{
	clear:both;
	height: 20px;
	line-height: 20px;
	margin-top: 3px;
}
.targetGroupColumn
{
	display: block;
	float: left;
	margin-right: 5px;
}
/* Styles fuer die Chatbox */
.chatbox a
{
	display: block;
	padding-top: 5px;
}

.chatLegend
{
	padding-bottom: 10px !important;
}

/* Tabelle fuer die Kursuebersichten */
.masterTable
{
	/* background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x top; */
	border: none;
	border-collapse: collapse;
	float: left;
	overflow: hidden;
	table-layout: fixed;
	text-align: left;
	vertical-align: text-top;
	width:  514px;
}

.masterTable th
{
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.masterTable td
{
	padding: 5px;
	vertical-align: top;
}

.masterTable tr
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
}

.tdRight
{
	border-right: none !important;
}

.kursTitel
{
	width: 65%;
}

.even td
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom #F6F6F6;
}

.sort
{
	margin-left:  10px;
}

.sort img
{
	padding-right:  1px;
}

.masterTable .mehr
{
	margin-right: 0 !important;
}

/* Container: Kurs in den Warenkorb legen */
.intoCart
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_gradient.jpg) repeat-x top;
	float: left;
	font-weight: bold;
	height: 34px;
	margin: 0;
	padding-left: 15px;
	padding-top: 10px;
	width: 486px;
}

.intoCart select
{
	margin-left: 5px;
	margin-right: 5px;
}

.intoCart input
{
	color: #666;
	font-size: 10px;
	margin-left: 5px;
}

/* Warenkorb */

.kursTitelCart /* Breite der Zellen fuer den Titel und die Kommentarfkt */
{
	width: 270px;
}

.kursMengeCart/* Breite der Zellen fuer den Titel und die Kommentarfkt */
{
	width: 83px;
}

.kursPreisCart/* Breite der Zellen fuer den Titel und die Kommentarfkt */
{
	width: 83px;
}

.kursEditCart /* Breite der Zellen fuer die Editierfunktionen */
{
	width: 25px;
}

.editBtns
{
	margin-bottom: 5px;
}

.commentField /* Formularfeld fuer die Kommentare */
{
	border: 1px solid #CCC;
	color: #666;
	display: block;
	float: none;
	font-size: 10px;
	height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
	width: 260px;
}

.orderLink
{
	color: #666;
	background: transparent url(/system/modules/de.acocon.opencms/resources/layout/btn_arrow_right.jpg) right no-repeat ;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-top: 5px;
	text-decoration: underline;
}

.orderLink:hover
{
	color: #F8B333;
	text-decoration: none;
}


/* Reiternavigation fuer den Warenkorb*/

#cartNavigation /* Container, der beide Navis umfasst */
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_gradient_menu.jpg) repeat-x top;
	float: none;
	height: 90px; /* fuer den IE 6 */
	margin: 0;
	min-height: 90px; /* fuer moderne Browser */
	padding: 0;
	width: 514px;
}

#cartNavigation a
{
	color: #666;
	display: block;
	text-decoration: none;
}

#horizontalCartNavigation /* Level 0 - Erste Hierarchiestufe */
{
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 514px;
	overflow: hidden;
}

#horizontalCartNavigation li
{
	display: inline;
}

#horizontalCartNavigation a
{
	background-color: #EEE;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	float: left;
	height: 25px;
	line-height: 25px;
	padding-left: 15px;
	padding-right: 15px;
}

#horizontalCartNavigation a:hover
{
	color: #F8B333;
}


#horizontalCartNavLevel1 /* Level 1 - Zweite Hierarchiestufe */
{
	float: left;
	margin: 0;
	margin-top: 8px;
	padding: 0;
	overflow: hidden;
	list-style: none;
	display: inline;
	width: 514px;
}

#horizontalCartNavLevel1 li
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/arrow_right.gif) no-repeat right 6px;
	display: inline;
	float: left;
	padding-right: 8px;
	padding-left: 3px;
}

#horizontalCartNavLevel1 li a {
	margin-left: 2px;
	margin-right: 4px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	float: left;
}

.activeSubmenu
{
	color: #F8B333 !important;
	background-color: #FFF;
}

/* Nur damit es im IE passt */

* html #horizontalCartNavLevel1 li a
{
	padding-top: 0 !important;
}

#horizontalCartNavLevel1 a:link, a:visited
{

}

#horizontalCartNavLevel1 a:hover
{
	background-color: #FFF;
	color: #F8B333;
	text-decoration: none;
}

/* Warenkorbpreview auf der linken Seite */

.cartPreview
{
	margin-top: 30px;
}

.cartPreview strong
{
	line-height: 20px;
	margin-left: 25px;
}

.cartItems
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x top;
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
    padding: 0;
    padding-left: 10px;
    width: 180px;
}

.cartItems li
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 170px;
}

.cartItems a
{
	display: block;
	padding-left: 15px;
}

.gotoCart
{
	display: block;
	float: left;
	margin-top: 5px;
	text-align: right;
	width: 170px;
}

/* Tabelle der Veranstaltungsseite */

.colEvent
{
	width: 80%;
}

/* Container oberhalb vom Content fuer Btns wie Print, PDF, etc. */
.contentOptions
{
	float: left;
	width: 100%;
}

.contentOptionsText
{
	float: left;
	height: 15px;
	line-height: 15px;
}

.contentOptionsBtns
{
	float: left;
	width: 50%;
}

.contentOptions img
{
	margin-left: 5px;
}

.contentOptionsBack
{
	float: left;
	height: 15px;
	line-height: 15px;
	text-align: right;
	width: 50%;
}

.contentOptionsBack .backLink
{
	margin-right: 10px;
}

/* Headline mit grauen Veraluf im Hintergrund.  kommt zum einsatz, wenn es keine reiternavigation gibt */
.headLine
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_gradient.jpg) repeat-x top;
	float: left;
	height: 65px;
	overflow: hidden;
	width: 514px;
}

.headLine h2
{
	color: #666;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	padding-top: 10px;
	padding-left: 15px;
}
.headLine h3
{
	color: #666;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	margin: 0;
	padding-top: 10px;
	padding-left: 15px;
}
/* Tabelle auf der Kaktegorieuebersichstsseite */
.tdDesc
{
	width: 70%;
}

/* allgemein */
.left
{
	float: left;
}

.right
{
	float: right;
}

.right .backLink
{
	margin-right: 10px;
}

/* Adresseingabe beim Warenkorb */
.fieldSetAdress
{
	border: none;
	margin: 0;
	padding-left: 15px;
	width: 450px;
}

.fieldSetAdress label, .fieldSetAdress span
{
	color: #666;
	display: inline;
	font-weight: normal;
	height: 21px;
	line-height: 21px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;

}

.fieldSetAdress label{
	width: 150px;
	float: left;
	display: block !important;
}
.fieldSetAdress select
{
	border: 1px solid #CCC;
	color: #666;
	font-size: 10px;
	height: 21px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 250px;
}

.fieldSetAdress input
{
	border: 1px solid #CCC;
	color: #666;
	font-size: 10px;
	height: 17px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 250px;
}

.fieldSetAdress input[type="checkbox"] {
	width: 45px;
}

.fieldSetAdress label.error{
	padding-left: 150px;
	width: 100%;
	color: #CD5C5C;
}

.fieldSetAdress textarea
{
	border: 1px solid #CCC;
	color: #666;
	font-size: 10px;
	height: 17px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 250px;
	height: 60px;
}

.street
{
	width: 210px !important;
	margin-right: 5px !important;
}

.number
{
	width: 30px !important;
}

.plz
{
	width: 60px !important;
	margin-right: 5px !important;
}

.ort
{
	width: 179px !important;
}


.btnElement
{
	background: url(/system/modules/de.acocon.opencms/resources/layout/bg_nav_tree_item.jpg) repeat-x bottom;
	clear: both;
	float: left;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 5px;
	width: 499px; /* eigentliche breite von 501 px - padding-left */
}


.contactField /* Nachrichtenfeld auf der Kontaktseite */
{
	border: 1px solid #CCC;
	color: #666;
	display: block;
	float: left;
	font-size: 10px;
	height: 90px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
	width: 200px;
}

/* Datepicker */
.dpDiv {

}
.dpTable {
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #aaaaaa 1px solid;
	/*COLOR: #505050; */
	BORDER-BOTTOM: #aaaaaa 1px solid;
	color: #666;
	BACKGROUND-COLOR: #F5F5F5;
	TEXT-ALIGN: center;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.dpTR {

}
.dpTitleTR {

}
.dpDayTR {

}
.dpTodayButtonTR {

}
.dpTD {
	CURSOR: pointer
}
.dpDayHighlightTD {
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	CURSOR: pointer;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BACKGROUND-COLOR: #cccccc;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.dpTitleTD {

}
.dpButtonTD {

}
.dpTodayButtonTD {

}
.dpDayTD {
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	COLOR: white;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BACKGROUND-COLOR: #cccccc
}
.dpTitleText {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666
}
.dpDayHighlight {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
.dpButton {
	font-color: #000000;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 10px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	BACKGROUND: #cccccc;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;

}
.dpTodayButton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BACKGROUND: #cccccc;
	color: #666;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 5%;
    left: 33%;

    margin-left: -300px;
    width: 500px;

    background-color: #FFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }


.contentElementImg img, #portalColumnRight img {
	border:1px solid #CCCCCC;
}


/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
/********************* Sitemap *****************************/
li.acocon_3{
    margin-left: 5px;
}
li.acocon_4{
    margin-left: 15px;
}
li.acocon_5 {
    margin-left: 25px;
}
li.acocon_6 {
    margin-left: 35px;
}
li.acocon_8 {
    margin-left: 45px;
}
li.last {
    padding-bottom: 10px;
}