/**************************************************************************
*
*  Common HTML (esp. for the layout-tables in tt_content)
*
***************************************************************************/
table, th, tr, td {

	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/* border: 1px dotted ORANGE; */
	border: 0px none transparent;

}


td {
	vertical-align: top;
	/* border: 1px solid ORANGE; */

}


/**************************************************************************
*
*  Tests
*
***************************************************************************/
table#tbl-content-layout {

/* dbg */
 	/* background-color: rgb(152,152,152);  */
	/* height: 430px; */

	margin:  0px;
	margin-left: 35px;

	padding: 0px;
	border:  0px none;


}




.td-content-leftcol,
.td-content-rightcol {

 	/* background-color: rgb(152,152,152); */
	/* height: 430px; */

	margin:  0px;
	padding: 0px;
	border:  0px none;
	
}


.td-content-leftcol {

 	/* background-color: rgb(102,102,152); */
	width: 218px;	


	
}

.td-content-rightcol {

 	/* background-color: rgb(152,152,152); */
	/* do not set a width on  content col  */
	width: 700px;
	
}





div#hyperlink-printversion {

	margin:  0px;
	margin-top:  20px;
	padding: 0px;
	border:  0px none;

	font-size: 10pt;
}






/**************************************************************************
*
*  banner und logo
*
***************************************************************************/
img#banner {
	float: left;
}	


img#logo   {
	float: left;
}	



/**************************************************************************
*
*  footer space
*
***************************************************************************/
p#footerspace
{
	/* border: 1px solid #FF0000; */
 	/* background-color: rgb(222,222,200);  */

	margin: 0em;
	margin-top: 2em;  

}



/**************************************************************************
*
*  tx-indexedsearch
*
***************************************************************************/
form {
	margin: 0;
	border: 0;
	padding: 0;

}		

input  { 
	font-size: 7pt; 
	color: rgb( 0, 0, 0 );
}




/**************************************************************************
*
*  DBG - switch of debug bgcolors
*
***************************************************************************/
/* div#navservice 
 * needs a white bg or a part of the repeated vertical 
 * bg will be visible. 
 */





/**************************************************************************
***************************************************************************
***************************************************************************
*  END OF LAYOUT SECTION - BEGIN A NEW STYLESHEET
***************************************************************************
***************************************************************************
***************************************************************************/



/**************************************************************************
***************************************************************************
***************************************************************************
*  START CONTENT STYLES ...
***************************************************************************
***************************************************************************
***************************************************************************
*  MAIN PROBLEM:
*  User input from editors could be wider than the allowed width.
*  This would wrap the div#right, as it is floated.
*
*  CAUSE:
*  For mozilla based browsers, there's no problem. The content will flow out of the box.
*  No wrapping to occur.
*  For IE based browsers, the cause is, that IE will not allow the content to flow out
*  of the box. Instead, it enlarges the box (aka the div) itself, to match the content.
*  
*  SOLUTION:
*  None so far.
*
*  WORKAROUND:
*  a) Use absolutely positioned layers
*  b) Use table based layout
*
*
***************************************************************************
***************************************************************************/


/*
#---------------------------------------------------------- 
#
#              ######### 
#             ############
#             ###      ###
#             ### 
#             ### 
#             ### 
#             ### 
#             ###      ###
#             ###      ###
#             ############
#              ######### Content Layouts
#
#---------------------------------------------------------- 
*/


/**************************************************************************
*
*  div - navmain-and-logo - Spacing und Inhalt
*
***************************************************************************/
div#navmain-and-logo {
	
	/* background-color: rgb(0,204,204); */    /* aqua - dark  */
	/* background-color: rgb( 99, 199, 153 ); */

	/* position:absolute; */
	/* left:   38px;      */
	/* top:   120px;      */
	/* width: 213px;      */   /* 250 - 37 Rand = 213 */
	/* z-index:5;         */
	margin       : 0px;
	margin-top   : 7px;
	margin-bottom: 10px;

	padding: 0px;
	border : 0px none;

	float: left;
	width: 255px;
}


div#logo-spacing {
	/* background-color: rgb( 99, 199, 153 ); */  /* orange - lighter */

	padding: 0px;
	padding-bottom:  19px;

/* dont use margin, or bg will shine through */
/*	
	margin-top:  19px;
	margin-left: 37px;
	margin-bottom:  19px;
*/


}

div#logo-inhalt {
	/* background-color: rgb( 199, 99, 153 );  */
}



div#navmain-spacing {
	/* background-color: rgb( 153, 153, 153 );  */  /* orange - lighter */
	/* dont use margin, or bg will shine through */
	margin-left: 2px;
}

