/* ********************************** */
/* Allgemein */
/* ********************************** */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:100.1%;
	font-weight:normal;
	color:#393939;
	background-color:#e8e8e8;
	text-align:center;
	text-decoration:none;
}

/*
 * Für Elemente wie H1 bis Hx, A, P gilt: 
 * margin:0px; 
 * da sonst das Layout nicht stimmt!
*/
h1, h2, h3, h4, h5, p, a, p {
	margin-top:0px;
	margin-bottom:2px;
}

h1.tx-dirlisting-pi1-title{
	/* Downloads: Zeile mit Pfad. Ist H1, soll aussehen wie h2*/
	font-size:1.05em;
	padding-top:0px;
	color:black;
	margin-bottom:8px;
}

h1.alert {
	color:#990000;
	font-size:1.3;
}


p{
	text-align:left;
	font-size:0.90em;
	line-height:1.3em;
 	font-weight:normal;
	margin-bottom:3px;
}

p.bodytext{
	margin-bottom:7px;
}


ul {
	font-size: 0.9em;
	list-style-position:outside;
	margin-bottom: 2px;
	line-height:1.3em;
	margin-top:0px;
	margin-left:18px;
	list-style-image: url("../images/aufzaehlungszeichen.gif");
}


ol {
	font-size: 0.9em;
	list-style-position:outside;
	margin-bottom: 2px;
	line-height:1.3em;
	margin-top:0px;
	/* Linksbündig für Standardbrowser, wird in ieadd geändert auf positiven Wert*/
	margin-left:-20px;
	/*margin-left:0px;*/
	list-style-type:decimal;
	text-align:left;
}

ol.zweiteEbene {
	list-style-type: lower-latin;
}

li {
	margin-top:5px;
}


a {
	text-decoration:none;
	color:#de7d0b;
}



a:hover {
	text-decoration:underline;
	color:black;
}


h1 {
	font-size:1.3em;
	padding-top:0px;
	padding-bottom:1.0em;
	color:#ee8822;  
}

h2 {
	font-size:1.05em;
	padding-top:0px;
	color:#ee8822;
	margin-bottom:8px;
}

h3 {
	font-size:0.95em;
	padding-top:0px;
	font-weight:bold;
	color:black;
}

a.printlink{
	background-image:url('../images/print_icon.gif');
	background-repeat:no-repeat;
	padding-left:20px;
}

/*Menü  Links*/
a.menu_main_NO {
	display:block;
	font-size:0.8em;
	color:#555555;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:2px;
}

a.menu_main_NO:hover {
	color:#ee8822;
	text-decoration:none;
}
a.menu_main_ACT {
	display:block;
	font-size:0.8em;
	/*color:#ee8822; */
	color:black;
	font-weight:bold;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:2px;
}

a.menu_main_ACT:hover {
	color:#ee8822;
	text-decoration:none;
}


a.menu_layer_NO {
	display:block;
	font-size:0.8em;
	color:#555555;
	margin-left:8px;
	margin-right:8px;
	padding-top:0px;
	padding-bottom:2px;
	border-bottom:2px #DE761C dotted;
}

a.menu_layer_NO:hover {
	color:#ee8822;
	text-decoration:none;
}
a.menu_layer_ACT {
	display:block;
	font-size:0.8em;
	color:#ee8822;
	font-weight:bold;
	margin-left:8px;
	margin-right:8px;
	padding-top:0px;
	padding-bottom:2px;
	border-bottom:2px #DE761C dotted;
}

a.menu_layer_ACT:hover {
	color:#ee8822;
	text-decoration:none;
}

a.menu_sub_NO, a.catlist, a.catlistact {
	display:block;
	font-size:1em;
	color:#555555;
	margin-left:8px;
	margin-right:8px;
	padding-top:3px;
	padding-bottom:5px;
	border-bottom:2px #DE761C dotted;
	
}

a.menu_sub_NO:hover, a.catlist:hover, a.catlistact:hover {
	color:#DE761C;
	text-decoration:none;
}

a.menu_sub_ACT {
	display:block;
	font-size:1em;
	font-weight:bold;
	color:#ee8822;
	margin-left:8px;
	margin-right:8px;
	padding-top:3px;
	padding-bottom:5px;
	border-bottom:2px #DE761C dotted;
}

a.menu_sub_ACT:hover {
	color:#DE761C;
	text-decoration:none;
}

td {
	vertical-align:top;
	font-size:0.9em;
}

td.menuTop{
	font-size:1em;
}

/* Tabellen */
td.td_formlabel{
	width:130px; 
	font-size:0.8em;
	padding-top:3px;
	padding-bottom:3px;
}

