/* top elements */
* { margin:0; 	padding: 0; }

body {
	margin: 0; padding: 0;
	font:82%/1.5em  Verdana, Tahoma, Arial,sans-serif;
	color:  #6C6A75; 	
	text-align:center; 
	background-color:#FAFAFA;
}

/* links */
 a {
	color:  #6C6A75;
	background-color: inherit;
	text-decoration: none;
}	
		
a:hover {
	color:  #6C6A75;	
	background-color: inherit;
	text-decoration:underline;
}

/* headers */

. csc-header-n2 h1{font-size: 1.0em;}

h1{
	font-family: 'Verdana', Tahoma, Helvetica, Sans-serif;
	font-size: 1.2em;
	#font-weight: Bold;
}	

h2{
	font-family: 'Verdana', Tahoma, Helvetica, Sans-serif;
	font-weight: Bold; 		
}

h3 {
	font-family: 'Verdana', Tahoma, Helvetica, Sans-serif;
	font-weight: Bold; 		
}
#rightbar h1{
	font-size: 120%;	
	color: #666;
	background-color: inherit;
}

#main h1 {
	font-size:120%;
	margin:5px 0 12px 0;
	color: #004895;
	border-bottom: 1px solid #004895;
}


#main h2 {
	font:bold 115% 'Verdana', Tahoma, Helvetica, Sans-serif;
	margin:10px 0 0 0;
	color: #004895;
}

#main h3 a{
	font:110% 'Verdana', Tahoma, Helvetica, Sans-serif;
	color:  #6C6A75;
	margin:0;
	padding:0;
}
#main h3 a:hover{
	font:110% 'Verdana', Tahoma, Helvetica, Sans-serif;
	color:  #6C6A75;
	margin:0;
	padding:0;
	text-decoration:underline;
}
h2, h3, p {
	padding:5px;		
	margin: 0;
}

h4 {color: #004895;}

/* images */
#main img {
	border: 2px solid #CCC;
	margin: 5px 10px 10px 0px;
	
}

#sidebar h1, 
#sidebar p {
	padding-left: 0;
}

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

code {
  position:relative;
  margin:2px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow:hidden;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
}


acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #FF9966;   
}

/* form elements */
form {
	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 3px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:350px;
	padding:3px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px Verdana, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #75A54B;
}
/* search form */
form.search {
	position: absolute;
	top: 15px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent; 
}
form.search input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 	
	vertical-align: top;
}
form.search input.button {
	width: 60px;
	vertical-align: top;
}

/**************************************
   LAYOUT 
***************************************/	
#wrap {
	margin: 0 auto; 
	padding: 0; 
	width: 990px;
	text-align: left;	
	image-align: left;
	background-color:#FFF;
	overflow:hidden;
	position:relative;
}
/****************************************/
#top{
	margin:0;
	width:100%;	
	padding:0; 
	border-bottom:1px solid #004895;
	height:24px;
}

*html #top{
	margin:0;
	width:100%;	
	padding:0; 
}

#top img {
	border:none;
}

.left {
	float:left;
	width: 495px;
}

.right {
	float:right;
	width: 495px;
}

#suche {
	padding:0;  	
	float:left;
	width: 170px;
	}

#sprache{
	margin: -15px 0 0 300px;
	padding:0;  
	float:left;
	width: 200px;
}

img#sprache  {
	margin:0 2px 0 2px;
}
/******************MENUOBEN*****************************/
#menutop { 
		font-family: Verdana, Arial, sans-serif; 
		font-size:0.9em; 
		text-align: right; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */ 
		margin: 0; 
		padding:0;  
} 

#menutop   ul { 
		margin: 0; 
		padding:0; 	
} 
#menutop  li { 
		margin: 0 0 0 0; 
		border-bottom: none; 
		display: inline; /* Menu links are horizontally aligned using display: inline */ 
} 
#menutop   li a { 
		margin: 0; 
		padding: 5px 12px 5px 12px; /* Display: block won't work in this example, instead we are using padding */ 
		color: #FFF; 
		text-decoration: none; 
		border: 1px solid #FFF; 
		border-bottom:none; 
		background: #004895;
} 
#menutop   li a:hover { 
		background: #ededed; 
		color: #004895;
} 
#menutop   li#active { 
		margin: 0 3px 0 0; 
		padding: 5px 6px 5px 8px; /* Display: block won't work in this example, instead we are using padding */ 
		background: white; 
		border: 1px solid #004895;
		border-bottom: 1px solid white; 
} 
#menutop   li a:hover { 
		background:#004895;
		color: #FFF; 
} 

