html, body {
	width:100%;
	height:100%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	font-size:0.75em;
	width:1100px;
	margin:0 auto 0 auto;
}
#header {
	background-color: #FFFFFF;
}
#zitat {
	float: right;
	clear: right;
	display: inline;
	height: 110px;
	width: 430px;
	border:1px solid #0000CC;
	margin:3px 8px 5px 0;
	padding:3px 8px;
	background-image: url(/templates/artera_basic/images/pinsel.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color: #E8F3F4;
	text-align:right;
}
/* #zitatContentBG */

.zitatText {
	padding:3px;
	padding-bottom:39px;
}
#zitatContent {
	color:#000000;
	font-size:90%;
}
#zitatContent p {
	margin:0;
	padding:0;
	margin-bottom:0.25em;
}
#footer {
	font-size:120%;
}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration: underline;
}
#smallTextFooter a, 
#smallTextFooter {font-size: xx-small; color:#b5b5b5;}
#smallTextFooter {text-align:justify;}

#logo {
	display: inline;
	width: 390px;
	height: 110px;
	float: left;
	margin-left: -28px;
}
#logo4print {
	display:none;
}
#navi {
	background-color: #b82a32;
	height:41px;
	margin-bottom:8px;
}
#breadcrumbNavi {
	margin:0 8px 8px 8px;
	font-size:80%;
}
/* div { border:1px solid orange;}  debug */



#main {
	margin-right: 28px;
	margin-left: 28px;
}
#contentColumns {
	margin-bottom:18px;
	min-height:525px;
}
* html #contentColumns {
	height:525px;
} /* ie6-bug */
#leftCol {
	width:204px;
}
#leftColInner {
	height:100%;
}
#leftColTop {
	height:10px;
	background:url(/templates/artera_basic/images/col1Bg.gif) repeat-y;
}
#leftColMiddle {
	background:url(/templates/artera_basic/images/col1Bg.gif) repeat-y;
}
#leftColBody {
	padding:0 8px;
}
#leftColBody ul li {
	padding:4px 0;
}
#leftColBody ul li a {
	color:#000000;
}
#leftColContent {
	padding:0 8px;
}
#leftColSubNavi {
}
#leftColBottom {
	height:10px;
	background:url(/templates/artera_basic/images/col1Bg.gif) repeat-y;
}
#leftColHead {
	border-bottom:1px solid #b82a32;
	padding:0 8px;
	margin-bottom:10px;
}
#centerCol {
	padding:7px 20px;
}
#content {
	height:100%;
}
#content h1 {
	font-size:160%;
	padding:0;
	margin:0 0 1em 0;
}
#content h2 {
	font-size:145%;
	padding:0;
	margin:0 0 1em 0;
}
#content h3 {
	font-size:130%;
	padding:0;
	margin:0 0 1em 0;
}
#content h4 {
	font-size:115%;
	padding:0;
	margin:0 0 1em 0;
}
#content h5 {
	font-size:100%;
	font-weight:bold;
	padding:0;
	margin:0 0 1em 0;
}
#content hr {
	clear:both;
}

#content #bannerSommer {
	background:#b2e0ff url(/templates/artera_basic/images/banner-sonne.jpg) top left no-repeat;
	padding: 3px; 
	padding-left: 100px;
}
#content #bannerSommer h1, 
#content #bannerSommer h2, 
#content #bannerSommer h3 { margin-bottom:0; margin-top:0;}


#rightCol {
	width:160px;
}
#rightColInner {
	height:100%;
}
#rightColTop {
	height:10px;
	background:url(/templates/artera_basic/images/col3Bg.gif) repeat-y;
}
#rightColMiddle {
	padding:0 8px;
	background:url(/templates/artera_basic/images/col3Bg.gif) repeat-y;
}
#rightColMiddle p {
	margin-top:0;
}
#rightColMiddle #news ul {
	list-style:none;
	margin:0;
	padding:0;
}
#rightColMiddle #news ul li {
	border-bottom:1px solid #CCCCCC;
}
#rightColBottom {
	height:10px;
	background:url(/templates/artera_basic/images/col3Bg.gif) repeat-y;
}
/* -------------- */

a:link, a:visited, a:active {
	color: #900;
	text-decoration: none;
}
a:hover {
	color: #f00;
	text-decoration: underline;
	cursor:url("images/artera-brush.cur"), pointer !important;
}
hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border: 0;
	border-top: 1px solid #603;
	height: 1px;
}
/* Search Box in banner */


