/*	reset
------------------------------------------------------------------------------*/
																					
html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select, input[type=text], button, textarea,
table, caption, tbody, tfoot, thead, tr, th, td, button
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		font-weight: inherit;
		vertical-align: baseline;
		text-decoration: none;
		line-height:inherit;
	}

:focus
	{
		outline: 0;
	}

html
	{
    height: 100%
	}

body
	{
		height: 100%;
		font-size: 0.625em;
		color: #000;
		background: #fff;
	}

ol, ul
	{
		list-style: none;
	}

/* tables still need 'cellspacing="0"' in the markup */
table
	{
		border-collapse: separate;
		border-spacing: 0;
	}

caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}

textarea
	{
		font-family: inherit;
		font-size: inherit;
	}

blockquote:before, blockquote:after,
q:before, q:after
	{
		content: "";
	}

blockquote, q
	{
		quotes: "" "";
	}






/*	Schrift
------------------------------------------------------------------------------*/

body {
		font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
		color: #333;
		font-size:12px;
		line-height:18px;
		
}


	
/*	Links
------------------------------------------------------------------------------*/

a
{
	color: #0cf;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
	cursor:pointer;
}




/*	Headlines
------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
}

h4, h5, h6
{
margin-top:18px;
}



/*	Absatzarten
------------------------------------------------------------------------------*/

p 
{
/*	padding:0 0 1.5em 0;*/
}

p.caption
{
	margin-top:0;
	padding: 4px;
	background:#eee;
}

pre
{
	padding: 1.5em 0;
	font-family: "Courier New", Courier, mono;
	white-space: normal;
}



/*	Listen
------------------------------------------------------------------------------*/

ul, ol
{
	padding:18px;
}

li ul, li ol
{
padding:0;
}


ul li {
padding-left:18px;
background-repeat:no-repeat;
background-position:0 4px;
background-image:url(images/li.png);
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-type: decimal;
}

dl
{
	padding: 18px;
}

dt
{
	font-weight:bold;
}

dd
{

}



/*	Tabellen
------------------------------------------------------------------------------*/

table
	{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:separate;
	width:100%;
	}

table td,
table th
	{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
	text-align:left;
	vertical-align:top;
	}

	
	
/*	misc
------------------------------------------------------------------------------*/

small { font-size: smaller; }
strong {	font-weight: bold;}








/*	Helper
------------------------------------------------------------------------------*/

.error
	{
		color: #f00;
		font-weight: bold;
	}

div.error-box
   {
      margin: 0 0 10px 0;
      padding: 5px 10px;
      border: #FC6 1px solid;
      background-color: #FFC;
   }

div.error-box p em
   {
      color: #C00;
      font-style: normal;
      font-weight: bold;
   }

.notice
	{
		font-style: italic;
	}


.dimmed {
    color: #777;
}

.separator {
    color: #999;
}

.clear {clear:both;height:0;overflow:hidden;}

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}











/* icons
----------------------------------------------------------------------------- */

.icon
{
background-repeat:no-repeat;
background-position:50% 50%;
text-decoration:none;
width:16px;
height:16px;
display:inline-block;
vertical-align:middle;
}

.icon span {display:none;}

.icon_delete 				{background-image: url(icons/icon_delete.png);}
.icon_edit 					{background-image: url(icons/icon_edit.png);}
.icon_arrowLeft 			{background-image: url(icons/icon_arrowLeft.png);}
.icon_arrowLeftEnd 		{background-image: url(icons/icon_arrowLeftEnd.png);}
.icon_arrowRight 			{background-image: url(icons/icon_arrowRight.png);}
.icon_arrowRightEnd 		{background-image: url(icons/icon_arrowRightEnd.png);}
.icon_arrowLeft 			{background-image: url(icons/icon_arrowLeft.png);}
.icon_print					{background-image: url(icons/icon_print.png);}
.icon_help		 			{background-image: url(icons/icon_help.png);}
.icon_ok			 			{background-image: url(icons/icon_ok.png);}



.navIconsTest ul, .navIconsTest li
{
margin:0;
padding:0;
list-style:none;
}

.navIconsTest li
{
display:inline-block;
margin-left:3px;
/* zoom:1; */
display:inline;
}

.navIconsTest li.first {margin-left:0;}

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

.navIconsText ul, .navIconsText li
{
margin:0;
padding:0;
list-style:none;
}

.navIconsText li
{
display:inline-block;
margin-left:3px;
/* zoom:1; */
display:inline;
}

.navIconsText li.first {margin-left:0;}

