/* ####################################################################################################################
   GENERAL
   #################################################################################################################### */

html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background: #EAF6F0 url(/images/layout/bg-body.gif) repeat-y center top;
}


#pagewrapper_master
	{
	background: url(/images/layout/bg-body.gif) repeat-y center top;
	padding:0;
	margin:0;
	border:0;
	}


div, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p { margin: 0; padding: 0; }


a	{ outline: none; color: #333; }
a:hover { text-decoration: none; color: #666; }
img 	{ border: none; }

div.clearer { clear: both; }

/* ----    FONT DEFINITIONS    ----------------------------------------------------------------------------------------- */

.tinytext 	{ font-size: 10px; line-height: 1em; }
.smalltext 	{ font-size: 11px; line-height: 1.3em; }
.normaltext { font-size: 12px; line-height: 1.5em; }
.bigtext 	{ font-size: 14px; line-height: 1.5em; }

h1, h2, h3, h4, h5 { color: #666; }
h1 { font-size: 16px; line-height: 1.3em; margin-bottom: 15px; color:#406325; }
h2 { font-size: 14px; margin-bottom: 9px; }
h3 { font-size: 12px; color: #666; margin-bottom: 5px; }
h4 { 
	margin-bottom: 8px;
	padding-bottom: 7px;
	font-size: 11px; 
	line-height: 1.3em;
	text-transform: uppercase; 
	background: url(/images/layout/hr_sidebar.gif) repeat-x left bottom;
}
h5 { font-size: 11px; line-height: 1.2em; margin-bottom: 4px; }



/* ####################################################################################################################
   MAIN LAYOUT
   #################################################################################################################### */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	
}

/* ----    HEADER    ----------------------------------------------------------------------------------------- */

#header-wrapper {
	position: relative;
	width: 980px;

	}


/* ----    CONTENT    ----------------------------------------------------------------------------------------- */

#content {
	width: 980px;
	margin: 0 0px;
	padding: 0;
	background: #FFF;
}

#content-table {
	width: 100%;
}

#content-table-col-left {
	vertical-align: top;
	width: 180px;
	padding: 0px 0;
	background:#eee;
}

#content-table-col-mid {
	vertical-align: top;
	padding: 0px 30px 30px 30px;
	background: #FFF;
}


/* ----    FOOTER    ----------------------------------------------------------------------------------------- */

#footer {
	width: 940px;
	height: 17px;
	margin: 0;
	padding: 23px 20px 5px 20px;
	background:#466A29;
	
	background: #466A29 url(/images/layout/footerbalken.gif) no-repeat top;
	
	font-size:11px;
	
	color:#ccc;
	
}

#footer a
	{
	color:#ccc;
	}

#printfooter { display: none; }




/* ####################################################################################################################
   NAV SUB
   #################################################################################################################### */


#nav-sub {
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.3em;
}

#nav-sub li {
	margin: 0 0 10px 0;
	padding: 0;
	
	
	
}


#nav-sub a {
	height:20px;
	display: block;
	margin: 0 10px 0 10px;
	padding: 4px 0px 0px 10px;
	color: #EEEEEE;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: #66903C;
	
	border:1px solid #000;
	
	}


#nav-sub a:hover {
	color: #000;
	background-color: #94B176;
}

/* ----    CURRENT    ----------------------------------------------------------------------------------------- */

#nav-sub li.current a{
	color: #000;
	background: #fff;
	border-left:1px solid #66903C;
	border-top:1px solid #66903C;
	border-bottom:1px solid #66903C;
	border-right:0;
	margin: 0 0px 0 10px;
	
	
}




/* ####################################################################################################################
   CONTENT
   #################################################################################################################### */

p { margin-bottom: 1.5em; }


.bild-mit-rahmen {
	padding: 2px;
	border: 1px solid #000;
	background: #CCC;
}

.links-im-text 	{ float: left; margin-right: 15px; }
.rechts-im-text { float: right; margin-left: 15px; }

