/*===========================
	IMPORTS
=============================*/
@import url("weblog.css");
@import url("werbeflaechen.css");
@import url("formulare.css");
@import url("search.css");


/*===========================
	FLOATING
=============================*/
.clear_float
{
	clear: both;
}

/*===========================
	TABELLEN
=============================*/
.tbl_hosting TD
	{
	padding: 3px 2px;
	}
	.tbl_hosting .tr-even
		{
		background-color: #EEE;
		}
	.tbl_hosting .tr-0
		{
		background-color: #CCC;
		font-weight: bold;
		}
		.tbl_hosting .td-0
			{
			color: #00008B;
			font-weight: bold;
			width: 50px;
			}
		.tbl_hosting .tr-0 TD
			{
			text-align: center;
			}

/*===========================
	MERKKÄSTEN
=============================*/

.merkkasten,
.csc-frame-frame1
	{
	border: 2px dashed #FF7F00;
	padding: 5px;
	background-color: white;
	}
	.merkkasten p,
	.csc-frame-frame1 p
		{
		padding: 0px;
		margin: 0px;
		}

/*===========================
	OVERLAY
=============================*/

.hidden {}

.overlay
{
	position: absolute;
	top:0;
	left:0;
	z-index: 9999;
	background-color: #000;
	/* -moz-opacity: 30; */
	/* opacity: .3; */
	width:100%;
	height:1000px; /* should be set via js */
}

/*===========================
	2-SPALTIGER TEXT
=============================*/
.tx-fdfx2cols-pi1 TABLE,
.tx-fdfx2cols-pi1 TR,
.tx-fdfx2cols-pi1 TD
	{
	border: none;
	}
	
.c2l1-middle, c2l1-left
	{
	border: none;
	}

/*========================
       A L E X A
=========================*/
.alexa_long
{
	margin-left: 5px;
}

.alexa_norm
{
	margin-left: 15px;
}

/*===========================
	RANKING MASSNAMEN
=============================*/
.key 
{ 
	visibility: hidden; 
	height: 2px;
	overflow: hidden;
}
.w3c_validator
{
	text-align: right;
	margin-bottom: 5px;
	float: left;
	}
	.w3c_validator a,
	.w3c_validator img
	{
		border: none;
	}
.mlm_pr
	{
	text-align: right;
	margin-bottom: 5px;
	margin: 0px;
	padding-right: 10px;
	width: 68px;
	float: right;
	}
	.mlm_pr p
	{
	margin: 0px;
	padding: 0px;
	width: 68px;
	}
/*===========================
	ELEMENT fdfx2cols
=============================*/
	/* LAYOUT VERSION 3 */
.tx-fdfx2cols-pi1 .c2l3-left
{
	border-right: 1px solid #FF7F00;
	padding-right: 10px;
	white-space: normal;
	width: 60%;
	vertical-align: top;
}
.tx-fdfx2cols-pi1 .c2l3-middle
{
	border: 0;
	background: none;
	width: 40%;
	padding-left: 10px;
	white-space: normal;
	vertical-align: top;
}

/*===========================
	ELEMENT MENU/SITEMAP
=============================*/
.csc-menu
{
	line-height: 20px;
}

/*===========================
	BODY
=============================*/
body
{
	background-color: #68645B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #68645B;
}

/* TOTAL = 770 x 613 
   Von oben weg 38px */
   
.total
{
	 position:absolute;
	 display: block;
         top: 38px;
         left: 50%;    
         width: 770px;
         height: 1px;
         /* height: 613px; */
         margin-left: -385px;
         z-index:1;
}

/*========================
       LEXIKON
=========================*/