.navIconsText {overflow:hidden;
/* zoom:1; */
}
.navIconsText ul {position:relative;background:#f00;float:right;}
.navIconsText ul li a.icon:hover span {
	display:block;
	position:absolute;
	top:0;
	font-size:1em;
	line-height: 1.5em;
	white-space:nowrap;
	right:100%;
	width:auto;
	padding: 0 .5em;
	text-align:right;
	color:#000;
}













/*		Buttons
------------------------------------------------------------------------------*/

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(images/buttons/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn_reset { background: #f00; }
.btn_submit { background: #9d4; }
.btn:hover { background-color: #f00; }
.btn:active { background-color: #444; }
.btn:focus {background-color: #f00;}
.btn[class] {  background-image: url(images/buttons/shade.png); background-position: bottom; }


















/*	Formulare
------------------------------------------------------------------------------*/

fieldset dl
{
	overflow:hidden;
	padding:4px 0;
}

fieldset dt
{
	float:left;
	width:40%;
}

fieldset dt label
{
	display:block;
	margin-right:16px;
	text-align:right;
}

fieldset dd
{
	float:left;
	width:60%;
	margin:0;
}

dl.radio dd div, dl.checkbox dd div  {position:relative;overflow:hidden;}
dl.radio dd input, dl.checkbox dd input {position:absolute;left:0;}
dl.radio dd label, dl.checkbox dd label {float:left;margin-left:25px;}

dl.text input, dl.textarea textarea, dl.select select {border:0;padding:0;overflow:auto;float:left;background:#fff;width:100%;}
dl.text dd div, dl.textarea dd div, dl.select dd div {border:1px solid #ccc;overflow:hidden;}

#navMain li.first {position:absolute;left:16px;text-align:left;}

dl.text dd, dl.select dd {width:40%;}

/* ugly ie-hack */
* + html dl.select select {margin:-2px;width:102%;}

















																					
/*		page
------------------------------------------------------------------------------*/

/* centering */
.page {margin:0 auto;}  
body {text-align:center;} 	/* for IE6 */
	
	
/* page width */
.page 
{
position:relative;
text-align:left;
width:992px;
}

.page_top
{
width:960px;
padding:0 16px;
}

/* grid:16px	padding:0 
.grid_60 {width:960px;}
.grid_40 {width:640px;}
.grid_35 {width:560px;}
.grid_30 {width:480px;}
.grid_20 {width:320px;}
.grid_15 {width:240px;}
.grid_12 {width:192px;}
.grid_10 {width:160px;}
.grid_5  {width:80px;}
.grid_4  {width:64px;}
.grid_2  {width:32px;}
.grid_1  {width:16px;}
*/

/* grid:16px	+16px */
.grid_60 {width:928px;}
.grid_40 {width:608px;}
.grid_35 {width:528px;}
.grid_30 {width:448px;}
.grid_20 {width:288px;}
.grid_15 {width:208px;}
.grid_12 {width:160px;}
.grid_10 {width:128px;}
.grid_5 {width:48px;}



.grid_60, .grid_40, .grid_35, .grid_30, .grid_20, .grid_15, .grid_12, .grid_10, .grid_5
{
float:left;
display:inline;

min-height:1px;
height:auto !important;
height:1px;

padding:0 16px;



}

.grid_nested {margin: 0 -16px;}

xbody {background:url(images/bg.png) center 0 no-repeat;}
xh1 a {text-indent:-1000px;overflow:hidden;height:100px;display:block;}


/*		navDropdown
------------------------------------------------------------------------------*/

.navDropdown
	{
	width:100%;
	overflow:hidden;
	}

.navDropdown, .navDropdown ul
	{
	padding: 0;
	margin: 0;
	list-style: none;
	}

.navDropdown ul
	{
	margin: 0 auto;
	}

.navDropdown a
	{
	display: block;

	text-decoration:none;
	}

.navDropdown li.first
	{

	}

.navDropdown ul li a span {padding:0 8px;line-height:2.2em;}
.navDropdown ul ul li a span {line-height:2em;}

.navDropdown li
	{
	float: left;
	padding:0;
	margin:0;
/*	width: 10em;  width needed for Opera (?) */
	}

.navDropdown li ul
	{
	position: absolute;
	width: 10em;
	left: -999em;
	z-index:1000;
	}

.navDropdown ul ul li a	{width:10em;line-height:1.5em;}
.navDropdown ul li a:hover	{}
.navDropdown li:hover ul, .navDropdown li.sfhover ul {left:auto;}



/*		navIcons
------------------------------------------------------------------------------*/

.navIcons
	{
	text-align: left;
	overflow: auto;
	}

.navIcons ul, .navIcons ul li
	{
	list-style: none;
	padding:0;
	margin:0;
	}

.navIcons ul {float:left; position: relative;}

.navIcons ul li {display: inline;}

.navIcons ul li a
	{
	display:block;
	text-decoration:none;
	float:left;
	width:25px;
	height:1.5em;
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:0;
	}

.navIcons span {display:none;}

.navIcons a:hover span
	{
	display:block;
	position:absolute;
	top:0;
	font-size:1em;
	line-height: 1.5em;
	white-space:nowrap;
	left:100%;
	width:auto;
	padding: 0;
	text-align:left;
	}

.navIcons li.flag_DE a		{ background-image: url(images/icons/icon_flagDE.gif); }
.navIcons li.flag_EN a		{ background-image: url(images/icons/icon_flagEN.gif); }
.navIcons li.flag_ES a		{ background-image: url(images/icons/icon_flagES.gif); }
.navIcons li.flag_FR a		{ background-image: url(images/icons/icon_flagFR.gif); }

.navIcons li.icon_print a	{ background-image: url(images/icons/icon_print.png); }
.navIcons li.icon_help a		{ background-image: url(images/icons/icon_help.png); }
.navIcons li.icon_edit a		{ background-image: url(images/icons/icon_edit.png); }
.navIcons li.icon_delete a	{ background-image: url(images/icons/icon_delete.png); }

.alignRight .navIcons {text-align:right;}
.alignRight .navIcons ul {float:right;}
.alignRight .navIcons ul li a{	background-position:right center;}
.alignRight .navIcons a:hover span {left:auto;right:100%;text-align:right;}



/*		navInline
------------------------------------------------------------------------------*/

.navInline ul, .navInline ul li
{
list-style-type: none;
padding:0;
}

.navInline ul li
{
margin:0 16px 0 0;
display: inline;
background-image:none;
}

.navInline ul li.last
{
margin-right:0;
}

.alignLeft.navInline
{
text-align: left;
}

.alignCenter .navInline
{
text-align: center;
}

.alignRight .navInline
{
text-align: right;
}



/*		navTab
------------------------------------------------------------------------------*/

.navTab
	{
	line-height: normal;
/*	font-size:1.333em; */
	}

.navTab ul
	{
	list-style: none;
	overflow: hidden;
	float: right;
	padding:0;
	}

.navTab ul li
	{
	display: inline;
	margin: 0;
	padding: 0;
	background-image:none;
	}

.navTab ul li a
	{
	background-position:0 0;
	background-repeat:no-repeat;
	float: left;
	margin-right: 0px; /* Horizontaler Abstand der Tabs */
	padding-left: 16px; /* Breite des linken Hintergrundbildes */
	cursor: pointer;
	font-weight:bold;
/*	margin-bottom:9px; */
	}

	.navTab ul li.last a {margin-right:0;} 
	
.navTab ul li a span
	{
	background-position: 100% 0;
	background-repeat:no-repeat;
	float: left;
	display: block;
	padding: 9px 16px 9px 0px; /* padding-left = padding-right abzgl. Breite des linken Hintergrundbildes */
	line-height: 1.5em;
	}

.navTab ul li a:hover
	{
	background-position: 0 -150px;
	text-decoration: none;
	}

.navTab ul li a:hover span
	{
	background-position: 100% -150px;
	}

.navTab ul li.active a, .navTab ul li.current a
	{
	background-position: 0 -300px;
	font-weight: bold;
/*	margin-bottom:0; */
	}

.navTab ul li.active a span, .navTab ul li.current a span
	{
	background-position: 100% -300px;
/*	margin-bottom:0;
	padding-bottom:9px; */
	}
	
.navTab ul li a small {display:block;font-size:1em;min-height:1em;font-weight:normal;}	
	



/*		navVertical
------------------------------------------------------------------------------*/


.navVertical ul, .navVertical ul li
	{
	list-style:none;
	margin:0;
	padding:0;
	}

.navVertical ul
	{
	}

.navVertical ul ul li
	{
/*	padding-left:18px; */
	}

.navVertical ul li
	{
	display:block;
	background-image:none;
	}
	.navVertical ul li.last
	{
	}
	
.navVertical ul li a span
	{
	min-height:1px;
	height:auto !important;
	height:1px;
	}

.navVertical ul ul li a span {}
.navVertical ul ul ul li a span {}

.navVertical a {}
.navVertical a:hover {}
.navVertical ul li.cur a {color:#000;}