body {
	background:#CCCC99 url(../esc/bg.jpg);
	color:#333333;
	font-family:Arial, verdana;
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
}

#wrap {
	background: url(../esc/main.png) center top;
	background-repeat:repeat-y;
	width:882px;
	margin:auto;
	padding:auto;
	text-align:left;
}

#topline {
	width:830px;
	height:118px;
	background-image:url(../esc/head1.jpg);
	background-position:bottom center;
	clear:both;
	padding-top:5px;
	padding-left:52px;
         color: #ccc;
}
#topline a{
	color: #ccc;
}
#social{
	float: right;
	width: 300px;
	margin-right: 0px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {height:30px; display:block;clear:both; background: transparent url(../img/menue-bg1.png) repeat-x;
width:862px;
	margin-left: 10px;
}


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

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;
	height: 40px;
	border: 0;
	padding:0;
	margin:  0px 35px 0px 10px;
}
#nav ul {
	list-style-type: none;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: static; /* Fix the Stupid IE6 Bug */
	font-size: 15px;
	margin-left: 50px;
	margin-bottom: 50px;
}

/* Root Level Link Formatting */
#nav ul li {
	float: left;
	color: #FFF;
	text-align: center;
	font-weight: blod;
}
#nav ul li a {display: block; background: transparent; padding: 8px 20px 7px 20px; color: #E1E0E0; text-decoration: none; font-weight: bold; }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {
	background: url(../img/navbgl1hi.jpg);
	color: #FFF;
}
#nav a.menu-parent {
	background: url(img/navbgl1hi.jpg);
	color: #FFF;
}


/*Current page Customisations*/
#nav a.menu-current		{font-weight: bold;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 11em; margin: 0; display: none; text-transform: none; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; font-size: 100%; background: transparent url(../img/menue-bg.png) repeat;}
#nav .menu li ul li {width: 11em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul li a {
	width: 10.5em;
	padding: .3em .1em .3em .4em;
	color: #FFF;
	border-top: 1px solid #000;
	font-weight: normal;
	background: none;
}

/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current {
	background: #871418 url(img/navbgl1hi.jpg);
	color:#FFF;
}
#nav .menu li ul a.menu-parent {background: #E5BE73 url(../img/navbgl1parent.gif); color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul	{ margin: 5px 0 0 -40%; z-index: 9999;  background: transparent url(../img/menue-bg.png) repeat;}
#nav .menu li ul li ul li	{width: 11em;}
#nav .menu li ul li ul li a 	{ width: 10.5em;}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: transparent url(../img/menue-bg.png) repeat;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.newstitle {
	padding-bottom:4px;
	color:#555555;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#555555;
}

a:hover {
	text-decoration:underline;
}

#mainarea {
	padding-top:10px;
	
}

#contentarea {
	padding-left:45px;
	width:530px;
	padding-right:27px;
	line-height:18px;
	float:left;
	padding-bottom:15px;
}

.content {
	padding-bottom:15px;
}

#sidebar {
	width:260px;
	float:left;
	line-height:400px;
}

.sidebarheader {
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:7px;
	color:#333333;
	border-bottom:1px solid #CCCCCC;
}


h1 {
	font-size:30px;
	font-weight:bold;
	margin:0;
	color:#871418;
}

.description {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding-left:5px;
	color:#e5ecf9;
}

#footer {
	width:880px;
	padding-top:27px;
	height:27px;
	color:#333;
	font-size:12px;
	line-height:16px;
	clear:both;
	background-image:url(../esc/footer.jpg);
         background-repeat: repeat-x;
}

#footerleft {
	float:left;
	padding-left:35px;
}

#footerright {
	float:right;
	padding-right:35px;
}

#footer a {
	color:#333;
}


/*beginn websitebaker face box styles :-) gruss escpro*/
#facebox .b {
  background:url(../esc/b.png);
}

#facebox .tl {
  background:url(../esc/tl.png);
}

#facebox .tr {
  background:url(../esc/tr.png);
}

#facebox .bl {
  background:url(../esc/bl.png);
}

#facebox .br {
  background:url(../esc/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
		*{ padding:0px; margin:0px; }
			body{ background:#fbfeed; }
			a{
	color:#CCC;
}
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 250px; 
				height: 400px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #fbfeed; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
			.langmenu{
	
	margin-left: 800px;
	}	
/*end face box styles :-) gruss escpro*/