.tx-sgglossary-pi1
{}
	.tx-sgglossary-pi1 .single_headline
	{
		font-size: 130%;
		font-weight: bold;
		color: #FF7F00;
		border-bottom: 1px dashed #FF7F00;
	}
	.tx-sgglossary-pi1 .beschreibung
	{
		margin-top: 10px;
		line-height: 18px;
		word-spacing: +1px;
		letter-spacing: +1px;
		font-family: Times, sans-serif;
		font-weight: lighter;
		font-style: oblique;
	}
	.tx-sgglossary-pi1 .beschreibung th,
	.tx-sgglossary-pi1 .beschreibung td
	{
		vertical-align: top;
	}

/*========================
       XML-FLASH-LAUFBAND
=========================*/
.xmlflashlaufband
{
	width: 457px;
}
.xmlflashlaufband #xmlflashlaufbandid
{
	width: 447px;
	border: 3px solid #EDEDED;
}

/*========================
       XML-FLASH-GALERIE
=========================*/
.xmlflashgalerie
{
	width: 455px;
}
.xmlflashgalerie #xmlflashgalerieid
{
	position: relative;
	left: 92px;
	width: 270px;
	border: 3px solid #EDEDED;
}
.xmlflashgalerie #xmlflashgalerieid2
{
	position: relative;
	left: 5px;
	width: 420px;
	border: 3px solid #EDEDED;
}

/*========================
       NEWS
=========================*/
.news
{
	position: relative;
	top: 5px;
	left: 0px;
	width: 153px;	
}
.newsteil
{
	position: relative;
	top: 10px;
	left: 10px;
	margin-bottom: 10px;
	width: 131px;
	height: 91px;
	background-image: url(/fileadmin/images/news_rahmen.gif);
}
.news .newstitle
{
	position: relative;
	top: 4px;
	text-align: center;
	color: white;
}
.news .newscontent
{
	position: relative;
	top: 13px;
	text-align: center;
}


/*========================
       SITEMAP
=========================*/
.tx-dropdownsitemap-pi1
{
	width: 750px;
}
.tx-dropdownsitemap-pi1 a
{
	text-decoration: none;
}

.tx-dropdownsitemap-pi1 LI.open OL {
	display : block; 
} 
.tx-dropdownsitemap-pi1 LI.closed OL {
	display : none; 
} 
.tx-dropdownsitemap-pi1 LI.open UL {
	display : block; 
} 
.tx-dropdownsitemap-pi1 LI.closed UL {
	display : none; 
} 

.tx-dropdownsitemap-pi1 DIV {
	border : 0 solid #000000; 
	padding : 3px; 
	margin : 3px; 
	background-color : #CCCCCC; 
}
.tx-dropdownsitemap-pi1 DIV.level_1 {
	background : #CCCCCC;
	color: #68645b;
}
.tx-dropdownsitemap-pi1 DIV.level_2 {
	background : #ffffff; 
} 
.tx-dropdownsitemap-pi1 DIV.level_3 {
	background : #e0e0e0; 
} 
.tx-dropdownsitemap-pi1 DIV.level_4 {
	background : #ffffff; 
} 
.tx-dropdownsitemap-pi1 DIV.level_5 {
	background : #e0cccc; 
} 
.tx-dropdownsitemap-pi1 DIV.expAll {
	text-align : center; 
} 

/*========================
       FLASH FILME
=========================*/
.bildbanner
{
	position: absolute;
	top: 95px;
	z-index: 2;
	width: 770px;
	height: 69px;
	
	/* border: 1px solid white; */
}
.logoanimation
{
	position: relative;
	top: 20px;
	left: -5px;
	margin-bottom: 40px;
	width: 370px;
	height: 68px;
	background-color: white;
	vertical-align: middle;
	border-left: 200px solid #FF7F00;
	border-right: 200px solid #FF7F00;
}

/*========================
     CONTENT FORMATE
=========================*/
.tagcloud
{
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
	background-color: #FFDFBF;
	}
	.tagcloud .label
	{
		color: #FF7F00;
	}
	

.trenner
{
	margin: 20px 0 20px 0;
	border: 1px solid #939089;
}

.contenttable td
{
	vertical-align: top;
}

