/*

====================== PhenOxiGENproject [ CSSfile ] ===============================================

CSS-Datei für die Gestaltung der Inhaltselemente.
	- Schriftarten, Abstände und Anordnungen jeglicher Inhaltselemente

*/



/* ----------------- [ Seitenleiste  ] ---------------------------------------------------------- */

#sidebartop,
#sidebarend {
	position:absolute;
	left:0;
	width:290px;
	height:60px;
}

#sidebartop { top:0; background:url(../images/sidebartop.gif) no-repeat 0 0; }

#sidebarend { bottom:0; background:url(../images/sidebarend.gif) no-repeat 0 0; }

#sidebar {
	position:relative;
	top:0;
	left:0;
	margin-left:30px;
	width:230px;
}

/* ----------------- [ / Seitenleiste  ] -------------------------------------------------------- */



/* ----------------- [ Nachoben-Links & Contentende  ] ------------------------------------------ */

.endline,
.contentsep {
	position:relative;
	top:0;
	left:0;
	height:20px;
	width:100%;
	display:block;
	border-top:1px dotted #ccc;
}

.endline { clear:left; }

.endline a.totop,
.contentsep a.totop {
	position:absolute;
	top:-11px;
	left:484px;
	width:100px;
	height:20px;
	background:url(../images/totop.gif) no-repeat 0 0;
	text-indent:-2000px;
	overflow:hidden;
	border-bottom:none !important;
}

.endline a:hover,
.contentsep a:hover { background:url(../images/totop.gif) no-repeat 0 -20px !important; }

/* ----------------- [ / Nachoben-Links & Contentende  ] ---------------------------------------- */



/* ----------------- [ Allgemeine HTML-Elemente im Inhalt  ] ------------------------------------ */

em { font-style:italic; }

#content a {
	color:#39c;
	text-decoration:none;
	border-bottom:1px dotted #999;
}

#content a:hover {
	color:#fff;
	background:#39c;
	border-bottom:1px solid #39c;
}

#content .light { font-weight:normal; }

#leftcol h3 {
	font:normal 2.4em "Trebuchet MS", "Lucida Sans", Tahoma, Verdana, Arial, Helvetica;
	color:#39c;
}

.h3_sub {
	font-size:0.5em;
	line-height:1.3em;
	display:block;
}

#leftcol p {
	font:normal 1.2em/1.8em Verdana, Arial, Helvetica;
	margin:2.4em 0;
}


#rightcol h3 {
	font:bold 1.4em "Trebuchet MS", "Lucida Sans", Tahoma, Verdana, Arial, Helvetica;
	color:#39c;
	width:100%;
	padding:0 0 3px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}

#leftcol h4 {
	font-size:1.4em;
	color:#9c3;
	margin:24px 0 -15px 0;
}

#rightcol h4 {
	font:bold 1em/1.2em Verdana, Arial, Helvetica;
}

#rightcol p {
	font:normal 1em/1.4em Verdana, Arial, Helvetica;
	margin:3px 0 10px 0;
}

#rightcol span.more {
	display:block;
	float:right;
	margin-top:-1em;
}

/* ----------------- [ / Allgemeine HTML-Elemente im Inhalt  ] ---------------------------------- */



/* ----------------- [ Grafiken & Buttons  ] ---------------------------------------------------- */

#rightcol #rss {
	position:absolute;
	top:3px;
	right:0;
	width:12px;
	height:12px;
	background:url(../images/rssicon.gif) no-repeat 0 0;
	text-indent:-2000px;
	overflow:hidden;
	border-bottom:none;
}

#rightcol #seventhframe {
	position:relative;
	top:0;
	left:0;
	margin:40px 0 0 0;
	padding:80px 0 0 0;
	width:220px;
	height:auto;
	border-top:1px dotted #ccc;
	background:url(../images/seventhframe.gif) no-repeat -3px 5px;
	color:#999;
}

#leftcol img {
	float:left;
	border:1px solid #999;
	margin:5px 10px 5px 0;
}

/* ----------------- [ / Grafiken & Buttons ] ------------------------------------------------------- */



/* ----------------- [ Formulargestaltung Search & Contact ] ---------------------------------------- */

#contactform,
#searchform { margin:20px 0; }

#contactform .formrow,
#searchform .formrow {
	position:relative;
	top:0;
	left:0;
	width:477px;
	min-height:10px;
	margin:10px 0 10px 0;
}

#contactform .formrow { width:477px; }
#searchform .formrow { width:100%; }

#contactform label,
#searchform label {
	position:relative;
	top:0;
	left:0;
	width:120px;
	font-size:1em;
	font-weight:bold;
	color:#666;
	display:block;
}

