/**** MAIN LAYOUT ****/
BODY
{
	background: #FFFAEB;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}

DIV#page
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #FFF;
	position: relative;
}

DIV#header
{
	height: 150px;
	background: url('/design/header.jpg');
	border-top: 1px solid #999;
}

DIV#navcontainer
{
	height: 21px;
	background: #DD9;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	position: relative;
}

DIV#container
{
	padding: 18px;
	background: url('/design/conback.jpg') no-repeat right bottom;
	position: relative; /* Damit absolut positionierte Elemente im Container relativ zum Containerursprung positioniert werden */
}

DIV#footer
{
	clear: both;
	border-bottom: 1px solid #999;
	border-top: 1px dashed #CCC;
	font-size: 10px;
	color: #666;
	text-align: center;
	padding: 3px;
}

P
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 13px;
}

/**** NAVIGATION NORMALZUSTAND ****/

UL#navigation
{
	margin: 0px;
	padding: 0px;
	padding-top: 1px;
	font-weight: bold;
	list-style: none;
	float: left;
	height: 18px;
	width: 100%;
}

UL#navigation LI
{
	list-style-type: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
}

UL#navigation A.navitem
{
	display: block;
	position: relative;
	
	text-decoration: none;
	float: left;
	margin: 0px;
	padding: 1px;
	margin-right: 5px;
	margin-left: 5px;

	/* In combination with UL#navigation SPAN, this background can use the sliding door technique described in ALA.
	background: url('/design/bg_nav.gif') no-repeat right top;
	*/
}

UL#navigation SPAN
{
	display: block;
		
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	
	height: 17px;
	padding-right: 10px;
	cursor: pointer;
	color: #333;

	/* In combination with UL#navigation A.navitem, this background can use the sliding door technique described in ALA.
	background: url('/design/bg_lnav.gif') no-repeat left top;
	*/
}

/**** NAVIGATION HOVER ****/
UL#navigation LI:hover A.navitem
{
	background: #FFF;
	border: 1px solid #999;
	padding: 0px;
}

UL#navigation LI.dropdown:hover A.navitem
{
	z-index: 6;
	background: #FFF;
	border: 1px solid #999;
	border-bottom: none;
	padding: 0px;
}

DL.dropdown A:hover
{
	text-decoration: none;
	color: #900;
}

DL.dropdown DD:hover
{
	background: #DD9;
}


UL#navigation A.navactive
{
	background: #FDFDB9;
	padding: 0px;
	border: 1px solid #CCC;
}

UL#navigation DD.navactive
{
	background: #DD9;
	color: #900;
}

/**** NAVIGATION DROPDOWN MAGIC ****/
UL#navigation LI:hover DL
{
	display: block;
	z-index: 5;
}

/**** CONTENT ****/
H1
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
	font-size: 16px;
}

H2
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
	font-size: 14px;
}

H3
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 12px;
}

DIV#container A
{
	color: #00C;
	text-decoration: none;
}

DIV#container A:hover
{
	text-decoration: underline;
}

DIV#footer A
{
	text-decoration: none;
	color: #333;
}
DIV#footer A:hover
{
	text-decoration: underline;
}

DIV.errorblock, DIV.successblock
{
	border: 1px solid #900;
	padding: 4px;
	padding-left: 21px;
	background: url('/dogmacms/design/symbols/delete.png') #FCC no-repeat 2px 50%;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
}

DIV.successblock
{
	border: 1px solid #090;
	background: url('/dogmacms/design/symbols/accept.png') #CFC no-repeat 2px 50%;
}

DIV.box, DIV.sidebox, DIV.nojsdiv
{
	border: 1px solid #999;
	padding: 5px;
	background: #FFF;
	width: 545px;
	margin-bottom: 20px;
	margin-top: 16px;
}

DIV.sidebox
{
	position: absolute;
	left: 620px;
	width: 150px;
	font-size: 11px;
}

DIV.smallshopbox
{
	position: absolute;
	left: 450px;
	top: 10px;
	width: 120px;
	border: 1px dashed #CCC;
	padding: 2px;
	font-size: 10px;
	color: #666;
	background: #FFF;
}

