@charset "utf-8";
@import url(reset.css);
/*  
Description: Eutech CSS-Theme (Screen)
Version: 2010.1v1

Author: AIXhibit Internet KG, i. A. Pawel Strzyzewski, Richard Thiel
Author URI: http://www.aixhibit.com
*/

/* Constants ________________________________________________________________________
#fff =  '#fff';
#494c4e = '#494c4e';


#199054 = '#199054';
#3c78ac = '#3c78ac';
#e5f1e7 = '#e5f1e7';
#e2ebf3 = '#e2ebf3';

#7ca0bf = '#7ca0bf';

#e4e4e4 = '#e4e4e4'; // *************************** Check if neccessary

#333 = '#333';
#666 = '#666';
#808080 = '#808080';
#d0d0d0 = '#d0d0d0';
#e4e4e4 = '#e4e4e4';

Arial, Helvetica, sans-serif = 'Arial, Helvetica, sans-serif'; // für überschriften
"Franklin Gothic Medium", Arial, Helvetica, sans-serif = '"Franklin Gothic Medium", Arial, Helvetica, sans-serif'; // für fließtexte
arial, helvetica, sans-serif = 'arial, helvetica, sans-serif'; // kleine texte unter fließtextgröße
________________________________________________________________________________ */




/* _________________________________________________________________________________ */
/* Basic Stuff */
/* _________________________________________________________________________________ */

html {
	margin-bottom: 0em;
	width:100%;
	height:100%;
}

* {
	margin: 0;
	padding: 0;
	font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

body {
	color: #666;
	background: url(../img/../img/background.jpg) center #e5f1e7 repeat-y;

	font-size: 13px;
	line-height: 1.60em;
	
	text-align: left;
	padding: 0;
	margin: 0;
	
	height:100%;
		
}

.noborder {
	border:none !important;
}

/* _________________________________________________________________________________ */
/* Allgemeine Formatierungen */
/* _________________________________________________________________________________ */


.rechts {
	float:right;
}

.align-right {
	text-align:right;
}


p.align-left img, p.align-right img, p.bodytext img {
	float:right;
	
	margin:0 0 0.5em 1.0em;
	
	border-left:1em solid #fff;

}
a:link.bildlink, a:visited.bildlink, a:hover.bildlink, a:active.bildlink { padding: 0; border: none; }
a:link.aixgruen, a:visited.aixgruen { color: #87992E; border-bottom: 1px dotted #87992E; }
a:hover.aixgruen, a:active.aixgruen {
	color: #87992E;
	background: none;
	border-bottom: 1px solid $87992E;
}

/* _________________________________________________________________________________ */
/* Text-Formate */
/* _________________________________________________________________________________ */

/* ABSÄTZE */

#content p {
	padding:0 3em 0 0;
	margin-bottom:1.5em;
	
}


/* LISTEN */

#rechtespalte ol, #rechtespalte ul { 
	list-style:url(../img/dash.gif);
	list-style-position:outside;
	margin:0 0 1.5em 3em;
	padding:0 3em 0 0;
	color:#666;

}

#rechtespalte ol li, #rechtespalte ul li {
	margin-bottom:0.4em;
	padding-bottom:0.5em;
	border-bottom:1px solid #d0d0d0;
}


/* ÜBERSCHRIFTEN */

h2 {
	height:35px;
	padding-top:1.5em;
	padding-left:1px;
		
	font-family: Arial, Helvetica, sans-serif;
	
	text-transform: uppercase;
	font-weight:bold;
	font-size:1.1em;
	
	clear:both;
	color:#3c78ac;
	
	border-bottom:7px solid #e2ebf3;
	
	margin-bottom:1.3em;
}

h3 {
	height:25px;
	padding-top:1.0em;
	padding-left:1px;
		
	font-family: Arial, Helvetica, sans-serif;
	
	font-weight:bold;
	font-size:1.1em;
	
	clear:both;
	color:#666;
	
	border-bottom:7px solid #e4e4e4;
	
	margin-bottom:0.7em;
}



#aktuelles h2 {
	height:25px;
	color:#666;
	font-size:1em;
	border:none;
	margin-bottom:0px !important;
}


/* LINKS */

a:link, a:visited {
	color: #3c78ac;
	text-decoration: none;
	font-weight:normal;
	border-bottom:1px dotted #666;
	padding:0 2px 0 1px;
}



a:hover, a:active {
	color:#3c78ac;
	background:#e2ebf3;
	border-bottom:1px solid #3c78ac;
}


a.silent, a.silent:visited, a.silent:hover, a.silent:active {
	border:none !important;
	background:transparent !important;
	
}

#head > a {
	display:block;
	position:absolute;
	top:20px;
	left:50px;
	height:95px;
	width:160px;
}


/* AUSZEICHNUNGEN */

#aktuelles .newsitem span.title {
	color:#3c78ac;

}

