/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  


.rgaccord1-nest{
  border-bottom:1px dotted #cecdc9;
}

/* Toggle default */
h3.rgaccord1-toggle {
  font-weight:bold;
  font-size:12px;
  color:#0b519b;

  line-height: 22px;
  background: url(../img/icon_acc_down.gif) 0px 6px no-repeat;

  padding:2px 0 7px 25px;
  margin:0;
  cursor:pointer;
}

/* Toggle act item */
h3.act {
  color:#696767;
  background: url(../img/icon_acc_up.gif) 0px 6px no-repeat;
}

#SubContentMain div.rgaccord1-content p, #SubContentMain div.rgaccord1-content ul {
	margin:0 0 1px 0;
	padding:0 0 15px 0;
}

/* the content */
div.rgaccord1-content {
/*
  width:450px;
  
  padding:0 0 15px 0;
  */
}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {
  display:none;
}





/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
All: Allgemeines Layout
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*gepunktete Linie um Links onClick entfernen*/
a:focus{ 
	outline: none;
} 

*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}

@font-face{
        font-family: 'AGlght'; 
        src: url('../fonts/AGlght.eot');
}
@font-face{
        font-family: 'AGlght'; 
        src: url('../fonts/AGlght.otf') format('opentype');
}
@font-face{
        font-family: 'AGmed'; 
        src: url('../fonts/AGmed.eot');
}
@font-face{
        font-family: 'AGmed'; 
        src: url('../fonts/AGmed.otf') format('opentype');
}
html{
	margin: 0;
	padding: 0;
	overflow:hidden;
	/*
	background-color:#6582b2;
	*/
}
body{
	margin: 0;
	padding: 0;
	overflow:hidden;
	height:100%; /*nötig für IE6 damit das 	height:100%; overflow:auto; aud der #OverflowBox funktioniert */
}
/* ausgeblendet zum Tes des hikel bugs am 04.06.2010
img, div { 
	behavior: url(fileadmin/templates/scripts/iepngfix.htc)
}
*/
h1{
	font-size:22px;
	font-family:AGlght, Arial, Helvetica, sans-serif;
	color:#35b4f6;
	margin:0 0 25px 0;
	padding:0;
	font-weight:normal;
	/*
	display:none;
	*/
	
}
h1.hidden{
	font-size:22px;
	font-family:AGlght, Arial, Helvetica, sans-serif;
	color:#35b4f6;
	margin:0 0 25px 0;
	padding:0;
	font-weight:normal;
	display:none;
}
h2{
	font-size:12px;
	color:#666666;
	font-weight:bold;
	margin:0 0 18px 0;
}
h3{	
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin:0 0 10px 0;
}
h4{	
	font-size:14px;
	background-color:#37b7f9;
	display:block;
	padding:8px;
	font-weight:bold;
	color:#fff;
	margin:0 0 10px 0;
}
/*
a{
	text-decoration: underline;
	color:#35b4f6;
}
*/
p{
	margin:0 0 20px 0;
	line-height:20px;
}

ul{
	margin:0 0 20px 0;
	padding:0 0 0 0;
	list-style-type: none;
}
ul li{
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	background-image: url(../img/bulletpoint.gif);
	background-repeat: no-repeat;
	background-position:0 7px;
	padding:0 0 0 17px;
}

#Clear{
	clear: both; margin: 0px
}
#CloudMovie{
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
#TransparentBox {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	/* background: rgba(255, 255, 255, 0.7);  - alternative Schreibweise für Gecko */ 
	filter:alpha(opacity=70); /* IE */
	opacity: 0.7; /* Opera */
	-moz-opacity:0.7; /* Gecko */ 
	z-index:2;
}
#OverflowBox {
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:3;
}
#CenteredBox{
	position:absolute;
	width:1000px;
	margin-left:-500px;
	left:50%;
	z-index:3;
}

#ContentBox{
	width: 1000px;
	height:100%;
	background-image: url(../img/border_verlauf_backgr.png);
	background-repeat: repeat-y;
	background-position:34px 0;
	z-index:3;
}

/*++++++++++++++++++++
All: MetaMenu
++++++++++++++++++++++*/

#MetaMenu{
	width: 780px;
	height:30px;
	margin:0 0 0 70px;
}

#MetaMenu ul{
	padding:0px;
	margin:12px 25px 0 0;
	float:right;
	list-style-type: none;
}
#MetaMenu ul li{
	float:left;
	list-style:none;
	padding: 0px 8px 0px 15px;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#MetaMenu ul li a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}