div#navmain-inhalt {
	/* background-color: rgb( 204, 204, 153 );  */
	/* color: #FFF; */
}




/**************************************************************************
*
*  div - sub-layout - Spacing und Inhalt
*
***************************************************************************/
div#sub-layout-spacing {
	/* background-color: rgb( 153, 153, 153 ); */   /* orange - lighter  */ 

	padding: 0px none;

	padding: 0em none;
	padding-left: 255px;
	padding-top: 50px;


/* dont use margin, or bg will shine through */
/*
	margin: 0px none;
	margin-left: 250px;
	margin-top: 5px;
*/

/* packen wir das lieber in div#content */
/* Nicht schlecht. Bild liegt ausserhalb des Textes am linken unteren Rand. aber noch über dem blauen Balken. */
/*
	background-attachment: scroll;
	background-image: url(../../layout_img/COM/bg/reflex1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
*/

}





div#sub-layout-inhalt {
	/* background-color: rgb( 153, 153, 204 );  */
	width: 460px;  /* rein rechnerisch: 690 - 250 = 440 */

}







/**************************************************************************
*
*  common html entities
*
***************************************************************************/

/**************************************************************************
*  Headers and Subheads (Used for the second headline line)
***************************************************************************/
h1,
div.csc-header h1,
div.csc-textpicHeader h1,
  p.csc-subheader {
	font-size: 14pt;
	font-weight: normal;
	/* color: #FFF;  */
}


/**************************************************************************
*  Now, if content type "Header" is used, remove margins, padding 
*  and border between head1 and head2
***************************************************************************/
h1,
div.csc-header h1,
div.csc-textpicHeader h1,
p.csc-subheader {
	margin-top: 0;
	margin-bottom: 0.2em;
	padding: 0
	border: 0;

/* background-color: rgb(142,192,192); */

}

p.bodytext {
	margin-top: 0;
	margin-bottom: 0.2em;
	padding: 0
	border: 0;

/* background-color: rgb(142,192,192); */

}




/**************************************************************************
*
*  Navi styles
* - Not needed for GMENU
* - Only for NAVMAINBOTTOM
* and links in the copy
* 
* #009B4E = dark green (e.g. hi-button bg)
* #BFE6D3 = light green (e.g. dflt-button bg)
*
***************************************************************************/
a {
	text-decoration: none;
	color: #FFF;
}

a:visited {
	text-decoration: none;
	color: #FFF;
}

a:hover {
	text-decoration: underline;
	color: #FFF;
}




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


#footer a:visited {
	color: #FFF;
}

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


/*
#bluebar-inhalt a {
	text-decoration: none;
	color: #FFFFFF;

	font-size: 14pt;
	font-weight: normal;

}
*/



/**************************************************************************
*
*  Common HTML (esp. for the layout-tables in tt_content)
*
***************************************************************************/
table, th, tr, td {

	font: 11pt Verdana, Arial, Helvetica, sans-serif;

}


td {
	vertical-align: top;
	/* border: 1px solid ORANGE; */

}





/**************************************************************************
*
*  Kurzfristige Anpassungen
*
***************************************************************************/
/* keine */








/*
#---------------------------------------------------------- 
#
#            ####
#             ### 
#             ### 
#             ### 
#             ### 
#             ### 
#             ### 
#             ###      ###
#             ############
#           ############ Listdir
#
#---------------------------------------------------------- 
*/

/* vgl. OpenPress, p.360 ff., bzw. bd.info/listdir */
/* 000 - basic settings for the div, to be inherited */

/**************************************************************************
*
*  div
*
***************************************************************************/
#navsite1
{
/*		font-size: 8.5pt; 	*/
/* 	font-weight: normal; */

 	margin:  0px; 
 	border: 0px none;
 	padding: 0px; 

 	width: 200px;  

	/* background-color: OLIVE;  */

}




/**************************************************************************
*
*  ul
*  ul ul
*  ul ul ul
*
***************************************************************************/
#navsite1 ul,
#navsite1 ul ul,
#navsite1 ul ul ul
{
 	list-style: none; 
 	margin: 0; 
 	padding: 0; 

}


/**************************************************************************
*
*  ANPASSUNG IE6 RAUSGENOMMEN ZU GUNSTEN VON IE7
*
***************************************************************************/



/**************************************************************************
*
*  ul li
*  ul li a
*  + boxmodel hack "auto"
*
***************************************************************************/
/* 400 - basic settings for all li's preceeded by an ul */
#navsite1 ul li
{
	margin: 0;
	padding: 0;
	border: 0px none;
	margin-bottom: 27px;	 

 	vertical-align: text-top;  /* hier oder oben in li - hier ist besser */

}



