/***************************************************************************************/
/**************************        M O D U L E         *********************************/
/***************************************************************************************/



/* USER STATUS FELD
***************************************************************************************/
#user_status
{
	position:absolute;	
	top:164px;
	right:50px;	
	padding:10px;	
	background-color:#FFFFFF;
}

#user_status .status_text{}

#user_status .user_name
{
	color:#666;
	font-weight:bold;
}

#user_status .user_logout{font-size:.8em;}

#user_status #user_func
{
	color:#666;
	text-align:right;
}
	
#user_status .user_func a:link{color:#0099FF;}
#user_status .user_func a:visited{color:#0099FF;}
#user_status .user_func a:hover{color:#0099FF; text-decoration:underline;}
#user_status .user_func a:active{color:#0099FF;}



/* BEREICHE KUCHEN / STRUKTUR
**********************************************************************************************/
#bereiche_kuchen
{
	margin: 20px 0; 
	font-size:0.9em;
}
#bereiche_kuchen a			{text-align:center;}
#bereiche_kuchen a:link		{color:#000; text-decoration:none}
#bereiche_kuchen a:visited	{color:#000; text-decoration:none}
#bereiche_kuchen a:hover	{color:#666; text-decoration:underline;}
#bereiche_kuchen a:active	{color:#999; text-decoration:underline}



.bereiche_struktur{}