td.td_formlabel_3col{
	/*Bei colspan=3*/
	width:530px;  
	font-size:0.8em;
	padding-top:3px;
	padding-bottom:3px;
}

td.td_forminput{
	width:200px;
	padding-top:3px;
	padding-bottom:3px;  
}

td.tx-dirlisting-pi1-filesize, td.tx-dirlisting-pi1-filemod{
 	/* Infospalten bei Downloads */  
 	font-size: 0.75em;
 	white-space:nowrap;
}

hr {
	border:1px #777777 solid;
	height:1px;
}

/* ********************************** */
/* Layout */
/* ********************************** */

#outer_container {
	text-align:left;
	width:960px;
	margin:0px auto 0px;
}

#clearer {
 	clear:both;  
}

#head {
	background-image:url('../images/head_bg_sw.png');
	background-repeat:no-repeat;
	height:145px;
}

#menu {
	font-size:0.9em;
	padding-top:123px;
	padding-left:238px;
}

#inner_container {
	background-image:url('../images/content_bg.png');
	background-repeat:repeat-y;
	margin-bottom:0px;
	margin-left:4px;
	padding-top:20px;
}

#left_column {
	padding-left:52px;
	width:150px;
	float:left;
	font-size:0.8em;
}

#content {
	text-align:left;
  	font-size:0.9em;
  	margin-left:240px;
  	margin-right:20px;
  	padding-bottom:30px;
	/*Braucht eine Breite, damit im IE keine Stufe auf Höhe der unteren Kante von left_column entsteht*/
	width:660px;
	
	
}

#footer {
	background-image:url('../images/footer_bg.png');
	background-repeat:no-repeat;
	background-position:left top;
	margin-top:0px;
	margin-left:4px;
	padding-top:0px;
	font-size:0.7em;
	color:#666;
	text-align:right;
	padding-right:30px;
	height:3em;
}


/* Language - Menu */
div#left_column div.language_menu {
	margin-top:8px;
}

/* ********************************** */
/* Boxen */
/* ********************************** */


div.box_menu {
	width:170px;
	border:1px solid #777777;
	background-color:#f2f2f2;
	padding-bottom:10px;
	margin-bottom:20px;
}

div.menu_layer_aussen {
	text-align:left;
	width:170px;
	border:1px #777777 solid;
	border-top:0px;
	background-color:#f2f2f2;
}

div.menu_layer_item {
	padding-top:2px;
	padding-bottom:2px;
}

div.box_login {
	width:170px;
	border:1px solid #cccccc;
	background-color:#fff4e0;
	padding-bottom:10px;
}

div.box_text {
  padding:4px;
}

div.box_title_1 {
	background-color:#DE761C;
	/*background-image:url('../images/aloe_left.png');*/
	background-repeat:no-repeat;
	background-position:left 4px;
	margin-bottom:10px;
}

div.box_title_2 {
	/*background-image:url('../images/aloe_right.png');*/
	background-repeat:no-repeat;
	background-position:right 4px;
	padding:2px;
	text-align:center;
	color:white;
	font-weight:bold;
}




.dirlisting_smalllink {
	font-size:0.85em;
	color:black;
}

/* Einzelne Elemente */
.news-item-latest {
	padding-left:5px;
	margin-top:8px;
}

.small {
	font-size:0.8em;
	color:#777777;
}

.kleinschwarz {
	font-size:0.8em;
}


.csc-textpic {
	display:inline;
	/*block und overflow hidden notwendig, damit die Bilder im FF innerhalb des umschließenden DIVs bleiben und 
	nicht irgendwohin floaten */
	display:block;
	overflow:hidden;
	
}


.csc-textpic-imagewrap {
	margin-top:36px;
	margin-left:20px;
	margin-bottom:20px;		
	
}


.csc-textpic-image {
	border:3px #cccccc solid;
}


div.csc-textpic-clear {
	/* Damit die Bilder rechts nicht unter die Höhe des Menüs links rutschen.
	Bei Typo3 ist hier ein clear:both drin.
	 */
	float:left;
}


input {
	border:1px #888888 dotted;
	border-bottom:1px black solid; 
}

textarea {
	width: 350px;
	border:1px black solid;
}

input.small {
	width:50px; 
	color:black;
}

input.medium {
	width:110px;  
}

input.wide {
	width:180px;  
}

input.max {
	width:400px;  
}

select.wide {
	width:180px;
}

input.button {
	border:1px black solid;  
}

/* Mailform designen */
.csc-mailform {
	border:none;
}

label {
	display:block;
	width:150px;
	margin-bottom:3px;
	float:left;
	font-size:0.8em;
}



/*
#left_column div.box_menu a {
  display:block;
  color:#000;
  padding:5px;
  width:144px;
}
*/