#aktuelles .newsitem span.subtitle {
	margin:0.5em 0 0.7em 0;
	padding:0 1em 0 1em;
	display:block;
	border-left:1px solid #d0d0d0;
	background:#fff;
	line-height:1.65em;
	font-size:1em;
}

#aktuelles .newsitem p {
	padding-right:0.7em !important;

}

strong { 
	background:transparent; 
}

em {
	font-style:italic;
}

em.gesperrt {
	letter-spacing:1px;
}

.uppercase {
	text-transform:uppercase;
}


/* _________________________________________________________________________________ */
/* Layout-Boxen */
/* _________________________________________________________________________________ */

#container {
	width: 910px;

	margin: 0px auto;
	border:0px solid black;
	
	position:relative;
	
}

#head {
	height:141px;
	width:100%;
	overflow:hidden;
	
	background:url(../img/eutech-header.png) no-repeat;
	
	/*
		background:url(../img/new_kopf.png) no-repeat;
	*/
}


#navi {

	background:#3c78ac;
	width:910px;
	height:28px;
	margin:0;
	border-bottom:1px solid #d0d0d0;
}

#keyvisual {
	height:101px;
	background:url(../img/keyvis.jpg) no-repeat #fff;
}


#content {
	text-align: left;
	background:url(../img/content_background.gif) repeat-y #fff;
	
	display:block;
	min-height:500px;
	
	float:left;
	
	border:0px solid black;
	
	width:910px;
	
	padding-top:1em;
}

#linkespalte {
	float:left;
	width:230px;
	background:transparent;
}

#rechtespalte {
	float:right;
	
	width:650px;
		
	background:url(../img/rechts_streifen.jpg) right bottom no-repeat;
	padding-bottom:80px;
	
	min-height:400px;
}



/* _________________________________________________________________________________ */
/* Footer */
/* _________________________________________________________________________________ */

#footer {
	
	width:909px;
	
	color:#808080;
	
	background:transparent;
	margin:0 0 0 0;
	
	height:100px;
	
	font-family:arial, helvetica, sans-serif;
	font-size:0.9em;
	
	text-align:center;
	line-height:100px;
	color:#808080;
	
}

#footer_spacer {
	clear:both;
	height:64px;
	width:100%;
	background:url(../img/footer_kurve.jpg) white no-repeat;
}

#footer a {
	border:none;
	color:#3c78ac;
	background:transparent;
}
#footer a:hover {
	background:#fff;
	color:#494c4e;
}

#footer span {
	color:#fff;
}

/* _________________________________________________________________________________ */
/* Navigation */
/* _________________________________________________________________________________ */

#navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
	
	
}

#navi li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#navi li a, #navi li a:visited {
	display:block;

	margin:0;
	padding:0;
	border:none;
	
	height:28px;
	width:170px;	
	border-right:1px solid #d0d0d0;
	
	background: url(../img/navi-neutral.png) repeat-x #3c78ac;
	color: #fff;
		
	font-weight:normal;
	text-transform:uppercase;
	line-height:28px;
	letter-spacing:1px;
	text-align:center;
	
	text-decoration:none;
	font-size:0.9em;
	
	text-shadow: 0px 1px 1px black;
}

#navi li a:hover , #navi li a:active {
	background: url(../img/navi-hover.png) repeat-x #e4e4e4;
	color: #494c4e;
	
	text-shadow: 0px 1px 1px white;
}

#navi li a.active {
	background:url(../img/navi-selected.png) repeat-x #494c4e !important;
	color:#fff !important;
	text-shadow: 0 1px 1px black !important;
}

#navi li.wide a {
	width:226px !important;
}

#navi li.right a {
	border:none !important;
}

#navi li a.noborder {
	border:none;
}

/* _________________________________________________________________________________ */
/* SUB-Navigation TOP */
/* _________________________________________________________________________________ */

#subnavi {
	position:absolute;
	width:684px;
	height:133px;
	
	top:-999px;
	
	left:226px;
	
	padding:0;
	margin:0;
	
	z-index:200;
		
	display:block;
	
	background:transparent;
}

#subnavi ul {
	float:left;
	list-style-type:none;
	padding:5px 0 0 10px;
	margin:0;
	width:160px;
	
	height:118px;
	
	background:#fff;
	
	border-right:1px dotted #d0d0d0;
	
	overflow:hidden;
}

#subnavi ul.leer {
	background:transparent;
	border:none;
}

#subnavi ul.wide {
	width:161px;
}

#subnavi ul.noborder {
	border:none;
}

#subnavi ul li {
	display:block;
	clear:left;

	padding:0;
	margin:0;
}

#subnavi li a, #subnavi li a:visited {
	
	padding:0 0 0 3px;
	margin:0 0 2px 0;
	
	display:block;
	border:none;
		
	width:146px;

	background: transparent;
	color: #666;
	
	height:14px;

	line-height:12px;

	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	text-transform:none;
	font-size:10px;
	letter-spacing:0px;
	text-align:left;
	
	text-decoration:none;
	
	text-shadow:none !important;
}