tr.bottomline td, td.bottomline 	{ border-bottom: 1px solid #EEE; }

tr.headcell td, td.headcell 	{ 
		border-bottom: 1px solid #EEE; 
		background-color:#eee;
		font-weight:bold;
		
}


/* ----    BASIC LIST    ----------------------------------------------------------------------------------------- */

ul, ol {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 25px;
}

li {
	margin-bottom: 0.5em;
}

ul ul, ul ol, ol ol {
	margin-top: 0.5em;
}

/* ----    NICE LIST    ----------------------------------------------------------------------------------------- */

ul.nice {
	padding-left: 10px;
	list-style: none;
}

ul.nice li {
	padding-left: 20px;
	background: url(/images/layout/bullet.gif) no-repeat left top;
}

ul.nice ol li {
	padding-left: 0;
	background: none;
}

ul.nice ul {
	list-style: none;
	padding-left: 5px;
}

ul.nice ul li {
	padding-left: 12px;
	background-position: -900px top;
}




/* ----    MESSAGE BOXES    ----------------------------------------------------------------------------------------- */

div.messagebox {
	margin: 0 0 2em 0;
	border-style: solid;
	border-width: 2px;
}

div.inside-messagebox {
	padding: 5px 10px;
}

div.messagebox h3 {
	margin: 0;
	padding: 0 0 3px 10px;
	color: #FFF;
}

div.messagebox p {
	margin: 0;
	padding: 0;
}

div.messagebox ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 30px;
	list-style: circle;
}

div.messagebox li {
	margin: 0;
	padding: 0;
	background: none;
}

div.messagebox ul ul {
	margin: 0;
}


div.errorbox h3 {
	background: #EA1111;
}

div.successbox h3 {
	background: #4CAF2A;
}

div.errorbox {
	color: #8A0000;
	border-color: #EA1111;
	background: #FFF1F1;
}

div.successbox {
	border-color: #4CAF2A;
}


/* ####################################################################################################################
   LINKS/BUTTONS WITH SYMBOLS
   #################################################################################################################### */

/* ----    BUTTONS    ----------------------------------------------------------------------------------------- */

a.button-icon {
	display: block;
	width: 142px;
	height: 21px;
	margin: 0;
	padding: 10px 0 0px 38px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 1em;
}

a.symbol-info		{ background: url(/images/layout/btn_moreinfo.gif) no-repeat left top; }
a.symbol-video		{ background: url(/images/layout/btn_video.gif) no-repeat left top; }
a.symbol-buy		{ background: url(/images/layout/btn_buy.gif) no-repeat left top; }
a.symbol-booknow	{ background: url(/images/layout/btn_booknow.gif) no-repeat left top; }
a.symbol-checkout	{ background: url(/images/layout/btn_checkout.gif) no-repeat left top; }

a.button-icon:hover {
	color: #666;
	background-color: transparent;
	background-position: left -80px;
}


/* ----    DIRECTION    ----------------------------------------------------------------------------------------- */

a.link-vor, a.link-zurueck, a.link-nachoben {
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2em;
	background: url(/images/layout/icons_directionlinks.gif) no-repeat left top;
}

a.link-zurueck	{ background-position: left -60px; }
a.link-nachoben { background-position: right -120px; padding-left: 0; padding-right: 20px; }

a.link-extern 	{ 
	padding-right: 16px; 
	background-image: url(/images/layout/icon_linkextern.gif);
	background-repeat:no-repeat;
	background-position: top right;
	font-weight: bold;
	text-decoration: none;
	line-height: 2em;
	}

a.link-map 	{ 
	padding: 1px 0 1px 20px; 
	background-image: url(/images/icons/icon_map.gif);
	background-repeat:no-repeat;
	background-position: top left;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	}

a.link-vor:hover, a.link-zurueck:hover, a.link-nachoben:hover, a.link-extern:hover {
	color: #333;
	text-decoration: underline;
	background-color: transparent;
}