.content ul
{
	list-style-image: url(/fileadmin/images/listenpunkt.gif);
	line-height: 20px;
}

.content a
{
	text-decoration: none;
	font-weight: bold;
	color: #ff7f00;
	/* color: #68645B; */
	}
	.content a:hover
	{
		color: black;
	}
	.content .csc-textpic-image,
	.content .csc-textpic-image a
	{
		text-decoration: none;
		border: none;
	}
	

.content p
{
	/* text-align: justify; */
}

.content H1
{
	font-size: 14px;
}

.content H5			/* mit Unterstrich */
{
	font-size: 120%;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #ff7f00;
	border-bottom: 2px solid #ECDEDD;
}

.content H6			/* ganz klein */
{
	margin-top: -10px;
}

.content .home IMG
{
	background-image: url(/fileadmin/images/digit_unterschirft.gif);
	width: 150px;
	height: 81px;
	margin: -10px 0px -40px 0px;
}

.content iframe
{
	border: none;
}

.content .name-of-person
{
	color: #ff7f00;
	text-align: right;
}
.content .align-right
{
	width: 100%;
	text-align: right;
}

.impressum
{
	width: 100%;
	height: 300px;
	/* border: 1px dotted black; */
	}
	.impressum td
	{
		vertical-align: top;
	}

#partner_symbiose
{
	margin-top: 10px;
	width: 455px;
	border: 1px solid #939088;
	color: #222222;
	}
	#partner_symbiose .header
	{
		background-color: #939088;
		color: white;
		font-weight: bold;
		padding: 3px;
	}
	#partner_symbiose .logotxt
	{
		font-size: 12px;
		text-align: justify;
		vertical-align: top;
		padding: 3px;
	}
	#partner_symbiose .logotxt IMG
	{
		border: none;
		float: left;
		margin-right: 5px;
	}
	#partner_symbiose .logotxt A
	{
		text-decoration: none;
		font-weight: bold;
	}
	#partner_symbiose .klammer
	{
		color: #ff7f00;
	}
	
#design_preview
{
	margin-top: 10px;
	width: 455px;
	border: 1px solid #939088;
	color: #222222;
	}
	#design_preview .header
	{
		background-color: #939088;
		color: #ffeb8c;
		font-weight: bold;
		padding: 3px;
	}
	#design_preview .logotxt
	{
		font-size: 12px;
		text-align: justify;
		vertical-align: top;
		padding: 3px;
	}
	#design_preview .logotxt IMG
	{
		border: none;
		float: left;
		margin-right: 5px;
	}
	#design_preview .logotxt A
	{
		text-decoration: none;
		font-weight: bold;
	}
	#design_preview .klammer
	{
		color: #ff7f00;
	}
	
/*========================
 =========================
 
 BEREICHS-POSITIONIERUNGEN
 
 =========================
=========================*/

/*========================
     BEREICHSANZEIGE
=========================*/
.bereich_act
{
	position: absolute;
	top: 172px;
	margin-left: -100px;
	width: 100px;
	height: 435px;
	/*border: 1px solid grey;*/
	}
	.bereich_act .font
	{
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;	
	}

/*========================
     CONTENT-BEREICH
=========================*/
html>body .content 
{
	min-height: 435px;
	height: auto;
}
.content
{
	position: absolute;
	left: 0px;
	top: 172px;
	width: 770px;
	/* min-height: 435px; */
	background-color: white;
	}
	.content_left
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		min-height: 435px;
		height: auto;
		display: inline;
		padding: 5px;
		float: left;
		background-image: url(sub_menue_hg_streifen.png);
		background-repeat: repeat-x;
	}
	.content_middle
	{
		position: relative;
		display: inline;
		float: left;
		vertical-align: top;
		top: 0px;
		width: 457px;
		min-height: 435px;
		height: auto;
		padding: 5px;
	}
	.content_lum
	{
		position: relative;
		float: left;
		top: 0px;
		left: 0px;
		width: 597px;
		min-height: 435px;
		height: auto;
		display: inline;
		padding: 5px 5px 5px 15px;
	}
	.content_right
	{
		position: relative;
		display: inline;
		float: left;
		top: 0px;
		right: 0px;
		width: 153px;
		min-height: 435px;
		height: auto;
		background-image: url(sub_menue_hg_streifen.png);
		background-repeat: repeat-x;
	}	
	.content_mur
	{
		position: relative;
		float: left;
		top: 0px;
		/* left: 151px; */
		width: 608px;
		min-height: 435px;
		height: auto;
		padding: 0 5px;
	}
	.content_lumur
	{
		position: relative;
		float: left;
		top: 5px;
		left: 5px;
		width: 760px;
		min-height: 435px;
		height: auto;		
	}
	
	