#search_box {
	color: #fff;
	text-align: center;
}
#search_box {
	float: right;
	clear: right;
	width: 200px;
}
#search_box fieldset {
	border:0;
}
#search_box legend, #search_box label {
	display:none;
}
#search_string {
	width: 100px;
	height: 16px;
	font-size: 90%;
	vertical-align: middle;
	border: 1px inset #ccc;
}
#search_submit {
	width: 50px;
	height: 20px;
	font-size: 90%;
	vertical-align: middle;
	padding: 0 0 4px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	####	Header Menu #####

	#######################

	Horizontal Drop-Down Menu based off :

	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */



/* Remove List Formattings

~~~~~~~~~~~~~~~~~~~~  */



 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Header menu */	 



#header_menu {
	position: absolute;
}
#header_menu li {
	line-height: normal;
}
ul#header_menu {
	z-index: 10;
	clear: both;
}
#naviInner {
	padding:0;
	background-color: #b82a32;
}
#naviInner ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
	width: auto;
	position: relative; /* Fix the Stupid IE6 Bug */
}
#naviInner ul li {
	float:left;
	color:#fff;
	text-align:center;
	font-weight:normal;
	height:41px;
	line-height:37px;
}
#naviInner ul li a {
	display:block;
	padding:0 10px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}
#naviInner ul li ul li a {
	height:auto;
}
/* Root Level Link Formatting */


#naviInner li a:active, #naviInner ul li a.active, #naviInner ul li a:hover, #naviInner li a:focus, #naviInner li.menu-parent a, #naviInner li.menu-current a {
	color: #b82a32;
	background-color:#FFFFFF;
	border-top:2px solid #b82a32;
	border-bottom:2px solid #b82a32;
	border-left:1px solid #b82a32;
	border-right:1px solid #b82a32;
}
/* 2nd Child menu */


#naviInner .menu li ul {
	position: absolute;
	background-color:#FFFFFF;
	width: 15em;
	margin: 0;
	display: none;
	text-transform: none;
	border: 2px solid #b82a32;
	border-top: 0;
	font-size: 95%;
}
#naviInner .menu li ul li {
	width: 15em;
	height:auto;
	text-align: left;
	font-weight: normal;
	margin: 0;
	line-height:1.5;
	border-bottom: 1px solid #CCCCCC;
}
#naviInner .menu li ul li.menu-last {
	border-bottom: none;
}
#naviInner .menu li ul a {
	width: 14.7em;
	padding:4px 2px;
	color: #b82a32;
	border: 0;
}
/* 2nd Child link hover */


#naviInner .menu li ul a:hover {
	color: #fff;
	background: #b82a32;
	border: 0;
}
/* Show and hide */


#naviInner .menu li:hover ul, #naviInner .menu li a:focus ul, #naviInner .menu li.subMenu ul {
	display: block;
}
#naviInner .menu li ul ul {
	display: none;
	border: 2px solid #b82a32;
}
#naviInner .menu li:hover ul ul, #naviInner .menu li.subMenu ul ul {
	display: none;
}
#naviInner .menu li:hover ul ul ul, #naviInner .menu li.subMenu ul ul ul {
	display: none;
}
#naviInner .menu li:hover ul, #naviInner .menu li li:hover ul, #naviInner .menu li.subMenu ul, #naviInner .menu li li.subMenu ul {
	display: block;
}
#naviInner .menu li li li:hover ul, #naviInner .menu li li.subMenu ul, #naviInner .menu li li li.subMenu ul {
	display: block;
}
/* 3rd Child Menu Appreances */


#naviInner .menu li ul li ul li a {
	width: 14.5em;
	padding: .5em .1em .5em .5em;
	color: #b82a32;
	line-height:1.1;
}
/* Positioning the Pop-out Drops */


#naviInner li {
	position: relative;
}
#naviInner ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
}
/* Special Menu left */



#leftColBody ul {
	list-style:none;
	margin:0;
	padding:0 8px;
}
#leftColBody li.menu-current a {
	font-weight:bold;
}
/* SubMenu left */


