/* 1.0 | hannes | 2006-10-03 | template */
body {
	margin: 0;
	background: #FFF url(/grafik/body_bg.jpg) repeat-y center top;
	text-align: center;
}

/* LAYOUT */
#maincontainer, #headercontainer, #menu, #footer { 
	width: 940px; /* x IE 7 */
	margin: 0 auto;
}
#extramenu, #container {
	width: 900px;
	margin: auto;
}
#maincontainer, #headercontainer, #menu { background-color: white; }
#headercontainer { height: 136px; }

#panoramabild {
	height: 248px;
	background: #B4CC2C url(/grafik/panoramabild_bg.gif) no-repeat center top;
	text-align: center;
	overflow: hidden!important; /* x IE Bug */
}
#quickmenu {
	width: 230px;
	background-color: #BFBFBF;
}
#quickmenu a img { background: #C0C0C0 url(/grafik/quickmenu/quickmenu_bg.jpg); }
#quickmenu a:hover img {
	background-image: none;
	background-color: #AFAFAF;
}

/* EXTRAMENU */
#extramenu {
	text-align: right;
	font-size: 10px;
	line-height: 22px;
}
#extramenu a {
	text-decoration: none;
	color: #666;
}
#extramenu a:hover, #extramenu a.activ { text-decoration: underline; }

/* CONTENT */
#container { margin: 20px auto; }
#leftcontainer { width: 200px; }
#content {
	padding-left: 20px;
}
#content, #content td, #content th { font: 12px Arial, Helvetica, sans-serif; }

#content h1, #content h2 { color: #50742F; }
#content h2 { margin: 0.5em 0 0.5em 0; }
#content h3 { margin: 0.5em 0; }

.contentpadding { padding-right: 20px; }
#headline { margin-bottom: 10px; }

a.pfeilbutton, a.pfeilbuttonright {
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}
a.pfeilbutton, a.pfeil {
	padding-left: 16px;
	background: url(/grafik/icon_pfeil.gif) no-repeat left center;
}
a.pfeil {
	text-decoration: none;
	line-height: 16px;
	vertical-align: middle;
}
a.pfeil:hover { text-decoration: underline; }
a.pfeilbutton:hover {
	color: #666;
	background-image: url(/grafik/icon_pfeil_over.gif);
}
a.pfeilbuttonright {
	padding-right: 16px;
	background: url(/grafik/icon_pfeil.gif) no-repeat right center;
}
/* MENU */
#menu {
	background: #4C7923 url(/grafik/menu_bg.jpg) repeat-x left top;
	line-height: 30px;
	height: 30px;
	width: 940px;
	padding-left: 1px; /* x IE */
	text-align: left;
	overflow: hidden;
}
#menu a {
	color: #F1F8C8;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 8px;
	border-right: 1px solid #849A34;
	line-height: 30px;
}
#menu a:hover, #menu a.activ { background-color: #4B6E27; }
/*#menu a.activ {
	background-color: white;
	color: #50742F;
}*/

/* SUBMENU */
#leftcontainer ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #E0E0E0;
}
#leftcontainer ul ul {
	margin: 0;
	padding: 0;
	border-top: none;
}
#leftcontainer ul li ul {
	border-bottom: none;
	border-top: none;
}
#leftcontainer ul li a {
	color: #666;
	text-decoration: none;
	font-size: 11px;
	padding: 3px 0 3px 15px;
	display: block;
	border-bottom: 1px solid #E0E0E0;
}
/* LEVEL 1 */
#leftcontainer ul li.activ a {
	background: url(/grafik/submenu_ul.gif) no-repeat left center;
	font-weight: bold;
}
#leftcontainer ul li.activ ul li a {
	background: url(/grafik/submenu_ul_ul.gif) no-repeat left center;
	font-weight: normal;
}
#leftcontainer ul li ul li a , #leftcontainer ul li.activ ul li a { font-weight: normal; }
#leftcontainer ul li a:hover { background: url(/grafik/submenu_ul_over.gif) no-repeat left center; }

/* LEVEL 2 */
#leftcontainer ul li ul li a {
	font-weight: normal;
	padding-left: 30px;
}
#leftcontainer ul li ul li a:hover, #leftcontainer ul li ul li.active a:hover { background: url(/grafik/submenu_ul_ul_over.gif) no-repeat left center; }
#leftcontainer ul li ul li.activ a {
	background: url(/grafik/submenu_ul_ul.gif) no-repeat left center;
	font-weight: bold;
}
#leftcontainer dl.template { margin-bottom: 1em; }
#leftcontainer fieldset label {
	width: 70px;
	text-align: left;
}

/* IMAGECONTAINER */
#imagecontent {
	width: 210px;
	text-align: right;
}
#imagecontent img { margin: 0 0 2px 0; }
a.weiterebilder {
	display: block;
	line-height: 24px;
	font-size: 11px;
}

/* FOOTER */
#footer {
	font-size: 10px;
	text-align: left;
	width: 920px;
	padding-top: 20px;
}
#copyright {
	padding: 20px 0 4px 0;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a, #copyright a {
	text-decoration: none;
	color: #666;
}
#footer a:hover, #copyright a:hover { text-decoration: underline; }