.content_footer
{
	clear: both;
	display: block;
	width: 770px;
	height: 50px;
	background-color: #68645b;
	}
	.content_footer IMG
	{
		padding: 0px;
		margin: 0px;
		border: 0px;
		border-spacing: 0px;
		border-collapse: collapse;
	}
	.content_footer .borderimg
	{
		margin-top: -6px;
	}
	.content_footer #copyright
	{
		position: relative;
		display: inline;
		float: left;
		left: 5px;
		top: 3px;
		color: #dddddd;
		text-align: left;
	}
	.content_footer .googlepagerank {
		position: relative;
		left: 150px;
		top: 3px;
		display: inline;
		float: left;
		width: 30px;
		height: 14px;
		text-align: center;
		overflow: hidden;
		background-color: #888888;
	}
	.content_footer #bookmarks
	{
		position: relative;
		display: inline;
		top: 3px;
		float: right;
		right: 5px;
		/* width: 300px; */
		text-align: right;
		vertical-align: middle;
	}
	.content_footer #bookmarks A IMG
	{
	/*
		width: 15px;
		height: 15px;
	*/
	}

/*=========================
	HINTERGRUND
===========================*/
.hg_streifen_top 
{
        position: absolute;
        top: 0px;
        left: 0px;        
        width: 100%;
        height: 210px;
	background-image: url(haupthg_oben_streifen.jpg);
	background-repeat: repeat-x;
}

/* LOGO setzten */

.logo
{
	 position:absolute;
         top: 0px;
         left: 0px;    
         z-index:2;  
}


/*========================
	TOPMENU
=========================*/

.top_menu 
{
	position:absolute;
         top: 0px;
         right: 0px;           
         height: 42px; 
         z-index:3;  
         display: inline;
	}
	.top_menu_header 
	{
		color: white;
		font-family: arial;
		width: 478px;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid white;
		text-align: right;
	}
	.top_menu_all
	{
		position: absolute; 
		right: 0px;
		top: 20px;
		text-align: right;
	}
	.top_menu_no a,
	.top_menu_no a:visited,
	.top_menu_no a:active
	{
		color: white; 
		font-family: verdana;
		font-size: 10px;
	 	text-decoration: none;
	}
	.top_menu_no a:hover
	{
		color: #ff7f00;
	}
	.top_menu_act a,
	.top_menu_act a:visited,
	.top_menu_act a:active
	{
	 	color: white; 
	 	font-family: verdana;
	 	font-size: 10px;
	  	text-decoration: none;
	}
	.top_menu_act a:hover
	{
		color: #ff7f00;
	}

/*========================
	HAUPTMENU
=========================*/
/* Hauptmenu Huntergrun:
	von Top ab 71px */