#subnavi li a:hover, #subnavi li a:active {

	color:#fff;
	text-decoration:none;
	background:#3c78ac;
	
}


/* _________________________________________________________________________________ */
/* Lefthand-Navigation */
/* _________________________________________________________________________________ */

div#lefthand {
	background:url(../img/links_streifen.jpg) 0 bottom no-repeat #e2ebf3;
	padding:0 0 80px 0;
	width:226px;
}


#lefthand h2 {
	height:25px;
	color:#666;
	font-size:1em;
	border:none;
	
	margin:0.5em 0 1em 0.9em;
	padding:1.5em 0 0.4em 1em;
	
	border-bottom:7px solid white;
}

#lefthand > ul, #lefthand > ul > li {
	padding:0;
	margin:0;
	list-style-type:none;
}

#lefthand > ul {
	font-size:11px;
	color:#666;
	padding-left:1em;
	padding-right:1em;

	margin-bottom:20px;
}

#lefthand > ul > li {
	border-bottom:0px solid #fff;
	padding:0.1em 0 0.2em 0;
}

#lefthand > ul > li > a {
	display:block;
	border:none;
	border:1px solid #e2ebf3;
	padding:0.25em 0 0.35em 1.3em;
	font-size:1.15em;
	text-shadow: 0 1px 0px #fff;
	background:url(../img/lefthand-neutral.gif) no-repeat transparent;
}

#lefthand > ul > li > a:hover {
	background:url(../img/lefthand-hover.jpg) no-repeat #ccc;
	color:#494c4e;
	text-shadow: 0 1px 0px #fff;
	
	border-top:1px solid #d0d0d0;	border-left:1px solid #d0d0d0; border-right:1px solid #fff; border-bottom:1px solid #fff;
}

#lefthand > ul > li > a.selected {
	font-weight:bold;
	background:url(../img/lefthand-active.gif) no-repeat transparent;
}

#lefthand > ul > li > a.selected.children {
	background:url(../img/lefthand-active-children.gif) no-repeat transparent;
}

#lefthand > ul > li > a.selected:hover {
	background:url(../img/lefthand-hover.jpg) no-repeat #ccc;
}

#lefthand > ul > li > a.selected > span {
	color:#3c78ac;
	
}

/* *** #lefthand 2nd Level *** */

#lefthand ul ul {
	margin-top:0.0em;
	margin-bottom:1.0em;
}

#lefthand ul ul > li > a {
	
	margin:0.2em 0.5em 0.4em 1.15em;
	padding:0 1em 0.2em 1em;
	display:block;
	
	background:#fff;
	line-height:1.4em;
	font-size:1em;
	
	border-left:1px solid #d0d0d0;
	border-right:1px solid #e2ebf3;
	border-top:1px solid #e2ebf3;
	border-bottom:1px solid #e2ebf3;
	
}

#lefthand ul ul > li > a:hover {
	
	background:url(../img/lefthand-hover.jpg) -15px -5px no-repeat #ccc;
	
	color:#494c4e;
	
	border-left:1px solid #d0d0d0 !important;
	border-right:1px solid #fff;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #fff;
}

#lefthand ul ul > li > a.selected {
	border-left:1px solid #3c78ac;
	
}



/* _________________________________________________________________________________ */
/* Breadcrumb */
/* _________________________________________________________________________________ */


#breadcrumb {
	position:absolute;
	top:27px;
	right:23px;
	
	width:650px;
	height:20px;
	
	text-align:right;
	
	color:#aaa;
	
	font-size:11px;
}


#breadcrumb span {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#3c78ac;
	padding:0 5px 0 5px;
}

#breadcrumb a { 
	color:#666;
	border:none;
}
#breadcrumb a:hover { 
	color:#3c78ac;
}

/* _________________________________________________________________________________ */
/* Suchfeld */
/* _________________________________________________________________________________ */

#head form {
	position:absolute;
	top:77px;
	right:23px;
		
	width:232px;
	height:25px;
}


#head form #search, #rechtespalte form #search {
	display:block;
	float:left;
	
	padding:3px 0 0 25px;
	margin:0;
	
	height:19px;
	width:175px;
	
	background:url(../img/bg_searchform.jpg);
	border:1px solid #bbb;
	
	color:#666;
	font: 11px "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

#head form #searchsubmit, #rechtespalte form #searchsubmit {
	margin-left: 10px;
	background:url(../img/searchsubmit.png);
	
	width:24px;
	height:23px;
	
	/* ÄNDERUNGEN von Richard Thiel */
	border: 0;
	text-indent: -9999em;
	color:white;
	
}
#head form #searchsubmit {
	display: block;
	float: right;
	margin: 0;
}