/* HEADLINE CONTAINER */
#headlinecontainer {
	height: 45px;
	overflow: hidden!important;
}
.headlinecontainersmall { width: 460px; }
.headlinecontainerlarge { width: 100%; }

/* KLASSEN */
.box {
	border: 1px dotted #D9E595; /* B4CC2C */
	background: #F0F5D5;
	clear: both;
	padding: 4px 10px;
}
.box hr {
	border: 1px solid #F0F5D5;
	border-bottom: 1px dotted #D2D2D2;
}
.box h2 {
	margin: 0;
	padding: 0;
}
/* BILDBOXEN */
.imagebox {
	width: 210px; /* x IE */
	float: right;
	text-align: right;
}
.imagebox img { margin: 1px 1px 0 0; }

/* TABELLEN */
.tabelle { margin: 0.5em 0; }
.tabelle th {
	background: #F1F1F1;
	line-height: 22px;
	padding: 0 5px;
}
.tabelle th.padding, .tabelle td.padding { padding: 3px 5px; }
.tabelle td { background: #F6F6F6; }
.tabelle td h3 {
	margin: 3px 0;
	padding: 0;
}
.tabelle td hr {
	border: 1px solid #F6F6F6;
	border-bottom: 1px dotted #D2D2D2;
}
/* PREISTABELLE */
.preistabelle {
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}
.preistabelle th, .preistabelle td {
	background-color: #F1F1F1;
	border-top: 1px solid white;
	border-left: 1px solid white;
}
.preistabelle th { font-weight: bold; }


/* DEFINITIONSLISTE */
dl.template { width: 200px; }
dl.template, dt, dd {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
dl.template dt {
	background-color: #D2D2D2;
	font-weight: bold;
	padding: 4px 8px;
}
dl.template dd {
	background-color: #F1F1F1;
	padding: 4px 8px;
}
.template fieldset select {
	background-color: #E1E1E1;
	padding: 0;
	margin: 0 0 4px 0;
	border: 1px solid #D2D2D2;
	font-size: 11px;
	color: #666666;
}
.template dd hr {
	border: 1px solid #F1F1F1;
	border-bottom: 1px dotted #D2D2D2;
}
.template .formularvertical th { width: 14px; }
.template .formularvertical td, .template .formularvertical th {
	font-size: 11px;
	line-height: 20px;
	vertical-align: middle;
}

/* DEFINITIONSLISTE */
dl.definitionsliste {
	width: 100%;
	background-color: #F6F6F6;
}
dl.definitionsliste, dt, dd {
	margin: 0;
	padding: 0;
}
dl.definitionsliste dt {
	background-color: #F1F1F1;
	font-weight: bold;
	padding: 4px 8px;
	border-bottom: 2px solid white;
}
dl.definitionsliste dd { padding: 4px 8px; }

dl.definitionsliste dd hr {
	border: 1px solid #F6F6F6;
	border-bottom: 1px dotted #D2D2D2;
}
dl.definitionsliste dt a:hover, dl.definitionsliste dt a.active { color: #666; }

/* MYSQL NAV */
#pagenav {
	text-align: center;
	width: 380px;
	margin: 1em auto;
	clear: both;
}
#pagenav a, #pagenav strong, #pagenav input {
	text-decoration: none;
	text-align: center;
	width: 20px;
	height: 16px;
	display: inline-block;
	border: 1px solid #DDD;
	margin: 0 2px;
	background: #F1F1F1;
	color: #999;
}
#pagenav a:hover {
	background-color: #FFF;
	border-color: #CCC;
}
#pagenav input, #pagenav strong { background-color: white; }

/* TABELLE SONNE */
.sonnentabelle { border-top: 1px dotted #D2D2D2; }
.sonnentabelle td, .sonnentabelle th { border-bottom: 1px dotted #D2D2D2; }
.sonnentabelle td { padding: 5px 0; }
.sonnentabelle th {
	white-space: nowrap;
	padding: 5px 0 0 0;
	width: 75px;
}
#merklistehinweis {
	display: none;
	position: absolute;
	z-index: 1000;
	margin-top: -120px;
	margin-left: 40px;
	color: #986;
}
#merklistehinweis div {
	width: 250px;
	height: 142px;
	font-weight: bolder;
	font-size: 14px;
	background: transparent url(/grafik/infobox_trans.png) no-repeat left bottom;
}
#merklistehinweis div div {
	background-image: none;
	width: 230px;
	height: 90px;
	margin: 5px 0 0 10px;
	padding-top: 10px;
	cursor: hand;
}
#merklistehinweis dl.template dd a.trash { background: url(/grafik/icon_trash.gif) no-repeat left center; }
#merklistescroll {
	height: 207px;
	overflow: auto;
	margin-bottom: 4px;
	/* für IE */
	scrollbar-base-color: #E1E1E1;
	scrollbar-highlight-color: #F1F1F1;
	scrollbar-3dlight-color: #E1E1E1;
	scrollbar-arrow-color: #666;
	scrollbar-darkshadow-color: #D2D2D2;
	scrollbar-shadow-color: #E1E1E1;
}