.main_menu
{
	background-image: url(hmenue_hg_gesamt.jpg);
	background-position: center;
	background-repeat: no-repeat;
	position:absolute;
        top: 71px;
        left: 0%;    
        width: 770px;
        height: 100px;
        /*border: 1px solid #ff7f00;*/
	}
	.haupt_menu_wrap
	{
		position: absolute;
		top: 5px;
		left: 0px;
		height: 26px;
		width: 770px;
		/*border: 1px solid white;*/
	}
	.haupt_menu_wrap .td1
	{
		text-align: center;
		width: 96px;
	}
	.haupt_menu_wrap .td2
	{
		width: 3px;
	}
	.haupt_menu_wrap,
	.haupt_menu_wrap A
	{
		/*font-weight: bold;*/
		text-decoration: none;
		text-transform: uppercase;
	}
	.haupt_menu_wrap .link_no A { color: white; }
	.haupt_menu_wrap .link_no a:hover { color: #ff7f00; }
	.haupt_menu_wrap .link1 { color: #ff7f00; } /* ORANGE */
	.haupt_menu_wrap .link2 { color: #ffeb8c; } /* GELB */
	.haupt_menu_wrap .link3 { color: #cbffad; } /* GRÜN */
	.haupt_menu_wrap .link4 { color: #ebdddc; } /* HELLROSAROT */
	.haupt_menu_wrap .link5 { color: #f8b4bf; } /* ROSAROT */
	.haupt_menu_wrap .link6 { color: #a3e8d6; } /* MINTGRÜN */
	.haupt_menu_wrap .link7 { color: #cdaae2; } /* PINK */
	.haupt_menu_wrap .link8 { color: #b8d3da; } /* GRAUBLAU */

/*========================
     SUBMENU LINKS
=========================*/
.sub_menu_wrap
{
	color: black;
	line-height: 16px;
	white-space: pre;
	}
	.sub_menu_wrap a
	{
		text-decoration: none;
		color: #68645B;
		border: none;
	}
	.sub_menu_wrap a:hover { color: #ff7f00; }
	.sub_menu_wrap a:active { color: black; }
	.sub_menu_wrap .linkitem_no
	{
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #ff7f00;	
	}
	.sub_menu_wrap .linkitem_act
	{
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: black;	
	}
	/* --------------------------------------------- */
	/* Sublinkitem, das standardmäßig angezeigt wird */
	/* --------------------------------------------- */
	.sub_menu_wrap .linkitem_sub0_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: gray;
	}
	.sub_menu_wrap .linkitem_sub0_act
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: black;	
	}
	/* ---------------------------------------------- */
	/* Sublinkitem, in der jeweiligen Farbe des HMENU */
	/* ---------------------------------------------- */
	.sub_menu_wrap .linkitem_sub1_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #ff7f00; /* orange */
	}
	.sub_menu_wrap .linkitem_sub2_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #ffeb8c; /* GELB */
	}
	.sub_menu_wrap .linkitem_sub3_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #cbffad; /* GRÜN */
	}
	.sub_menu_wrap .linkitem_sub4_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #ebdddc; /* HELLROSAROT */
	}
	.sub_menu_wrap .linkitem_sub5_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #f8b4bf; /* ROSAROT */
	}
	.sub_menu_wrap .linkitem_sub6_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #a3e8d6; /* MINTGRÜN */
	}
	.sub_menu_wrap .linkitem_sub7_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #cdaae2; /* PINK */
	}
	.sub_menu_wrap .linkitem_sub8_no
	{
		margin: 5px 0px 5px 5px;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #b8d3da; /* GRAUBLAU */
	}
	
/*========================
       LINIENMENU
=========================*/
.linienmenu
{
	font-size: 10px;
	color: #814F9F;
	height: 20px;
	border-bottom: 1px solid #68645B;
	}
	.linienmenu a
	{
		text-decoration: none;
		color: #FF7F00;
	}
	.linienmenu a:hover
	{
		text-decoration: underline;
		color: #FF7F00;
	}
	
/*===========================
	BACKLINKS
=============================*/
.footer-backlinks
{
	position: absolute;
	bottom: 100px;
	font-size: 80%;
	color: #AAAAAA;
	}
	
	.footer-backlinks a,
	.footer-backlinks a:active,
	.footer-backlinks a:hover
		{
		font-size: 80%;
		color: #EAEAEA;
		}