/* CSS by Sebastian Jerie  */
/* ------------------------*/
/* -copy on your own risk- */


/* S T A N D A R D S */
* 				{padding: 0; margin: 0; border:0;}
html, body		{line-height: 1.4em;}
body 			{font-size: 70%; font-family: Arial; color: #000; overflow: hidden}
ul 				{list-style-type:none}
a 				{color: #000; text-decoration: none;}
a:hover			{text-decoration: underline;}
br				{line-height: 0.1 em;}
.floatright		{float: right;}
.floatleft		{float: left;}
.nofloat 		{clear: both;}
.vrechts		{text-align: right;}
.vlinks			{text-align: left;}
.noborder		{border: none;}
table 			{border-collapse:collapse;}



/* H I N T E R G R U N D B I L D E R  UND  F A R B E N */
body			{background: #fff url("../images/bg_body.gif") top left repeat-x;}
body#links		{background: transparent; _background: url(../images/bg_links.gif);}
#head			{background: #4c4c4c url("../images/bg_head.gif") bottom left repeat-x; border-bottom: solid 1px #c11db0; margin-top: -6px;}	
body#kontakt	{background: none;}

body#links a	{color: #a1a1a1; text-decoration: none;}

/*
.lila 	 		{color: #c11db0;}
.blau 	 		{color: #6f9dbe;}
.grün 	 		{color: #44aa0a;}
.gelb 			{color: #ffa218;}

.grau	text			#979797
.grau	rahmen			#dcdcdc
*/




/* G R Ö ß E N und L A Y O U T */




/* TEXT STYLER */
h1, h2, h3, h4, h5, h6		{color: #c11db0;}
h1							{font-size: 1.4em; margin-bottom: 0.5em; margin-top: 0.4em;}
h2							{font-size: 1.2em; margin-bottom: 0.5em;}
h3							{font-size: 1.1em;}
h6							{font-size: 1em; float: left; width: 12em; color: #666}
#content					{font-size: 1.1em; line-height: 1.6em;}





/* CMS STYLER */
.ewcms_form 				{background: #dcdcdc; padding: 5px;}
.ewcms_form input			{border:1px dotted #000000;}


/* NAVIGATION KWICKS */
/*big menu*/

#kwick 				{position: absolute; margin-bottom: 10px; padding: 10px 0; z-index: 99;}
#kwick .kwick 		{display:block; height: 30px; color: #fff; cursor: pointer; overflow: hidden; height: 30px; width: 21px; border-bottom: 1px solid #fff;}

.kwick span				{padding: 8px 0 0 30px; display: block; font-weight: bold; cursor: default; visibility: hidden;}
.kwick ul				{margin-left: 120px;}
.kwick ul li 			{float: left;  margin-top: -15px; display: block;}
.kwick ul li a			{color: #fff; padding: 0 7px; height: 20px;}

#kwick .projekte 		{background: url(../images/bg-kwick-int.png) top left no-repeat;}
#kwick .studenten 		{background: url(../images/bg-kwick-projekte.png) top left no-repeat;}
#kwick .firmen 			{background: url(../images/bg-kwick-firmen.png) top left no-repeat;}
#kwick .schule 			{background: url(../images/bg-kwick-schule.png) top left no-repeat;}
#kwick .allgemein		{background: url(../images/bg-kwick-all.png) top left no-repeat;}


/* CONTENT ARTIKEL */
.handle, 
.meta_2					{padding: 0 0 2px 5px;}
.handle					{color: #fff; cursor: move; height: 20px;}
.handle h3, .meta_2 h3	{color: #fff; float:left; padding: 3px 0 0 0;}
.meta_2					{border-top: solid 1px; background: #fff; height: 16px; } /*position: absolute; bottom:0; right: 0;*/
.drag					{position: absolute; background: url(../images/bg_content.png); _background: #fff; overflow: hidden; _overflow: none; z-index: 2;}
.content 				{position: relative; margin: 5px 0px 15px 0px; padding: 0 5px;}
.content .hauptbild		{float: left; margin: 0 10px 10px 0;}
.content *				{_background: #fff;}


.meta_2					{position: relative;}
.meta_2 span			{display: block; height: 10px; width:12px; background: #838383 url(../images/dokument.gif) top left no-repeat; margin-top: 3px; float: left; cursor: pointer;}
.meta_2 span.active		{background: #ccc url(../images/dokument.gif) top left no-repeat;}
a.close					{background: url(../images/close.gif) top left no-repeat; position: absolute; right: 5px; top: 5px; display: block; width: 10px;}
a.close:hover			{text-decoration: none;}

/*farben */
div.lila h1, div.lila .meta_2						{color: #c11db0;}
div.lila h1:hover,
div.lila h1:link	{text-decoration:underline;}
div.lila .handle, div.lila .meta_2 span.active		{background-color: #c11db0;}

div.blau h1, div.blau .meta_2						{color: #6f9dbe; }
div.blau h1:hover,
div.blau h1:link	{text-decoration:underline;}
div.blau .handle, div.blau .meta_2 span.active		{background-color: #6f9dbe;}

div.gruen h1, div.gruen .meta_2						{color: #44aa0a;}
div.gruen h1:hover,
div.gruen h1:link	{text-decoration:underline;}
div.gruen .handle, div.gruen .meta_2 span.active	{background-color: #44aa0a;}

div.gelb h1, div.gelb .meta_2						{color: #ffa218;}
div.gelb h1:hover,
div.gelb h1:link	{text-decoration:underline;}
div.gelb .handle, div.gelb .meta_2 span.active		{background-color: #ffa218;}

div.grau h1, div.grau h2, div.grau h1, div.grau h3, div.grau h4, div.grau h5, div.grau h6,
div.grau .meta_2						{color: #666;}
div.grau .handle h3						{color: #fff;}
div.grau .handle, div.grau .meta_2 span.active		{background-color: #666;}

div.lila			{border: solid 1px #c11db0;}
div.blau			{border: solid 1px #6f9dbe;}
div.gruen			{border: solid 1px #44aa0a;}
div.gelb			{border: solid 1px #ffa218;}

div.grau			{border: solid 1px #666;}

/* IMAGE REPLACEMENT */
h1 span, a.close span		{display: none;}
#logo						{width: 235px; height: 32px; background: url("../images/logo.gif") top left no-repeat;}


#pflanze 				{position: absolute; z-index: 0; bottom: -10px; padding: 0 0 0 0px;}

.top				{z-index: 99;}
.down				{z-index: 5;}


/* G A L E R I E */
div#galerie-bg	{background:url(../images/bg-galerie.png) no-repeat; width:296px; height:300px; position: absolute; top: 453px; right:0px; z-index:10; padding:30px 0 0 110px}
div.center-galerie	{width:250px; text-align:center;}

#galerie				{width: 100%; top: 236px; position: absolute; z-index: 3;}
#scrollcontainer		{width: 99%; overflow: hidden; float: left; white-space: nowrap}
.gal_eintrag			{border: solid 1px red; height: 300px;}
#galerie td				{opacity:.20;filter: alpha(opacity=20); -moz-opacity: 0.2;}
#galerie td:hover		{opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}

#galerie td	.angaben				{visibility: hidden;}
#galerie td:hover	.angaben		{visibility: visible;}

.angaben					{padding: 5px;}
.angaben span				{font-weight: bold;}

.Projekte img				{border-top: 10px solid #6f9dbe; border-bottom: 2px solid #6f9dbe;}
.Projekte span				{color: #6f9dbe;}

.Studenten img				{border-top: 10px solid #c11db0; border-bottom: 2px solid #c11db0;}
.Studenten span				{color: #c11db0;}

.Interessenten img				{border-top: 10px solid #c11db0; border-bottom: 2px solid #c11db0;}
.Interessenten span				{color: #c11db0;}

.Firmen img					{border-top: 10px solid #ffa218; border-bottom: 2px solid #ffa218;}
.Firmen span				{color: #ffa218;}

.Schule img					{border-top: 10px solid #44aa0a; border-bottom: 2px solid #44aa0a;}
.Schule span				{color: #44aa0a;}

.Allgemeines img					{border-top: 10px solid #666; border-bottom: 2px solid #666;}
.Allgemeines span				{color: #666;}

/* K O N T A K T F E L D */
#kontaktfeld 				{color: #a1a1a1; position: absolute; top: 51px; right: 10px;}
#kontaktfeld span			{font-weight: bold; display: block; width: 80px; float: left;}
	#kontaktfeld span.email	{font-weight: normal; display: inline; width: auto; float: none;}
#kontaktfeld td.padding		{padding-right: 30px; width: 229px;}
#kontaktfeld tr.rand td		{border-top: solid 1px; border-bottom: solid 1px;}
#kontaktfeld td, th 					{vertical-align: top;}
/* ZUFALLSBILD */
#randompic					{}
.reiter		{margin-right: 30px;}

ul#noscript	{list-style-type: disc;}
ul#noscript li	{margin: 0 0 0 20px;}

.boxscroll	{position: absolute; top: -15px; right: 0; height: 7px; width: 16px; padding: 4px 6px;}
	.boxscroll img			{float: left; margin: 0 6px 0 0; cursor: pointer;}
		.boxscroll img.nom	{margin: 0;}
	.boxscroll.lila			{border: none; background: #c11db0;}
	.boxscroll.blau			{border: none; background: #6f9dbe;}
	.boxscroll.gruen			{border: none; background: #44aa0a;}
	.boxscroll.gelb			{border: none; background: #ffa218;}
	.boxscroll.grau			{background: #666;}
	
.innerc		{overflow: hidden; width: 525px; height: 200px; padding-right: 20px;}

		.scrollbar	{ height: 186px; position: absolute; right:2px; top:2px; width:10px; background: #fff;}
			.lila .scrollbar	{border: 1px solid #c11db0;}
			.blau .scrollbar	{border: 1px solid #6f9dbe;}
			.gruen .scrollbar	{border: 1px solid #44aa0a;}
			.gelb .scrollbar	{border: 1px solid #ffa218;}
			.grau .scrollbar	{border: 1px solid #666;}
		
		.scrollh	{background:none repeat scroll 0 0 #fff;cursor:pointer;height:20px;margin:0;width:10px;}
			.lila .scrollh	{background: #c11db0;}
			.blau .scrollh	{background: #6f9dbe;}
			.gruen .scrollh	{background: #44aa0a;}
			.gelb .scrollh	{background: #ffa218;}
			.grau .scrollh	{background: #666;}