DIV.description
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 545px;
}

A.folder
{
	display: block;
	padding-left: 23px;
	background: url('/dogmacms/design/symbols/folder.png') no-repeat;
}

A.document
{
	display: block;
	padding-left: 23px;
	background: url('/dogmacms/design/symbols/page_white.png') no-repeat;
}

A.createbutton
{
	display: block;
	padding-left: 23px;
	background: url('/dogmacms/design/symbols/add.png') no-repeat;
	margin-top: 7px;
	margin-bottom: 7px;
}


/**** FORMULARE ****/
TABLE.formtable
{
	width: 545px;
}

TABLE.formtable TD.label
{
	vertical-align: top;
	font-weight: bold;
	padding-top: 2px;
	color: #666;
}

TABLE.formtable TD.thirdcol INPUT
{
	width: 120px;
}

TABLE.formtable TD.doublecol INPUT
{
	width: 147px;
}

TABLE.formtable TD.separator
{
	padding: 2px;
	padding-left: 0px;
	border-bottom: 1px solid #666;
	font-weight: bold;
	padding-top: 20px;
}

TABLE.formtable INPUT, TABLE.formtable TEXTAREA, TABLE.formtable SELECT
{
	border: 1px solid #CCC;
	width: 300px;
}

TABLE.formtable INPUT[type="submit"]
{
	border: 1px solid #999;
	background: #DD9;
}

TABLE.formtable INPUT[type="checkbox"]
{
	border: none;
	width: 16px;
}

TABLE.formtable TEXTAREA
{
	height: 150px;
}

TABLE.formtable SELECT
{
	width: 302px;
}

TABLE.formtable LABEL.direct
{
	position: relative;
	top: -2px;
}

/**** LISTEN ****/
TABLE.listtable
{
	border-collapse: collapse;
	width: 545px;
	border: 1px solid #999;
	margin-top: 10px;
	margin-bottom: 10px;
}

TABLE.listtable TR.header TD
{
	border-left: 1px solid #999;
	background: #DDD;
	font-weight: bold;
	padding-left: 3px;
	cursor: default;
}

TABLE.listtable TR.body TD, TABLE.listtable TD.bodyactions
{
	border-left: 1px solid #999;
	padding: 3px;
	vertical-align: top;
}

TABLE.listtable TD.bodyactions
{
	text-align: center;
}

TABLE.listtable TR.body
{
	background: #FFF;
}

TABLE.listtable TR.body:hover
{
	background: #DD9;
}

A.sortlinkasc
{
	padding-left: 18px;	
	background: url('/dogmacms/design/symbols/sort_asc.png') no-repeat;
}
A.sortlinkdesc
{
	padding-left: 18px;
	background: url('/dogmacms/design/symbols/sort_desc.png') no-repeat;
}

DIV.filterbox
{
	border: 1px solid #999;
	overflow: hidden;
	width: 545px;
	background: #FFF;
	cursor: default;
	position: relative;
}
DIV[class].filterbox
{
	width: 543px;
}

A.filterheader
{
	display: block;
	height: 16px;
	background: #CCC;
	border-bottom: 1px solid #999;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
	color: #000 !important;
}

A.filterheader:hover
{
	text-decoration: none !important;
	color: #900 !important;
	background: #FFC;
}

FORM.filterform
{
	padding: 3px;
}