#leftColBody {
	list-style:none;
	margin:0;
	padding:0;
	color:#b82a32;
}
#leftColSubNavi ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#b82a32;
}
#leftColSubNavi ul ul li {
	border-bottom:1px solid white;
}
#leftColSubNavi ul ul ul li {
	border-bottom:none;
}
#leftColSubNavi li.menu-current, #leftColSubNavi li.menu-expand {
	font-weight:bold;
	text-transform: uppercase;
}
#leftColSubNavi li.menu-current a, #leftColSubNavi li.menu-expand a {
	padding:0 8px;
}
#leftColSubNavi li.menu-expand ul {
	background-color: #b82a32;
	margin-top:0.25em;
	padding-top:0.25em;
}
#leftColSubNavi li.menu-expand ul li {
	font-weight: normal;
	text-transform: none;
	padding:0 2px 0.25em 8px;
}
#leftColSubNavi li.menu-first {
	margin-top:0.25em;
}
#leftColSubNavi li.menu-expand ul a {
	color:#FFFFFF;
	text-decoration:none;
}
#leftColSubNavi li.menu-expand ul a:hover {
	text-decoration: underline;
}
#leftColSubNavi ul ul li a {
	margin:-8px;
}
#leftColSubNavi li.menu-expand ul li ul {
	background-color: #b82a32;
	padding-top:0;
	margin:0;
}
#leftColSubNavi ul ul li a {
	font-weight:bold;
}
#leftColSubNavi ul ul ul li a {
	font-weight:normal;
}
/* Children ausblenden */


#leftColSubNavi ul ul ul li {
	display: none;
}
/* Children von Current einblenden */



#leftColSubNavi ul ul .menu-parent, #leftColSubNavi ul ul .menu-current, #leftColSubNavi ul ul .menu-current .menu-child, #leftColSubNavi ul ul .menu-sibling {
	display: block;
}
/* Current Menu Item markieren */



/* Bullet links mit Abstand */



#leftColBody li.menu-current:before,  #leftColSubNavi li.menu-current:before {
	/*content:url(/templates/artera_basic/images/bullet.gif);*/

	content:url(/templates/artera_basic/images/klecks2.png);
	padding-right:5px;
	position:relative;
	top:3px;
}
* html #leftColBody li.menu-current:before,  * html #leftColSubNavi li.menu-current:before {  /* IE6 kann keine PNG-Transparenz */
	content:url(/templates/artera_basic/images/klecks2.gif);
}
/* 1. Zeile nach links ausrücken */

#leftColBody li.menu-current,  #leftColSubNavi li.menu-current {
	text-indent:-20px;
}
* html #leftColBody li.menu-current,  * html #leftColSubNavi li.menu-current {
	text-indent:0px;
}
/* nachfolgende Elemente wieder normal einrücken */

#leftColBody li.menu-current ul,  #leftColSubNavi li.menu-current ul {
	text-indent:0px;
}
/* end menu */







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */







/* Container for Videos */



#videos {
	font-size:80%;
}
#videos h1 {
	font-size:120%;
}
#videos h2 {
	font-size:120%;
}
#videos p {
	margin:0;
	clear:left;
}
#videos img {
	clear:left;
	float:left;
	margin:0 5px 5px 0;
}
#videos a {
	text-decoration:none;
}
/* Container for News */



#news {
	font-size:80%;
}
#news h1 {
	font-size:120%;
}
#news h2 {
	font-size:120%;
}
/* Customise the Login Box */







#login-box {
	background: #eee;
	text-align: center;
	line-height: 140%;
	margin: 1em 0 0.3em 0;
	border: 1px solid #ddd;
}
#login-box fieldset {
	border:0;
	text-align:center;
}
#login-box legend {
	font-size: 90%;
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.15em;
}
.username {
	color: #009;
} /* Color of name when logged in*/
.topboxbody {
	font-size:0.8em;
	padding:2px;
}
#login-box input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	Custom Classes (Re-useables)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*  Float containers fix: */



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*  \*/

* html #clearfix {
	height: 1%;
}
/*  */

.stealth {
	visibility:hidden;
	display:none;
} /* hides from normal css enabled browsers */
/* Inline font Styles */



/* Pretty styles for changing text in the WYSIWYG editor */

.important {
	font-weight:bold;
	color:#f00;
}
.code {
	font-family: "Courier New", Courier, mono;
	color:#093;
	letter-spacing: 1px;
}
.info-box {
	border: 1px solid #cc3;
	background-color:#F9F8E2;
	padding:4px;
}
.topleftimage {
	margin:0 10px 5px 0;
	float:left;
}
.toprightimage {
	margin:0 0 5px 10px;
	float:right;
}
.inlineEdit {
	font-size:12px;
	font-weight: normal;
	float:right;
}
.highlight {
	background-color: #00CCFF;
}