/* ----    EDIT AND DOCUMENTS    ----------------------------------------------------------------------------------------- */

a.iconlink, a.link-pdf {
	margin: 0 15px 0 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

a.pano {
	margin-right: 0;
	padding-left: 45px;
	font-weight: bold;
	text-decoration: none;
	background: url(/images/icons/pano.png) no-repeat 5px center;
}

a.iconlink:hover { background-color: transparent; }

a.add		{ background-image: url(/images/admin_icons/icon_add.gif); }
a.edit		{ background-image: url(/images/admin_icons/icon_edit.gif); }
a.delete	{ background-image: url(/images/admin_icons/icon_delete.gif); }
a.sortdown	{ background-image: url(/images/admin_icons/icon_sortdown.gif); }
a.sortup	{ background-image: url(/images/admin_icons/icon_sortup.gif); }
a.view		{ background-image: url(/images/admin_icons/icon_view.gif); }
a.copy		{ background-image: url(/images/admin_icons/icon_copy.gif); }
a.statistics	{ background-image: url(/images/admin_icons/icon_statistics.gif); }


a.doc { background-image: url(/images/icons/doc.gif); }
a.eps { background-image: url(/images/icons/eps.gif); }
a.gif { background-image: url(/images/icons/gif.gif); }
a.jpg { background-image: url(/images/icons/jpg.gif); }
a.new { background-image: url(/images/icons/new.gif); }
a.pdf { background-image: url(/images/icons/pdf.gif); }
a.ppt { background-image: url(/images/icons/ppt.gif); }
a.txt { background-image: url(/images/icons/txt.gif); }
a.xls { background-image: url(/images/icons/xls.gif); }
a.zip { background-image: url(/images/icons/zip.gif); }




/* ####################################################################################################################
   FORMS
   #################################################################################################################### */
   
fieldset {
	margin: 0 0 20px 0;
	padding: 5px 0 3px 10px;
	border: 1px solid #999;
}

legend {
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #E4E4E4;
	font-size:11px;
}

input.input_text, textarea, select, input.fc-normal, textarea.fc-normal, select.fc-normal {
	margin: 0;
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: 12px;
	border: 1px solid #828282;
	background: #FCFCFC;
}

input.input_radio, input.input_checkbox {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

input.fc-error, textarea.fc-error, select.fc-error {
	background-color: #FAE7E7;
	border: 1px solid #CC0000;
}


.use-small-labels label
	{
	font-size:11px;
	}

label.forcheckbox {
	position: relative;
	top: -2px;
	margin-left: 5px;
}

label
	{
	font-size:11px;
	font-weight:bold;
	color:#737373;
	}

label.forcheckbox
	{
	font-size:12px;
	font-weight:normal;
	color:#000;
	}


/* ----    SUBMIT BUTTON    ----------------------------------------------------------------------------------------- */


input.submit-button {
	overflow: visible;
	cursor: pointer;
	height: 31px;
	margin: 0;
	padding: 0 10px 0px 30px;
	text-align: left;
	font: bold 12px arial, sans-serif;
	color: #fff;
	border: 1px solid #000;
	background: #0A795D url(/images/layout/bg-submit.gif) no-repeat left center;
}



/* ### DATEPICKER TRIGGER ########################################################## */

.ui-datepicker-trigger {
margin-left:2px;
vertical-align: middle;
} 









/* ####################################################################################################################
   PRINT_STYLES
   #################################################################################################################### */

@media print
{
	body { background: #FFF !important; }
	#header-wrapper, #content-table-col-left, #content-table-col-right, #footer {
		display: none;
	}
	
	
#pagewrapper_master
	{
	background: #FFF !important; 
	}	
	
	
	#page, #content {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#content {
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
	}
	
	#content-table-col-mid {
		margin: 0;
		padding: 0;
	}
}