#MetaMenu ul li a:hover{
	text-decoration:underline;
	color:#00CCFF;
}
#MetaMenu ul li#no_img{
 background:none;
 padding-left:0px;
}

/*++++++++++++++++++++
All: HeadSection
++++++++++++++++++++++*/

#Head{
	width:930px;
	height:146px;
	margin:0;
	background-image:url(../img/head_backgr.png);
	background-repeat:no-repeat;

}

#LogoLeadCloud{
	width:250px;
	padding:5px 0 0 50px;
	float:left;
}

#LogoLeadCloudTop{
	width:160px;
	height:91px;
}
#LogoLeadCloudBottom{
	width:250px;
	height:25px;
}
#LogoLeadCloudLeft{
	width:126px;
	height:25px;
	float:left;
}
#PoweredBy{
	width:120px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:-4px 0 0 130px;
}

/*++++++++++++++++++++
Home: IntroSection
++++++++++++++++++++++*/
/*Variante ohne Flash
#IntroText{
	width:720px;
	margin:0 0 0 70px;
	padding:30px;
	background-color:#c6c6c6;
	background-image:url(../img/introtext_backgr.gif);
	background-repeat:no-repeat;
}*/
#IntroText{
	width:720px;
	margin:0 0 0 70px;
	padding:0 0 0 30px;
	background-color:#fff;
}
#IntroTextBoxContent{
	float:left;
	width:500px;
	
}
#IntroTextBoxLink{
	width:80px;
	margin:0 0 0 600px;
	padding:30px 0 0 0;
}
#IntroTextBoxLink a{
	background-image:url(../img/mehr_button.png);
	background-repeat:no-repeat;
	display:block;
	padding:15px 23px;
	text-decoration:none;
}
#IntroTextBoxLink a:hover{
	background-image:url(../img/mehr_button_hov.png);
}

/*++++++++++++++++++++
Home: NewSection
++++++++++++++++++++++*/

#News{
	width:930px;
	height:280px;
	margin:0 0 0 70px;
	padding:0px;
}
#NewsContent{
	width:750px;
	margin:0;
	padding:30px 0 0 0;
	float:left;
}
#LogosRechts{
	width:156px;
	height:130px;
	margin:0px 0 0 750px;
	padding:170px 0 0 20px;
	background-image:url(../img/logos_rechts.png);
	background-repeat:no-repeat;
	background-position:6px 121px;
}

#LogoWM a{
	display:block;
	width:124px;
	height:41px;
	/*
	background-image:url(../img/logo_wm.jpg);
	*/
	background-image:url(../img/logo_wm.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#LogoWM a:hover{
/*
	background-image:url(../img/logo_wm_hov.jpg);
	*/
	background-image:url(../img/logo_wm_hov.jpg);
}
#LogoDLFK a{
	display:block;
	width:124px;
	height:48px;
	margin:18px 0 0 0;
	background-image:url(../img/logo_dlfk.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#LogoDLFK a:hover{
	background-image:url(../img/logo_dlfk_hov.jpg);
}

/*++++++++++++++++++++
All: FooterMenu
++++++++++++++++++++++*/
#Footer{
	width:930px;
	margin:0 0 0 35px;
	padding:50px 0 0 65px;
	background-image:url(../img/footer_verlauf_backgr.png);
	background-repeat:no-repeat;
}

#Footer ul {
	list-style-type: none;
	margin:0;
	padding:0 0 10px 0;
}
#Footer ul li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	display: inline;
	font-size:10px;
	background-image:url();
}
#Footer ul li a{
	margin:0;
	padding:0;
	text-decoration:none; 
	height:20px;
	font-size:10px;
}
#Footer ul li.footermenu_no a,
#Footer ul li.footermenu_no a:visited{
	color:#769cc0;
}
#Footer ul li.footermenu_no a:hover,
#Footer ul li.footermenu_act a{
	color:#efab00;
}

/*++++++++++++++++++++
All: ContactMenu
++++++++++++++++++++++*/

#ContactMenu{
	width:50px;
	margin:0 0 0 851px;
	padding:19px 0 0 0;
}

/* remove all the bullets, borders and padding from the default list styling */
#ContactMenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:68px;
}
/* hack for IE5.5 */
* html #ContactMenu ul {
	margin-left:-16px; 
	ma\rgin-left:0;
}
/* position relative so that you can position the sub levels */
#ContactMenu li {
	position:relative;
	height:40px;
	margin:0;
	padding:0;
	background-image:url();
}