DIV.filterswitch
{
	float: right;
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	font-size: 10px;
	color: #666;
	background: #CCC;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

/**** BROTKRÜMMEL NAVIGATIONEN ****/
DIV.breadcrumbs
{
	width: 545px;
	
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px 0px 3px 0px;
	margin-bottom: 10px;
	
	font-size: 11px;
	background: #FFF;
}

/**** SUCHE ****/
A.searchresult_link
{
	color: #00C;
	font-size: 15px;
}
		
DIV.searchresult
{
	margin-top: 5px;
	width: 545px;
}

SPAN.search_highlight
{
	font-weight: bold;
	color: #060;
}

/**** SIMPLE EVENTS ****/
DIV.sevents_totalsum
{
	width: 545px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

DIV.sevents_sumheader
{
	padding-left: 23px;
	background: url('/dogmacms/design/symbols/user.png') no-repeat;
	margin-top: 10px;
}

TABLE.sevents_sumheadertable
{
	border-collapse: collapse;
	font-weight: bold;
	width: 522px;
	border-bottom: 1px solid #999;
}

TABLE.sevents_sumtable
{
	border-collapse: collapse;
	margin-left: 23px;
	color: #333;
	font-size: 11px;
	width: 545px;
}

TR.sevents_sumtableheader
{
	font-weight: bold;
	color: #000;
}

/**** SHOP ****/
DIV.shop_article
{
	border-top: 1px dashed #00C;
	padding-top: 10px;
	padding-bottom: 10px;
}

DIV.shop_descshort
{
	font-size: 11px;
	color: #333;
}

DIV.shop_price
{
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	color: #993;
}

/**** BANNERS ****/
DIV#bannerframe
{
	position: absolute;
	left: 600px;
	top: 10px;
}

DIV#bannerframe A
{
	display: block;
	margin-bottom: 10px;
}

DIV.textbanner
{
	width: 180px;
	border: 1px solid #999;
	background: #EEE;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 10px;
}

DIV.textbanner H3
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #CCC;
}

/**** STARTPAGE ADS ****/
DIV.cms_bannercontainer
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: #000;
	filter: alpha(opacity=80);
	opacity: 0.8;
	text-align: center;
}

DIV.cms_bannerelement
{
	position: absolute;
	padding: 10px;
	border: 1px solid #000;
	background: #FFF;
}

A.cms_bannercloser
{
	position: absolute;
	top: 100%;
	display: block;
	padding: 3px;
	background: #FFF;
	border: 1px solid #000;
	width: 120px;
	height: 20px;
	background: #F00;
}

/**** FORM WIZARD ****/
FORM.wizardform
{
	margin: 0;
	padding: 0;
	width: 539px;
}

DIV.wizardfooter
{
	border-top: 2px solid #CCC;
	padding-top: 4px;
	height: 24px;
}

DIV.wizardheader
{
	border-bottom: 2px solid #CCC;
	padding-bottom: 4px;
	height: 24px;
}

DIV.wizardfooter INPUT, DIV.wizardheader INPUT
{
	font-weight: bold;
	color: #0F4A95;
	padding: 1px;
}

DIV.wizardfooter INPUT.previous, DIV.wizardheader INPUT.previous
{
	float: left;
}

DIV.wizardfooter INPUT.next, DIV.wizardheader INPUT.next
{
	float: right;
}

FORM.wizardform LABEL
{
	float: left;
	width: 140px;
	margin: 0px 10px 4px 0px;
	padding: 3px 0 0 0;
	overflow: hidden;
	color: #666;
	font-weight: bold;
}

FORM.wizardform SPAN.value
{
	float: left;
	margin: 0px 10px 4px 0px;
	padding: 0;
}

FORM.wizardform DIV.dformrow
{
	clear: both;
}

FORM.wizardform INPUT
{
	margin: 0;
}

FORM.wizardform INPUT.text
{
	width: 300px;
}

FORM.wizardform SELECT
{
	width: 304px;
	margin: 0;
}

FORM.wizardform DIV.twoequal INPUT
{
	width: 143px;
}

FORM.wizardform DIV.zipcity INPUT
{
	width: 236px;
}
FORM.wizardform DIV.zipcity INPUT.small
{
	width: 50px;
}

FORM.wizardform H4, FORM.wizardform H5
{
	font-size: 12px;
	border-bottom: 1px dotted #CCC;
	padding: 0 0 4px 0;
	margin: 15px 0 8px 0;
	cursor: default;
}

FORM.wizardform DIV.dformgroup
{
	margin-left: 0px;
}

FORM.wizardform INPUT.checkbox
{
	float: left;
	margin-right: 16px;
}

FORM.wizardform LABEL.checkbox
{
	font-weight: normal;
	width: auto;
}

FORM.wizardform LABEL.errorlabel
{
	color: #F00 !important;
}

FORM.wizardform TEXTAREA
{
	width: 300px;
	height: 80px;
	font-family: Verdana;
	margin: 0;
	font-size: 12px;
}