/* 600 - basic settings for a:link's inside a ul li tag */
/*       HINTERGRUNDFARBE DER listdir2                  */
#navsite1 ul li a
{
 display: block; 

       /* t    r   b    l */
 padding: 3px  5px 1px  0px; /* the height of the virtual button and hover area  and the indent */
 margin:  0;
 border:  0 none;

 color: #FFFFFF;  /* hauptpunkte immer Weiss */
 text-decoration: none; 


/*
 width: 100%;
 */
  /* 999 - for ie, make all of the block element clickable */
  /* 999 - rauslassen. IE6, IE5.5, IE5.0 machen immernoch den Hovereffekt, */
  /* 999 - aber man muss halt direkt auf den Text klicken */
  /* 999 - und der Hover-Effekt kommt auch nur bei Mouseover Text */
  /* 999 - so spart man sich den Boxmodel-Hack am Ende dieses Stylesheets. */

 /* background-color: #FFF;  */
 font-weight: bold;
 font-size: 11pt;
 
 
}


/* 600 - basic settings for a:link's inside a ul li tag */
/*
** level 1
*/
#navsite1 ul li ul li
{
	border: 0px none;
	/* border-bottom:    1px solid #CCC;	 */
	margin: 0;
	/* margin-bottom: 10px;	 */

}


#navsite1 ul li ul li a
{
 /* indent - level 1 */
 padding-left: 10px; 

 /* height of box */
 padding-top:    1px; 
 padding-bottom: 1px; 


 /* bg image for first sublevel */
 background-image:    url(../../layout_img/COM/listdir/list_icon_level1.gif);
 background-repeat:   no-repeat;
 background-position: left top;

 font-weight: normal;
 font-size: 11pt;

 color: #ABB3D4;  /* hellblaue Schrift */


}


/*
** level 2
*/
#navsite1 ul li ul li ul li
{
	border: 0px none;
	/* border-bottom:    1px solid #CCC;	 */


	margin-left: 23px;   /* making the hover block smaller, for this level 2  */
}



#navsite1 ul li ul li ul li a
{
 /* indent - level 2 - a must for use with bgimg */

  /* good for IE6 and mozilla  */
 padding-left: 15px; 

 /* height of box */
 padding-top:    3px; 
 padding-bottom: 3px; 

 background-image:    url(../../layout_img/COM/listdir/list_icon_level2.gif);
 background-repeat:   no-repeat;
 background-position: left top;

 font-weight: normal;  /* not necessary, due to inheritance */

 color: #ABB3D4;  /* hellblaue Schrift */


}





/**************************************************************************
*
*  Selectors isempty, inpath, isself,...
*
***************************************************************************/

#navsite1 		ul li       a:hover,
#navsite1 		ul li ul li a:hover
{	
	color: #FFF;
}



#navsite1 		ul li       a.isself,
#navsite1 		ul li       a.isself:hover,
#navsite1 		ul li ul li a.isself,
#navsite1 		ul li ul li a.isself:hover
{	
	color: #FFF;
}




/* Add bg image as a substitute for the bullet for the first sublevel only */
#navsite1 		ul li ul li a:hover,
#navsite1 		ul li ul li a.isself,
#navsite1 		ul li ul li a.isself:hover
{	
 	background-image:    url(../../layout_img/COM/listdir/list_icon_level1_isself.gif);
 	background-repeat:   no-repeat;
 	background-position: left top;

}





/**********************************************************/
/* 610 - box model hack  */
/* reset width: 100% to width: auto for all non ie browsers */

/*
html>body #navsite1 ul li a,
html>body #navsite1 ul li ul li a,
html>body #navsite1 ul li ul li ul li a
{ 
 width: auto; 
} 
*/



/* weitere Styles für weisse Seite direkt in layout_template/main/weisse_seite.html */



/**************************************************************************
*
*  Tests
*
***************************************************************************/
table#tbl-content-layout {

/* dbg */
 	/* background-color: rgb(152,152,152);  */
	/* height: 430px; */

	margin:  0px;
	margin-left: 35px;

	padding: 0px;
	border:  0px none;


}




.td-content-leftcol,
.td-content-rightcol {

 	/* background-color: rgb(152,152,152); */
	/* height: 430px; */

	margin:  0px;
	padding: 0px;
	border:  0px none;
	
}


.td-content-leftcol {

 	/* background-color: rgb(102,102,152); */
	width: 218px;	


	
}

.td-content-rightcol {

 	/* background-color: rgb(152,152,152); */
	/* do not set a width on  content col  */
	width: 700px;
	
}





div#hyperlink-printversion {

	margin:  0px;
	margin-top:  20px;
	padding: 0px;
	border:  0px none;

	font-size: 10pt;
}