.bereiche_struktur .shadow{	box-shadow: 6px 6px 10px #BBB;}

.bereiche_struktur h2{
	margin:0;
	padding:10px 0;
	text-align:center;
}

.bereiche_struktur .content{	
	font-weight:bold;
	margin:20px 0px;
}

.bereiche_struktur .entry{
	display:block;
	padding:10px 20px;
	color:#334455;;
	text-decoration:none;
}

.bereiche_struktur .entry:hover{	background-color:#f9f9f9;}



.bereiche_struktur .umwelttechnik{
	width:355px;
	height:405px;
	background-color:#C7EBFE;
}
.bereiche_struktur .umwelttechnik h2{	background-color:#79CCF4;}

.bereiche_struktur .energietechnik{
	width:355px;
	background-color:#D0EFC9;
}
.bereiche_struktur .energietechnik h2{ 	background-color:#58C655;}

.bereiche_struktur .zentraleeinrichtungen{
	width:355px;	
	margin-top: 20px;	
	background-color:#F7FAB4;
}
.bereiche_struktur .zentraleeinrichtungen h2{	background-color:#E8E800;}




/* SITEMAP 
*****************************************************************************************/
#sitemap {margin:0 0 15px 0; font-size:0.8em;}

#sitemap li{list-style-type:square; margin-bottom:1em;}
#sitemap li li{list-style-type:square; margin-bottom:0;}
#sitemap li li li{list-style-type:disc;}
#sitemap li li li li{list-style-type:circle;}

#sitemap ul ul ul ul{margin-bottom:1px;}

#sitemap .lvl_1 a			{font-weight:bold; }
#sitemap .lvl_1 a:link		{color:#333; text-decoration:none;}
#sitemap .lvl_1 a:visited	{color:#333; text-decoration:none;}
#sitemap .lvl_1 a:hover		{color:#444; text-decoration:underline;}
#sitemap .lvl_1 a:focus		{color:#444; text-decoration:underline;}
#sitemap .lvl_1 a:active	{color:#444; text-decoration:underline;}

#sitemap .lvl_2 {}
#sitemap .lvl_2 a:link		{color:#0099cc; text-decoration:none;}
#sitemap .lvl_2 a:visited	{color:#0099cc; text-decoration:none;}
#sitemap .lvl_2 a:hover		{color:#0066CC; text-decoration:underline;}
#sitemap .lvl_2 a:focus		{color:#0066CC; text-decoration:underline;}
#sitemap .lvl_2 a:active	{color:#0066CC; text-decoration:underline;}

#sitemap .lvl_3 { }
#sitemap .lvl_3 a			{font-weight:normal;}
#sitemap .lvl_3 a:link		{color:#333; text-decoration:none;}
#sitemap .lvl_3 a:visited	{color:#666; text-decoration:none;}
#sitemap .lvl_3 a:hover		{color:#444; text-decoration:underline;}
#sitemap .lvl_3 a:focus		{color:#444; text-decoration:underline;}
#sitemap .lvl_3 a:active	{color:#444; text-decoration:underline;}



/* modul zurueckbutton
*******************************************************************************/
.zurueck
{
	margin:2em 0 2em 0;
	padding:10px 0 0 0;
	overflow:hidden;
	border-top:1px double #333;

	
}
.zurueck a{
	font-weight:normal;
	color:#339933;
}

.zurueckbutton{}




/* download
*******************************************************************************/
.download {margin-top:1em; padding:8px; overflow:hidden; border:1px solid #999; background-color:#FFF/*F7F7F7*/;}
.download a{text-decoration:none}

.download_1:hover {background-color:#F2FBFF/*F2FBFF*/; border:1px solid #0099cc;}
.download_2:hover {border:1px solid #0099cc;}

.download .download-icon {float:left; margin:  0px 0;}
.download .download-text {float:left; width:640px; margin:  0px 10px; overflow:hidden;}
.download .download-hdl	{padding:0 0 0 0px; font-weight:bold;}
.download .download-name{padding:0 0 0 0px; font-weight:bold;}
.download .download-desc{float:left; width:670px; margin:3px 0 0 55px; font-style:italic;}
.download .download-desc p{margin:0;}
.download .download-file{margin:0px 0 0 0;}




/* download_table
*******************************************************************************/
.download_table td{padding:5px;}
.download_table tr.highlight:hover{background-color:#F2FBFF;}

.download_table .dl{margin:5px;}
.download_table .mime{float:left; margin:-5px 5px 0 0;}
.download_table .flag{float:left; margin:5px 0 0 5px;}

.download_table .link_de{display:block; width:20px; height:12px; margin:0 auto; background-image:url(../files/de2.gif); background-repeat:no-repeat;}
.download_table .link_de:hover {background-image:url(../files/de.gif);}
.download_table .link_en{display:block; width:20px; height:12px; margin:0 auto; background-image:url(../files/en2.gif); background-repeat:no-repeat;}
.download_table .link_en:hover {background-image:url(../files/en.gif);}



/*	Images in textile
*******************************************************************************/
#content .fliesstext .image 	{margin:0;}
#content .fliesstext .image p 	{margin:0.2em;	font-size:0.7em;}
#content .fliesstext p.left 	{width:250px; 	text-align:left;}
#content .fliesstext p.right 	{width:250px; 	text-align:left;}

#content .fliesstext .flLeft 	{margin:0.2em 7px 7px 0px;}
#content .fliesstext .flRight 	{margin:0.2em 0px 7px 7px;}



/*	category-list
*******************************************************************************/
.category-list {}
.category-list li {line-height:1.6em;} /* etwas mehr abstand zwischen den zeilen für bessere übersicht*/
.category-list .image {
	position:relative;
	float:right;
	width:250px;
	margin:0 0 10px 0;
	padding:0;		
	border:solid 2px #CCCCCC;
}



/*	article-list
*******************************************************************************/
.article-list {
	margin:5px 0 0px 0;
	padding-left:0px;
}

.article-list .image {
	position:relative;
	float:right;
	width:250px;
	margin:0;
	padding:0;		
	border:solid 2px #CCCCCC;
}

.article-list .headline{
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
}

.article-list .fliesstext {
	position:relative;
	width: 480px;
	padding:0;
	text-align:left;
}

.article-list .mehr {
	color:#339933;
}



/* mitarbeiter liste
********************************************************************************/
#mitarbeiterliste {margin-top:1em;}

#mitarbeiterliste tr.zeile:hover 	{background-color:#F5F5FF}

#mitarbeiterliste .mitarbeiter_tabelle {border-spacing:0;}

	/* tabellen headlines */
#mitarbeiterliste th.id {width:25px;}
#mitarbeiterliste th.name {width:200px;}
#mitarbeiterliste th.titel {width:100px;}
#mitarbeiterliste th.titel_2 {width:125px;}
#mitarbeiterliste th.division {width:425px;}
#mitarbeiterliste .nachname th {font-weight:normal;}
#mitarbeiterliste .bereiche th {font-weight:normal;}


	/* tabellenszeilen */		
#mitarbeiterliste .buchstabe .zeile{padding:3px 10px 3px 0;}
#mitarbeiterliste .nachname .zeile{padding:3px 10px 3px 0;}
#mitarbeiterliste .bereiche .zeile{padding:3px 5px 1px 0;	}

	/* tabellensspalten */						
#mitarbeiterliste td.id{}
#mitarbeiterliste td.name{}
#mitarbeiterliste td.titel{}
#mitarbeiterliste td.name_titel span{font-size:0.7em;}
#mitarbeiterliste td.funktion {font-size:0.9em}
#mitarbeiterliste td.telefon {font-size:0.9em}
#mitarbeiterliste td.durchwahl {font-size:0.9em}
#mitarbeiterliste td.email {font-size:0.9em}
#mitarbeiterliste td.bereiche {font-size:0.9em}							



/*	mitarbeiterportrait (Mitarbeiterliste)
*******************************************************************************/
#mitarbeiterportrait{}

#mitarbeiterportrait .text{	float:left; }

#mitarbeiterportrait .headline
{ 
	font-weight:bold;
	font-size:1.1em;
	line-height:150%;
}

#mitarbeiterportrait .image
{
	float:left;
	padding:0 10px;
}



/*	Ansprechpartner
*******************************************************************************/

.ansprechpartner {margin-bottom:1em;}
.ansprechpartner h2{margin-bottom:-10px;}



/*	Trennstrich
********************************************************************************/

.trennstrich { border-top:1px solid #333;}


/* notice,warning,hinweis box
********************************************************************************/
.notice {
	margin-top:15px;
	padding:10px;
	background-color:#F2FBFF;
	border:2px solid #0099cc;
}
.notice p{
	text-align:center;
}

.warning {	
	margin-top:15px;
}
.warning p{
	padding:10px;
	text-align:center;
	border:2px solid #FF3333;	
}


.top_news
{
	margin-top:15px;
	font-size:1.0em;
	font-weight:bold;
	color:#333333;
	
}
.top_news div
{
	padding:10px;	
	font-weight:bold;
	text-align:center;
	color:#0099FF;
	border:2px solid #0099FF;
}






/*	WYSIWYG
*******************************************************************************/
.wysiwyg-section{
	overflow:hidden;
}




/*	Anmeldeformular
*******************************************************************************/
.anmeldung .input{
	margin:4px 0;
}	
.anmeldung .name, .anmeldung .mail, .anmeldung .tel, .anmeldung .str, .anmeldung .ort, .anmeldung .plz{
	display:block;
}

.anmeldung .date {
	display:inline;
}

.anmeldung .zimmer{float:left;}
.anmeldung .zimmer + .zimmer{margin-left:25px;}

.anmeldung .bez{
	display:inline-block;
	width:150px;
	margin-right:5px;
	text-align:right;
}

.anmeldung .anschrift{margin:15px 0;}
.anmeldung .blockbez{margin-left:150px; font-weight:bold;}
.anmeldung .eingereiht{margin-left:150px}

.anmeldung .name input, .anmeldung .mail input, .anmeldung .tel input, .anmeldung .str input, .anmeldung .ort input { width:300px;}
.anmeldung .plz input {width:50px;}
.anmeldung .date input {width:80px;}
.anmeldung .zimmer input {width:80px;}


.anmeldung .zimmer .bez {
	width:auto;
	margin-bottom:3px;
}

.anmeldung .date{float:left; margin-top:5px}
.anmeldung .date + .date{margin-left:30px;}
.anmeldung .date .bez {width:auto; margin-bottom:-5px;}

.anmeldung .block{
	width:350px; 
	margin-left:50px;
	padding:5px 0 15px 105px; 
	background-color:#F8F8F8; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.anmeldung textarea{width:300px; height:100px; resize:vertical;}