FORM.wizardform DIV.dsumrow
{
	position: relative;
	width: 350px;
}

FORM.wizardform DIV.dsumrow:hover
{
	background: #DDD;
}

FORM.wizardform DIV.dsumrow LABEL
{
	float: none;
	width: auto;
	font-weight: normal;
	color: #000;
}

FORM.wizardform DIV.dsumrow SPAN
{
	position: absolute;
	right: 5px;
	top: 0px;
	font-weight: bold;
}

FORM.wizardform DIV.dlabelgroup
{
	float: left;
}

FORM.wizardform DIV.dformspacer
{
	clear: both;
	height: 12px;
}

FORM.wizardform DIV.dtotalsumrow
{
	float: right;
	margin-right: 25px;
	padding-top: 3px;
	margin-top: 10px;
	border-top: 1px solid #0F4A95;
	text-align: right;
	font-size: 10px;
	color: #666;
}

FORM.wizardform DIV.dtotalsumrow LABEL
{
	font-size: 12px;
	float: none;
	color: #0F4A95;
}

FORM.wizardform DIV.dtotalsumrow SPAN
{
	font-size: 12px;
	font-weight: bold;
	color: #0F4A95;
}

FORM.wizardform DIV.dformchoicegroup
{
	padding: 10px;
	background: #FFF;
	border: 1px solid #999;
	margin-bottom: 10px;
}

FORM.wizardform DIV.dformchoicegroup B
{
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
}

FORM.wizardform DIV.dformchoicegroup DIV.dformchoicegroup B
{
	font-size: 12px;
}

FORM.wizardform DIV.dformchoice
{
	margin-bottom: 10px;
	margin-left: 10px;
}

FORM.wizardform DIV.dformchoice LABEL
{
	float: none;
	font-weight: bold;
	padding-left: 10px;
}

FORM.wizardform DIV.dformchoice LABEL:hover
{
	color: #900;
}

FORM.wizardform DIV.dformchoice LABEL.nochoicelabel
{
	padding-left: 0;
}

FORM.wizardform DIV.dformchoice INPUT.checkbox
{
	margin-right: 0;
}

FORM.wizardform DIV.dformchoice SPAN
{
	font-size: 0.9em;
	color: #999;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}

FORM.wizardform DIV.dformchoice SPAN.description
{
		padding-left: 25px;
}

FORM.wizardform DIV.dformchoice SPAN.price
{
	float: right;
	font-weight: bold;
	color: #990;
	position: relative;
	top: -5px;
}

FORM.wizardform DIV.dformchoice SPAN.warning
{
	color: #990;
	padding-left: 50px;
	background: url('/dogmacms/design/symbols/error.png') no-repeat 24px 4px;
}

FORM.wizardform DIV.dform_description
{
	margin-top: 15px;
	color: #666;
}

FORM.wizardform DIV.dform_description_inline
{
	padding-left: 150px;
}

FORM.wizardform SPAN.dform_negative
{
	color: #090;
}

/**** BUTTON ROW ****/

DIV.buttonrow
{
	height: 16px;
	margin-bottom: 12px;
}

DIV.buttonrow A
{
	float: left;
	height: 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 15px;
}

/**** BLOG ****/
SPAN.blog_subtitle
{
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	
}

/**** MAIN LAYOUT ****/
BODY, TABLE
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}

BODY
{
	background: #D9C286 url(/design/background.jpg) repeat-x top left;
}

/**** Body positioning ****/
HTML, BODY, #outercontainer
{
	min-height: 100%;
	width: 100%;
	height: 100%;
}
HTML>BODY, HTML>BODY #outercontainer
{
	height: auto;
}
BODY
{
	margin: 0;
	font-family: Arial, sans-serif;
}

DIV#outercontainer
{
	position: absolute;
	
	top: 0;
	left: 50%;
	width: 770px;
	margin-left: -385px;

	background: #FFF;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

DIV[id]#outercontainer
{
	width: 768px;
	margin-left: -385px;
}

DIV#pageheader
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 770px;
	height: 59px;
	margin-left: -385px;
	z-index: 10;

	background: url(/design/header.png) no-repeat;
}