/******************KOPFBEREICH************************/
#header { 
	height:110px; 
	margin: 0; 
	padding:0 0;
	color: #808080; 	
	clear:both;
}
#header img {
	margin: 0; 
	padding:10px 0 0 10px;
	border: none;	
		
}


/***********************MENU***************************/
/***********************MENU***************************/
* /* "Universal rule". Set's border, padding and margin to 0 for all CSS values*/ 
  
#menu { 
	font-family: Arial, sans-serif; 
	font-size: 0.9em; 
	text-align: left; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */ 
	margin:0  0 10px 0; 
	padding: 1px 0 10px 0;  
	height: 45px;
	background:#fff url(../zeitklang/images/shadow.gif) repeat-x bottom left;
	clear:both;
	width:100%;
}

#menu ul {
	margin: 0 0 0 20px;
}
#menu   li { 
	margin: 0 10px 0 0; 
	border-bottom: none; 
	display: inline; /* Menu links are horizontally aligned using display: inline */ 
} 
#menu  li a { 
	margin: 0 -2px 0 0; 
	padding: 3px 12px 3px 12px; /* Display: block won't work in this example, instead we are using padding */ 
	color: #666; 
	text-decoration: none; 
	border: 1px solid #ccc; 
	background: #f5f5f5; 
} 
#menu   li a:hover { 
	background: #ededed; 
	color: #000; 
} 
#menu  li a.hier{ 
	margin: 0 3px 0 0; 
	padding: 3px 6px 3px 8px; /* Display: block won't work in this example, instead we are using padding */ 
	background: white; 
	border: 1px solid #ccc; 
	border-bottom: 1px solid white; 
} 
#menu  li a:hover { 
	background: #ededed; 
	color: #000; 
} 
#menu  .subMenu{
	float: left; 
	text-align: left; /* If both menus are going to be left-aligned we really don't need to use text-align: left on the sub menu, since this menu will inherit the alignment from .Menu */ 
	width: 100%; 
	margin:4px 0 5px 0; 
	padding:0; 
	background:#004895;
	height:24px;
} 

* html #menu  .subMenu {
	margin: 4px 0 5px 0; /* IE hack */ 
} 

#menu  .subMenu ul {
	background:#FFF;
	height:24px;
}

#menu  .subMenu li {
	/*padding: 3px 6px 3px 6px; */
	border: 0; 
	margin:4px 0 0 10px;
} 
#menu  .subMenu li a {
	padding: 2px 6px 4px 8px; 
	border: 0; 
	background-color: #004895; 
	color:#FFF;
} 
#menu   .subMenu li a:hover {
	padding: 2px 6px 4px 8px; 
	color:#004895;
	background-color:#FFF;
} 
#menu  .subMenu li a.subhier{
	padding: 2px 6px 4px 8px; 
	font-weight: bold; 
	color:#004895;
	background-color:#FFF;
} 


/****************************Mittlere Spalte**********************/
#sidebar {
	float: left;
	width:270px; 
	margin:45px 0 20px 0;	
	padding: 0; 
}

* html #sidebar{
	width:270px; 
}
#sidebar img { 
	border:none; 
	margin:0 0;
	padding: 0 0 0 0px;
}
/*****************Rechte Spalte********************/

#rightbar {
	float: right;
	width: 250px;
	padding: 0 0 0 20px;
	margin: 30px 0px 20px 0px; 
}
* html #rightbar {
	width:270px; 
}
#rightbar img {
	margin:10px 0px 0px 0;
	border:none; 
}
#rightbar p {
	padding:10px 0px 0px 0;
	border:none; 
}
#rightbar  ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 7px 0; padding: 0;
	text-decoration: none;	
}
#rightbar  ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;	
	background: url(arrow.gif) no-repeat 3px 6px;	
	padding: 2px 5px 2px 20px;
}

* html body #rightbar ul.sidemenu li { height: 1%; }

#rightbar  ul.sidemenu li a {
	font-weight: bolder;
	background-image: none;
	text-decoration: none;	
}
/****************Linke Spalte***********************/
#main {
	float: left;
	margin:23px 0 0 0; 	
	padding:0 20px 15px 20px;
	width:410px;	
}

* html #main {
	width:450px;	
}
#main p {
	font:0.9em Verdana, Arial, Helvetica, sans serif;
	line-height:1.6em;	
	margin: 7px 0 5px 0;
	padding: 0 0 0 0;
}