#ContactMenu ul li.phone a {
	background-image:url(../img/telefon_2.gif);
	background-repeat:no-repeat;
	background-position:2px 1px;
}
#ContactMenu ul li.mail a{
	background-image:url(../img/brief_2.gif);
	background-repeat:no-repeat;
	background-position:1px 1px;
}
#ContactMenu ul li.phone ul.lev2 li a,#ContactMenu ul li.mail ul.lev2 li a {
	background-image:url();
}

/* get rid of the table */
#ContactMenu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
}

/* style the links */
#ContactMenu a, #ContactMenu a:visited {
	font-family:verdana, sans-serif;
	display:block; 
	text-decoration:none;
	height:40px;
	line-height:29px;
	color:#000;
	text-indent:5px;
}
#ContactMenu ul li a, #ContactMenu ul li a:visited {
width:129px;
}
#ContactMenu ul li ul li {
	height:32px;
	/*
	background: rgba(124, 124, 124, 0.5);  der letzte wert ist die opacity. 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	*/
	background-color:#008ff2;
	opacity:0.5;
	filter: alpha(opacity=50); /*für IE*/
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:0 0 0 10px;
	width:139px;
}
#ContactMenu ul li ul li a, #ContactMenu ul li ul li a:visited {
	color: #fff;
	font-weight:bold;
}
/* hack for IE5.5 */
* html #ContactMenu a, 
* html #ContactMenu a:visited { 
	width:50px; w\idth:49px;
}
/* style the link hover */
* html #ContactMenu a:hover {
	color:#fff; 
}

#ContactMenu :hover > a{
	color:#fff; 
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#ContactMenu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:-150px; 
	width:50px;
}
/* make the second level visible when hover on first level list OR link */
#ContactMenu ul li:hover ul,
#ContactMenu ul a:hover ul {
	visibility:visible;
}


/*++++++++++++++++++++
All: MainMenu
++++++++++++++++++++++*/
#MainMenu{
	width:780px;
	margin:0 0 0 70px;
	padding:0 0 30px 0;
	background-color: #FFFFFF;
	background-image:url(../img/main_menu_backgr.png);
	background-repeat:no-repeat;
}

#InnerMainMenu{
	margin:0 0 0 30px;
	width:600px;
	height:150px;
	background-color:#dddddd;
}

#InnerMainMenu a{
	text-decoration:none;
}
#InnerMainMenu ul.lev1,
#InnerMainMenu ul.lev1_active{
	position: relative;
	list-style: none;
	padding: 20px 0;
	margin: 0;
	float:left;
	background-image:url(../img/main_menu_backgr_quadr.jpg);
	background-repeat:no-repeat;
	height: 110px;
	width: 147px;
	display: block;
	border-right: 3px solid #fff;
}
#InnerMainMenu ul.lev1 li,
#InnerMainMenu ul.lev1_active li{
	padding:0 15px;
	margin:0;
	text-transform:uppercase;
	font-size:16px;
	background-image:url();
	
}
#InnerMainMenu ul.lev1 li a,
#InnerMainMenu ul.lev1_active li a{
	font-size:20px;
	font-family:AGlght, Arial, Helvetica, sans-serif;
	color:#898989;
}
#InnerMainMenu ul.lev1:hover a, 
#InnerMainMenu ul.lev1.sfhover a{ /* die sfhover Class wir vom JS genutzt um im IE6 Hover auch f�r UL oder LI zu ermöglichen*/
	color:#36b5f6;
}
#InnerMainMenu ul.lev1:hover, 
#InnerMainMenu ul.lev1.sfhover{ /* die sfhover Class wir vom JS genutzt um im IE6 Hover auch für UL oder LI zu ermöglichen*/
	left: 0px;
	/*
	background-image:url(../img/main_menu_backgr_quadr_hov.jpg);
	background-repeat:no-repeat;
	*/
	color:#36b5f6;
}
#InnerMainMenu ul.lev1 li ul.lev2{
	position: absolute;
	list-style: none;
	width: 147px;
	margin:6px 0 0 0;
	padding:0;
	height:104px;
	left: -999em; /* left wird benutzt, da display:none von screen readern nicht gelesen werden kann */
}
#InnerMainMenu ul.lev1_active li ul.lev2{
	position: absolute;
	list-style: none;
	width: 147px;
	margin:6px 0 0 0;
	padding:0;
	height:104px;
	left: 0px;
}
#InnerMainMenu ul.lev1:hover li ul.lev2, 
#InnerMainMenu ul.lev1.sfhover li ul.lev2{
	left: 0px;
}
#InnerMainMenu ul.lev1 li ul.lev2 li,
#InnerMainMenu ul.lev1_active li ul.lev2 li {
	padding:0;
	margin: 0;
}
#InnerMainMenu ul.lev1 li ul.lev2 li a,
#InnerMainMenu ul.lev1_active li ul.lev2 li a{
	display: block;
	padding:3px 20px;
	margin: 0;
	text-transform: none;
	font-size:13px;
	color:#898989;
}
#InnerMainMenu ul.lev1 li ul.lev2 li a:hover,
#InnerMainMenu ul.lev1_active li ul.lev2 li a:hover,
#InnerMainMenu ul.lev1_active li ul.lev2 li a.active{
	background-color: #fff;
	color:#36b5f6;
}

/*++++++++++++++++++++
Home: NewsBoxen
++++++++++++++++++++++*/

#NewsLinks{
	float:left;
	width:298px;
	height:230px;
	margin-left:30px;
	padding:20px 0 0 52px;
	background-image:url(../img/referenzen_backgr.jpg);
	background-repeat:no-repeat;
}
#NewsRechts{
	width:298px;
	height:245px;
	margin:0 0 0 397px;
	padding:5px 0 0 52px;
	background-image:url(../img/news_backgr.jpg);
	background-repeat:no-repeat;
}



/*++++++++++++++++++++
Home: News/Referenzen Inhalt
++++++++++++++++++++++*/
.news-latest-container{
	width: 188px;
	height:191px;
	padding:15px 15px 15px 15px;
}

.news-latest-container a img{
	margin:10px 0 10px 0;
}

.news-latest-item h3{
	margin:10px 0 5px 0;

}
.news-latest-item h3 a{
	text-decoration:none;
}
.news-latest-item h3 a:hover {
	text-decoration: underline;
}

.news-latest-list{
	margin:15px 0 0 0;
	padding:0 0 0 18px;
	background-image:url(../img/pfeil.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
.news-latest-list a{
	font-weight:bold;
	color:#36b5f6;
	text-decoration:none;
}
.news-latest-list a:hover{
	text-decoration: underline;
}


/*++++++++++++++++++++
Sub: Content
++++++++++++++++++++++*/
#Sub{
	width:930px;
	margin:0 0 0 70px;
	padding:0px;
}
/*
#News{
	width:930px;
	height:280px;
	margin:0 0 0 70px;
	padding:0px;
}
*/
#SubContent{
 width:750px; 
}
/*
#NewsContent{
	width:750px;
	margin:0;
	padding:30px 0 0 0;
}
*/
/*
#SubContentLeft{
	float:left;
	width:330px;
	margin-left:30px;
	padding:10px;
	background-color:#33FF33;
}
#SubContentRight{
	width:330px;
	margin-left:385px;
	padding:10px;
	background-color:#9933CC;
}
*/
#SubContentMain{
	padding:0 0 0 30px;
	width:727px;
}

#ColMitte{
	width:100%;
	margin:0 0 -150px 0; /* Negativer margin-bottom entspricht Höhe des gelben Kastens (s.u.) */
}

/* ROT/GRÜN */
#SubLeft, #ColLeft
{
	float:left;
	width:345px;
 	margin:0 0 -150px 0; /* Negativer margin-bottom entspricht Höhe des gelben Kastens (s.u.) */

}  
#SubRight, #ColRight
{
	float:right;
	width:345px;
 	margin-bottom:-150px; /* Negativer margin-bottom entspricht Höhe des gelben Kastens (s.u.) */
}

#SubLogos{
	position:relative;
	left: 757px;
	height:109px; /* Höhe entspricht negativem margin-bottom der Spalten (s.o.) */
	padding: 50px 0 0 13px;
 	width:160px;
	/*
	margin:-150px 0 0 0;
	*/
	background-image:url(../img/logos_rechts.png);
	background-repeat:no-repeat;
}
#SubLogosInner{
}

#NewsLeft{
	float:left;
	width:298px;
	height:250px;
	padding:0 0 0 52px;
	background-image:url(../img/referenzen_backgr.jpg);
	background-repeat:no-repeat;
	display: inline;
	margin:0 0 -159px 30px;  /*Negativer margin-bottom entspricht Höhe des gelben Kastens (s.u.) */
}

#NewsRight{
	float:right;
	width:298px;
	height:250px;
	padding:0 0 0 52px;
	background-image:url(../img/news_backgr.jpg);
	background-repeat:no-repeat;
	display: inline;
 	margin-bottom:-159px;  /*Negativer margin-bottom entspricht Höhe des gelben Kastens (s.u.) */
}

/*++++++++++++++++++++
Sub: BoxBsp
++++++++++++++++++++++*/
/*
#SubBspBoxBack {background-image:url(../img/sub_back_beisp_1px.gif); background-repeat:repeat; width:350px;}
#SubBspBoxOuter{background-image:url(../img/sub_back_beisp.gif); background-repeat:no-repeat; background-position:bottom;}
#SubBspBoxInner{padding:5px 0 5px 60px;}
*/
#SubBspBoxOuter{
	background-image:url(../img/sub_box1_outer.jpg); 
	background-repeat:repeat; 
	width:345px; 
	min-height:118px;
	margin:0 0 15px 0;
}
#SubBspBoxInner{
	padding:10px 10px 5px 70px;
	background-image:url(../img/sub_box1_inner.jpg); 
	min-height:118px;
	background-repeat:no-repeat; 
	background-position:bottom; 
}

#SubBspBoxInner h2{
	font-size:14px;
	font-weight:bold;
	color:#666666;
}
#SubBspBoxInner a{
	text-decoration:none;
	color:#36b5f6;
}
#SubBspBoxInner a:hover{
	text-decoration: underline;
	color:#36b5f6;
}

/*++++++++++++++++++++
Sub: Box2
++++++++++++++++++++++*/
#SubBox2 {
	background-image:url(../img/sub_box2_oben.gif); 
	background-repeat:no-repeat; 
	background-position: top; 
	background-color:#bde8fb; 
	width:345px;
	margin:0 0 15px 0;
}
#SubBox2Inner{
	background-image:url(../img/sub_box2_unten.gif); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	padding:15px 15px 5px 25px;
}

#Sub2BoxInner h2{
	font-size:14px;
	font-weight:bold;
	color:#666666;
}
#SubBox2Inner a{
	text-decoration:none;
	color:#36b5f6;
}
#SubBox2Inner a:hover{
	text-decoration: underline;
	color:#36b5f6;
}

/*++++++++++++++++++++
Sub: SEO Sitemap
++++++++++++++++++++++*/

.deep0 a, .deep1 a, .deep2 a, .deep3 a{
	text-decoration:none;
	color:#35b4f6;
	font-weight:bold
}
div.tx-flseositemap-pi1 ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
div.tx-flseositemap-pi1 li.deep0{
	background-image:url(../img/sitemap_bullet_square.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 0 14px;
	margin:0 0 14px 0;
}
div.tx-flseositemap-pi1 li.deep1{
	margin:7px 0 7px 25px;
	background-image:url(../img/sitemap_bullet_square_grey.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 0 14px;
}


/*++++++++++++++++++++
ALL: Formulare
++++++++++++++++++++++*/
.form-error
{
	margin: 10px 0 10px 0;
	padding: 5px;
	font-size: 11px;
	color: rgb(227,27,30);
	border: 1px solid rgb(227,27,30);
}
.form-label-anrede-main
{
	display: inline;
}
.form-label-anrede
{
	display: inline;
	font-size: 12px;
}
.form-label-title
{
	display: block;
}
.radio{
	/* border-top:6px solid hidden;*/
	margin: 8px 0 0 0; 
}
.rot{
	color: rgb(227,27,30);
}
.form-label
{
	margin:6px 0 0px 0;
	display: block;
	font-size: 12px;
}
.form-input
{
	width:328px;
	background-color:rgb(255,255,255);
	margin:0px 0 2px 0;
	font-size: 11px;
	border: 1px solid rgb( 212,208,200);
	display:block;
}
.form-textarea
{
	height:150px;
	width:328px;
	background-color:rgb(255,255,255);
	margin:0px 0 2px 0;
	font-size: 11px;
	border: 1px solid rgb( 212,208,200);
	float: left;
}
.form-input-plz
{
	width:76px;
	border: 1px solid rgb( 212,208,200);
	margin:0px 4px 2px 0;
	font-size: 11px;
	float: left;
}
.form-input-ort
{
	width:246px;
	border: 1px solid rgb( 212,208,200);
	margin:0px 0 2px 0;
	font-size: 11px;
	float: left;
}
.form-submit
{
	padding: 3px;
	font-size: 11px;
	color: rgb(0,0,0);
	border: 1px solid rgb(227,27,30);
	background-color: rgb(255,255,255);
}
.form-datenschutz
{
	color: rgb(161,161,161);
	font-size: 10px;
}
.checkbox-left
{
	margin: 8px 5px 0 0;
}