/*  
Theme Name: Landzilla
Theme URI: http://www.perun.net/
Description: Landzilla is a Theme for WP 1.5. Made by Vladimir Simovic aka Perun (private Weblog: <a href="http://www.perun.net">www.perun.net</a>).
Version: 1.0
Author: Vladimir Simovic
Author URI: http://www.vlad-design.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Theme modified for HEI */

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
.page-container {width:770px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; background: url(background.jpg) repeat-y; text-align:left}
.main {clear:both; width:770px; padding-bottom:30px; background:transparent url(bg_main_withnav.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:440px; margin:15px 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:770px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
body {
padding: 0 0 2em 0;
margin: 0;
text-align: center;
/* font: 62.5% verdana, sans-serif; */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background: #3a6097 url(top.jpg) repeat-x;
color: #333;
line-height: 150%;
}

#inhalt {
margin-right: 15px;
margin-left: 235px;
padding: 1.1em 0;
font-size: 1.1em;
}

/* HEADER */
#logo {
background: url(hei_logo1.jpg) no-repeat;
height: 54px;
}

#twentyyearslogo {
background: url(Celebrating2.gif) no-repeat;
width: 156px;
height: 85px;
margin-left: 20px;
margin-top: 20px;
}

#csialogo {
background: url(CSIALogo_1c_clr_forHEIwebsite.gif) no-repeat;
width: 96px;
height: 121px;
margin-left: 45px;
margin-top: 30px;
}

#ullogo {
background: url(ulforHEIwebsite.gif) no-repeat;
width: 77px;
height: 77px;
margin-left: 60px;
margin-top: 30px;
}

#kopf {
background: url(header1.jpg) no-repeat;
height: 147px;
margin-bottom: 1px;
}

#kopf h1 {
font: 30px 'trebuchet ms', sans-serif;
color: #3A6097;
margin: 0;
padding: 5px 15px;
}

#kopf h1 a {
color: #759D00;
text-decoration: none;
}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:440px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(./img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(./img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(./img/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(./img/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 1px dashed #F26722;
}

acronym, abbr, dfn {
border-bottom: 1px dashed #333;
font-style: normal;
}

blockquote {
border-left: 5px solid #759D00;
margin: 1em 0;
padding: 5px 10px;
background: #E3EBCC;
width: 490px;
}

code, pre {
color: #F26722;
font: 1.1em 'courier new', courier, monospace;
}

.highlight {
background-color: #759D00;
}

.bild-links {
float: left;
margin: 0 15px 3px 0;
}

.bild-rechts {
float: right;
margin: 0 0 3px 15px;
}

.center {
text-align: center;
}




#navi {
float: left;
width: 200px;
text-align: center;
background: #E3EBCC;
font-size: 1.1em;
padding: 5px 0 5px 0;
margin: 0 15px 15px 0;
display: inline;
}

#navi ul, #navi ol, #navi p, #navi form, #navi dl {
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

#navi div {
margin: 10px 10px 15px 10px;
text-align: left;
}

#navi h2 {
font: bold 1.2em verdana, sans-serif;
color: #fff;
margin: 0 0 .5em 0;
padding: 1px 5px 1px 15px;
background: #759D00 url(h3.gif) no-repeat center left;
text-align: left;
}

#navi a {
font-weight: bold;
color:#759D00;
text-decoration: none;
}

#navi a:hover {
color: #444;
}

#navi ul {
list-style: none;
margin: .5em 0 1em 0;
}

#navi ul ul {
margin: 2px 0 2px 7px;
padding: 0;
}

#navi .navi-search {
margin-bottom: 3px;
width: 150px;
font-size: 1em;
}



#inhalt h2 {
color: #666;
border-bottom: 1px solid #E3EBCC;
font: bold 1em verdana, sans-serif;
text-align: center;
margin: .5em 0 0 0;
padding: 2px 5px;
}

#inhalt h2 a {
text-decoration: none;
}

#inhalt h3 {
padding: 2px 0 2px 17px;
margin: .5em 0;
font-size: 1.4em;
background: url(h3-inhalt.gif) no-repeat left center;
}

#inhalt h3 a {
color: #648600;
text-decoration: none;
}

#inhalt h3 a:hover {
color: #759D00;
text-decoration: none;
}

#inhalt h4 {
font-size: 1.3em;
padding: 0;
margin: 1em 0;
color: #444;
}

#inhalt h5 {
font-size: 1.1em;
padding: 0;
margin: 1em 0;
color: #444;
}

#inhalt a, #footer a {
color: #6C9100;
}

#inhalt a:hover, #footer a:hover {
color: #444;
text-decoration: none;
}

#inhalt .meta {
font-size: .9em;
background: #E3EBCC;
margin: 0;
padding: 1px 5px;
}

#inhalt .feedback {
margin: 1em 1.7em 1em 1em;
text-align: right;
}

#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #E3EBCC;
}

#commentform {
margin: 1em 0;
padding: 1em;
border: 1px solid #759D00;
background: #E3EBCC;
}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:100%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

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

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width: auto;display:block;clear:both;border-right:1px solid #000;}


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

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

#nav {
	height: 2em;
	background: #6982A0;
	border-top: 0;
	border-bottom: 1px solid #29456F;
	padding:0;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	text-transform: uppercase;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {display: block; background: #6982A0; padding: 5px 10px; padding-bottom: 2px; border-left: 1px solid #29456F; border-right: 1px solid #29456F; color: #fff; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: #29456F; border-color: #fff; color: #FFFFFF;}
#nav li a:active, #nav ul li a.active {background: #d1d2d4; border-color: #fff; color: #4b4c4d;}

/* Current page Customisations*/
#nav li.menu-current a		{background: #29456F; color: #fff; border-bottom: 1px solid #000;}
#nav li.menu-current a		{font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 1px solid #29456F; border-top: 0; font-size: 100%;}
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #6982A0; color: #fff; border: 0;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #FFFFFF; background: #29456F; border: 0; 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;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

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

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}
/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */