/* by SIGNALWERK - Agentur fuer Kommunikation GmbH   */



@import "sd_csc_override.css";
/*@import "sd_wecstaff.css";
@import "sd_branchenbuch.css";
@import "sd_wtgallery.css";*/




/***************************************************************************/
/***********  B A S I S E I N S T E L L U N G E N **************************/
/***************************************************************************/

* /* allgemeine Festlegung */
{
	padding:0;
	margin:0;
}

html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #000000;	
}

body
{
	background-color: #FFFFFF;
	background-image: url(../img/basic_txt.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align:center; /* Ausrichtung fur IE6 */
}

a img /*Rander um Bildlinks entfernen */
{
	border:none;
	border-width:0px;
	text-decoration: none;
}



/***************************************************************************/
/***********  G R U N D A U F B A U  ***************************************/
/***************************************************************************/

#container 
{
	position: relative;
	width:960px;
	margin: 0 auto; /* Ausrichtung fur Standardbrowser */
	text-align:left; /* Textausrichtung innen zurucksetzen */
}

#left
{
	float:left;
	display:block;
	width:240px;
	min-height:200px;
	padding-top:300px;
	overflow:hidden;
}

/*#right_top
{
	float:right;
	display:block;
	width:682px;
	height:300px;
	background-color:#FF0066;
	background-image: url(../img/basic_content.jpg);
	background-repeat: no-repeat;
	background-position: left 104px;
}

#right
{
	padding-top:109px;
	overflow:hidden;
	background-color:#00CC66;
	background-image: url(../img/basic_content_inner.jpg);
	background-repeat: repeat-y;
	background-position: left 104px;
}*/



#right_top
{

}

#right
{
	float:right;
	display:block;
	width:682px;
	min-height:500px;
	padding-top:109px;
	padding-left:7px;
	overflow:hidden;
	background-image: url(../img/basic_content.jpg);
	background-repeat: no-repeat;
	background-position: left 104px;

}

#flash_left 
{
	position:absolute;
	height: 316px;
	width: 278px;
	left:0;
	overflow:hidden;
	background-image: url(../img/dummy_flash1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#flash_right
{
	position:absolute;
	height: 109px;
	width: 682px;
	left: 278px;
	overflow:hidden;
	background-image: url(../img/dummy_flash2.jpg);
}







/***************************************************************************/
/***********  S P A L T E   B A S I C S T Y L E S   ************************/
/***************************************************************************/

#content_right
{
	float:right;
	font-size: 11px;
	line-height:14px;
	color:#838383;
	display:block;
	margin-top:30px;
	width:166px;
	padding-right:30px;
	padding-left:20px;
	line-height:16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DADADA;	/*background-color: #33FF33;*/
}

#content_right h1
{
	color:#D99820;
	font-size: 16px;
	line-height:18px;
	display:block;
	font-weight: normal;
	margin-bottom:5px;
}


#content_right h2
{
	color:#000000;
	font-weight: normal;
	font-size: 12px;
}

#content_right p
{
	margin-bottom: 9px;
	line-height:14px;
	
}

#content_right a
{
	text-decoration:none;
	color:#e4ae45;
}

#content_right a:hover
{
	text-decoration:underline;
}




/***************************************************************************/
/*********** S O N S T I G E   B A S I C S T Y L E S   *********************/
/***************************************************************************/

#footer
{
	color:#C1C1C1;
	clear:both;
	display:block;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-right: 40px;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E1E1;
	font-size:11px
}

#footer a
{
	color:#C1C1C1;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#footer p.copyright
{
	font-size:10px
}

#footer span.powered
{
	color:#FF0000;
}

/***************************************************************************/
/***********  H A U P T N A V I + Z U S T A E N D E   ************************/
/***************************************************************************/

#navi /* Staedte-Navi */
{
	height:40px;
}

#navi_bar_ec
{
	height:10px;
	width:675px;
	background-image: url(../img/nav01_bar.jpg);
	background-repeat: repeat-x;
}

#navi_bar_gr
{
	height:10px;
	width:675px;
	background-image: url(../img/nav02_bar.jpg);
	background-repeat: repeat-x;
}

#navi_bar_sd
{
	height:10px;
	width:675px;
	background-image: url(../img/nav03_bar.jpg);
	background-repeat: repeat-x;
}

#navi_bar_region
{
	height:10px;
	width:675px;
	background-image: url(../img/nav04_bar.jpg);
	background-repeat: repeat-x;
}

#navi ul
{
	list-style-type: none;	
}

#navi li 
{
	float:left;
	text-align:center;
}

#navi li a
{
	display:block;
	height:20px;
	width:135px;
	padding:10px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

#navi li a.eching
{
	background-image: url(../img/nav01_no.jpg);
}
#navi li a.eching:hover
{
	background-image: url(../img/nav01_ro.jpg);
}
#navi li a.greifenberg
{
	background-image: url(../img/nav02_no.jpg);
}
#navi li a.greifenberg:hover
{
	background-image: url(../img/nav02_ro.jpg);
}
#navi li a.schondorf
{
	background-image: url(../img/nav03_no.jpg);
}
#navi li a.schondorf:hover
{
	background-image: url(../img/nav03_ro.jpg);
}
#navi li a.freizeit
{
	width:190px;
	background-image: url(../img/nav04_no.jpg);
}
#navi li a.freizeit:hover
{
	background-image: url(../img/nav04_ro.jpg);
}




/***************************************************************************/
/***********  S U B N A V I + Z U S T A E N D E   ****************************/
/***************************************************************************/

#subnavi
{
	padding-top:20px;
}

#subnavi ul
{
	list-style-type: none;
	width:180px;	
	margin-left:50px;
}

#subnavi li a
{
	display:block;
	padding:5px;
	padding-left:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	color:#999999;
	text-decoration:none;
	font-size:14px;
}

#subnavi li a:hover
{
	color:#000000;
	background-image: url(../img/navsub_arr_ro.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
}

#subnavi li a.act2
{
	background-image: url(../img/navsub_arr_act.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
	color:#000000;
}

#subnavi ul ul
{
	padding-bottom:15px;
	margin-left:0px;
}

#subnavi li li a
{
	font-size:12px;
	padding:2px;
	padding-left:28px;
}

#subnavi li li a.act3
{
	background-image: url(../img/navsub_arr_act.jpg);
	background-repeat: no-repeat;
	background-position: 15px 5px;
	color:#000000;
}

#subnavi li li a:hover
{
	background:none;
	
}

#subnavi li li li a
{
	font-size:11px;
	padding:1px;
	padding-left:42px;
}

#subnavi li li li a.act4
{
	background-image: url(../img/navsub_arr_act.jpg);
	background-repeat: no-repeat;
	background-position: 30px 5px;
	color:#000000;
}

/***************************************************************************/
/***********  S P E Z I E L L E   F R A M E S  *****************************/
/***************************************************************************/

#content_left .boxclear {
	clear:both;
}

/****** Teaserbox Startseite */

#content_left .twocolumns
{
	overflow:hidden;
	float:left;
	width:160px;
	height:120px;
	padding:10px;
	padding-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	line-height:14px;
	background-image: url(../img/tex01_box.jpg);
	background-repeat: repeat-x;
	background-color:#ddecef;
	font-size:11px;
	line-height:14px;
}

#content_left .twocolumns h1,
#content_left .twocolumns h2,
#content_left .twocolumns h1 a,
#content_left .twocolumns h2 a
{
	height:25px;
	line-height:25px;
	display:block;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	border:none;
	background:none;
	/*margin-bottom: 8px;
	padding-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C1BD71;*/
}

#content_left .twocolumns img
{
	border: 1px solid #CCCCCC;
	margin-left: -12px;
}

#content_left .twocolumns a
{
	text-decoration:none;
	color:#000000;
}

#content_left .twocolumns a:hover
{
	text-decoration:underline;
}



/* OLD -->   #content_right .right_column
{
	padding:15px;
	padding-top:0px;
	margin-bottom:10px;
	padding-bottom:5px;
	background-repeat: repeat-x;
	background-color:#f0eddb;
}*/




#content_left .twocolumns_content1,
#content_left .twocolumns_content2
{
	float:left;
	width:170px;
	padding:10px;
	padding-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#ddecef;
}

#content_left .twocolumns_content2
{
	background:none;
}

#content_left .twocolumns_content1 h1,
#content_left .twocolumns_content2 h1
{
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:10px;
	padding-left:8px;
}




/****** Wrap rechte Spalte */

#content_right .right_column
{
	padding-top:0px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}




/***************************************************************************/
/***********  S P E Z I E L L E   T A G S  *********************************/
/***************************************************************************/


#content_right a.more
{
	padding-left:17px;
	background-image: url(../img/link_arrow_more_y.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}


/***************************************************************************/
/***********  H A U P T C O N T E N T   B A S I C S T Y L E S   ************/
/***************************************************************************/

#content_left 
{
	float:left;
	display:block;
	width:400px;
	padding:20px;
	padding-left:30px;
	padding-top:30px;
	/*background-color: #00FFFF;*/
}

#content_left h1
{
	font-size: 16px;
	line-height:18px;
	font-weight: normal;
	color: #000000;
	background-color: #0099CC;
	padding: 6px;
	background-image: url(../img/c01_hbox_tx.jpg);
	margin-bottom: 15px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

#content_left h1 a {
	text-decoration:none;
	background:none;
	color: #000000;
}

#content_left h2
{
	font-size: 20px;
	line-height:22px;
	font-weight: normal;
	margin-bottom: 10px;	
}

#content_left p
{
	margin-bottom: 9px;
	
}

#content_left a
{
	text-decoration:none;
	color:#116673;
}

#content_left ul
{
	list-style-type:none;
	margin-bottom:12px;
}

#content_left ul li {
	padding-left:16px;
	margin-bottom:5px;
	background-image: url(../img/li_dot.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
}


/***************************/

#content_left .ruler_after {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;	
	padding-bottom:15px;
	margin-bottom:25px;
}