#main img {
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 15px 10px 10px 10px;
	border: 1px solid #f2f2f2; 
	font-size: 95%;
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/********************Footer***************************/
#footer { 
	clear: both; 	
	color: #FFF; 	
	padding: 0;	 
	width:990px;
	background-color: #6C6A75; 	
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;
	color: #FFF;
}
#footer-content {
	width: 990px;
}
#footer-content #footer-left {
	padding:3px;
	width:484px;
	float: left;
	background-color: #6C6A75; 	
}
#footer-content #footer-right {
	padding: 3px;
	width: 484px;
	float: right;
	background-color: #6C6A75; 	
	text-align:right;
}

/**********Mother little Helpers***************/
.clearfix {
  	float: none;                 
  	clear: both;                 
  	width: 1px;                  
  	margin: 0;                   
  	padding: 0;               
  	font-size: 0px;             
  	line-height: 0px;       
  	height: 0px;            
}
.divider{
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}


  .hide {
    	position: absolute;
    	left: -1000em;
    	width: 20em;
  }
  
span.hide, dfn { 
	position:absolute; 
	left:-1000px; 
	top:-1000px; 
	width:0; 
	height:0; 
	overflow:hidden; 
	display:inline; 
} 


 

/* additional classes */
.clear  { clear: both; } 
/***************************SUCHE**********************/
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
	height: 12px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0 3px; 
	padding: 1px 3px; 
	font:0.9em Verdana, Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid  #CCC;
	color:  #A00C36;
	width: 50px;
	height: 18px;
	vertical-align: top;
}

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

.csc-textpic-caption {font-size:0.7em;}


a.menuLink2, a.menuLink2:link, a.menuLink2:visited {
  display:block;
  /*position:relative;*/
  height:17px;
  margin:0px;
  padding:2px;
  font-size:12px;
  font-weight: normal;
  padding-left:20px;
  text-decoration:none;
  background-color:#f3f1f1;
  background-image:url(../zeitklang/bilder/schalter_navi.gif);
  background-repeat:no-repeat;
  background-position:top left;
  color:#0055aa;
 
}

a.menuLink2:hover {
  background-color:#dddddd;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_navi_act_blau.gif);
  background-repeat:no-repeat;
  background-position:top left;
  /*text-decoration: underline;*/
}

a.menuLinkAct2 {
  display:block;
  /*position:relative;*/
  height:17px;
  margin:0px;
  padding:2px;
  padding-left:20px;
  font-size:12px;
  font-weight: normal;
  text-decoration:none;
  background-color:#dddddd;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_navi_act_blau.gif);
  background-repeat:no-repeat;
  background-position:top left;
  color:#333333;
}

a.submenuLink2 {
  display:block;
  /*position:relative;*/
  /*height:16px;*/
  margin:0px;
  padding:1px;
  padding-left:30px;
  font-size:10px;
  font-weight: normal;
  text-decoration:none;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_subnavi.gif);
  background-repeat:no-repeat;
  background-position:top left;
  color:#666666;
}

a.submenuLink2:hover {
  text-decoration: underline;
}

a.submenuLinkAct2 {
  display:block;
  /*position:relative;*/
  /*background-color:#FFD5B1;*/
  color:#0055aa;
  /*height:15px;*/
  margin:0px;
  padding:1px;
  padding-left:30px;
  font-size:10px;
  font-weight: normal;
  text-decoration:none;
  background-image:url(../../../../uploads/tx_tllbaseext/schalter_subnavi.gif);
  background-repeat:no-repeat;
  background-position:top left;
}

#menuDiv2 {
  /*position:relative;*/
  width:179px;
  margin:0px;
  padding:0px;
  padding-top:0px;
  padding-left:2px;
  text-align:left;
  /*float:left;*/
}

li.menuItem2 {
  list-style-type:none;
  text-align:left;
  border-top:1px solid #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
 
}

li.submenuItem2 {
  list-style-type:none;
  color:#666666;
  text-align:left;
  border-top:1px solid #fff;
  border-bottom: 1px solid #fff;
  
}


#menuList2 {
  /*width:179px;*/
  margin:0;
  padding:0px;
  border-bottom: solid 1px #fff;
  width:250px;
}

ul.submenuList2 {
  margin:0px;
  padding:0px;
  /*border-top: solid 1px #fff;*/
   
.ausgabe {
	margin:300px;
}