DIV#pageheader H1
{
	display: none;
}

DIV#pageheader H2
{
	position: absolute;
	left: 265px;
	top: 31px;
	font-family: Impact;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	
	cursor: default;
}

DIV#pageheader DIV
{
	float: right;
	margin-right: 14px;
	margin-top: 34px;
}

DIV#pageheader DIV A
{
	margin-left: 2px;
}

DIV#pageheader A#startlink
{
	position: absolute;
	display: block;
	
	left: 18px;
	top: 10px;
	width: 230px;
	height: 40px;
}

DIV#header
{
	margin-top: 59px;
	border: none;
	height: 160px;
	background: url('/design/crowdheader.jpg');
}

DIV#navcontainer
{
	float: left;
	position: relative;
	left: -23px;
	width: 216px;
	height: 518px;
	
	margin-top: 18px;
	
	border: none;
	
	background: url(/design/marimbaphon.jpg);
}

DIV#sticklink
{
	position: absolute;
	left: 28px;
	top: 345px;
	width: 170px;
	height: 163px;
	
	cursor: pointer;
}

DIV#container
{
	float: left;
	position: relative;
	width: 538px;

	margin-top: 14px;
	padding: 0;

	background: none;
}

/**** CONTENT ****/
DIV#container H1
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
	font-size: 26px;
	font-family: Impact;
	font-weight: normal;
	color: #666;
}

DIV#container H3
{
	margin: 0px 0px 12px 0px;
	padding: 20px 0px 0px 0px;
	font-size: 17px;
	font-family: Impact;
	font-weight: normal;
	color: #666;
	border-bottom: 1px solid #666;
	width: 532px;
}

DIV.borderblock
{
	width: 532px;
	padding: 5px;
	border: 1px solid #CCC;
	overflow: auto;
}
DIV[class].borderblock
{
	width: 522px;
}

DIV#container A IMG
{
	border: 0 !important;
}

UL.gallery
{
	list-style: none;
	margin: 1em 0 2em 0;
	padding: 0;
}

UL.gallery LI
{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 164px;
	height: 124px;
}

DIV#container UL.gallery LI A IMG
{
	padding: 1px;
	background: #FFF;
	border: 1px solid #CCC !important;
}

DIV#container UL.gallery LI A:hover IMG
{
	border-color: #C33 !important;
}

/**** NAVIGATION ****/
UL#navi
{
	margin: 0;
	padding: 0;
	padding-top: 1px;
	font-weight: bold;
	list-style: none;
}

UL#navi LI
{
	list-type: none;
	margin: 0 0 5px 0;
}

UL#navi A
{
	display: block;
	height: 25px;
	padding: 2px 0px 0px 32px;
	
	color: #FFF;
	font-family: Impact;
	font-weight: normal;
	text-decoration: none;
	font-size: 17px;
}
UL[id]#navi A
{
	height: 23px;
}

UL#navi A:hover
{
	color: #000;
}

UL#navi A.navactive
{
	background: url(/design/navmarker.png) 15px 9px no-repeat;
}

/**** SUBNAVIGATION ****/
DIV#subnavigation
{
	width: 532px;
	padding: 1px 0px;
	margin-bottom: 16px;
	
	font-size: 14px;
	
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	overflow: hidden;
}

DIV#subnavigation A.subactive
{
	font-weight: bold;
	color: #339;
	
	
}

/**** FOOTER ****/
DIV#drumrow
{
	text-align: right;
	padding-right: 32px;
}

IMG#bottomdrum
{
	cursor: pointer;
}

/**** BOX ****/
DIV.loginbox
{
	margin-top: 20px;
	width: 532px;
	padding: 5px;
	border-left: 5px solid #999;
}
DIV[class].loginbox
{
	width: 516px;
}

INPUT#loginbutton, INPUT#mailformbutton
{
	width: 120px;
	font-family: Impact;
	background: #946630;
	color: #FFF;
	font-size: 13px;
}

FORM
{
	margin: 0;
	padding: 0;
}

FORM.loginbox
{
	margin-top: 20px;
}

FORM.loginform LABEL
{
	float: left;
	width: 120px;
	color: #666;
	font-weight: bold;
}