#contactform .stan_input,
#searchform .stan_input {
	position:relative;
	top:0;
	left:0;
	width:400px;
	height:20px;
	border: #ccc 1px solid;
	color:#39c;
	padding:2px;
	font:normal 1.2em Verdana, Arial, Helvetica;
}

#contactform .stan_input:focus,
#contactform .stan_txtarea:focus,
#searchform .stan_input:focus {
	background:#d6ebf5 !important;
}

#contactform .stan_txtarea {
	position:relative;
	top:0;
	left:0;
	width:404px;
	height:120px;
	font:normal 1.2em Verdana, Arial, Helvetica;
	border: #ccc 1px solid;
	color:#39c;
}

#contactform #name { background:url(../images/cont_people.gif) no-repeat right bottom; }
#contactform #email { background:url(../images/cont_letter.gif) no-repeat right bottom; }
#contactform #phone { background:url(../images/cont_mobile.gif) no-repeat right bottom; }
#contactform #message { background:url(../images/cont_blurb.gif) no-repeat right bottom; }
#searchform #sword { background:no-repeat right bottom; }

#contactform #contactsend { width:406px;margin-top:10px; }

#searchform #searchsend { 
	position:relative;
	top:0;
	left:0;
	width:60px;
	height:26px;
	text-indent:-2000px;
	overflow:hidden;
	font-size:0em;
	color:#eee;
	border:none;
	margin:0 5px;
	cursor:pointer;
	background:#fff url(../images/searchbtn.gif) no-repeat 0 0;
}

#searchform #searchsend:hover { background:#fff url(../images/searchbtn.gif) no-repeat 0 -26px; }

#searchform #sword { background:url(../images/search_glass.gif) no-repeat right bottom; }

.tx-indexedsearch .result {
	margin:20px 0;
}

.tx-indexedsearch { margin: 0 0 60px 0; line-height:1.6em; }

.tx-indexedsearch .result .title { font-weight:bold; font-size:1.2em; }

.tx-indexedsearch .result .rating { font-size:1.2em;color:#999; }

.tx-indexedsearch .result .description { margin:5px 0 0 0 !important; display:block; }

.tx-indexedsearch .result .metadata { 
	display:block;
	width:100%;
	border-bottom:1px dotted #ccc;
	color:#999;

}

.tx-indexedsearch-res { clear:left; }

.browsebox {
	position:relative;
	top:0;
	left:0;
	height:20px;
	border:1px dotted #ccc;
}

.browsebox li { float:left; margin:0 4px; }

.browsebox li a { padding:1px; }

.tx-indexedsearch-browselist-currentPage strong a { color:#9c3 !important; border-color:#fff !important; }

/* ----------------- [ / Formulargestaltung Contact  ] ---------------------------------------------- */



/* ----------------- [ weitere Inhaltselemente  ] --------------------------------------------------- */

.jumpmarks { margin:20px 0; padding:0 0 15px 0; line-height:1.7em;width:100%;border-bottom:1px dotted #ccc; }
.jumpmarks li { padding:0 0 0 16px; background:url(../images/jumpmark.gif) no-repeat 0 2px; }
.jumpmarks li a { padding:0 3px; }

ul.download {
	position:relative;
	top:0;
	left:0;
	height:40px;
	width:590px;
	background:url(../images/downloadbar_bg.gif) no-repeat top right;
	text-align:left;
	margin:-20px 0 20px 0;
	display:block;
}

ul.download li.pdf a,
ul.download li.doc a,
ul.download li.ppt a {
	position:absolute;
	top:0;
	width:60px;
	height:40px;
	text-indent:-2000px;
	overflow:hidden;
	border-bottom:none !important;
	display:block;
}

li.pdf a { left:390px; background:url(../images/dl_pdf.gif) no-repeat 0 0; }
li.pdf a:hover { left:390px; background:url(../images/dl_pdf.gif) no-repeat 0 -40px !important; }
li.doc a { left:449px; background:url(../images/dl_doc.gif) no-repeat 0 0; }
li.doc a:hover { left:499px; background:url(../images/dl_doc.gif) no-repeat 0 -40px !important; }
li.ppt a { left:508px; background:url(../images/dl_ppt.gif) no-repeat 0 0; }
li.ppt a:hover { left:508px; background:url(../images/dl_ppt.gif) no-repeat 0 -40px !important; }


/* ----------------- [ / weitere Inhaltselemente  ] ------------------------------------------------- */

.tx-indexedsearch-whatis {
	display:none;
}

.tohome {
	position:relative;
	top:0;
	left:0;
	width:140px;
	height:30px;
	overflow:hidden;
	text-indent:-2000px;
	display:block;
	border-bottom:none !important;
	background:#fff url(../images/back2home.gif) no-repeat 0 0;
	margin:10px 0;
}

.tohome:hover {	background:#fff url(../images/back2home.gif) no-repeat 0 -30px !important; }