/* css for niegeloh.com copyright jens vetter creative minds */ 
/* Hellgrau = E0E8EB */
/* Dunbkelgrau = 94a6b0 */


html, body { 
	padding: 0 0 20px 0; 
	margin: 0; 
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
} 

form, select, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

img {
	margin: 0;
	padding: 0;
}

/* hier wird noch getestet */

.hr1 {
	color: #E0E8EB;
	background-color: #E0E8EB;
	height: 2px;
	margin: 10px;
	padding: 0;
	border: none;
}

hr {
	border: none 0;
	border-top: 1px solid #E0E8EB;/*the border*/
	border-bottom: 5px solid #FFFFFF;
	height: 1px;
}

.trenner {
	padding: 0;
	margin: 0 0 5px 0;
	border-top: 1px solid #E0E8EB;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

/* bis hier wird noch getestet */

table {
	margin: 0;
}

p {
	margin: 0;
	line-height: 140%;
}

h1, h2, h3, h4, h5, h6, strong, table, p, hr {
	margin: 0 0 5px 0;
	line-height: 140%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 100%;
}

h3 {
	font-size: 100%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
}

.anleser {
	color: #94a6b0;
	font-size: 11px;
}

.title_link {
	background-image: url(_img/forward.png);
	background-repeat: no-repeat;
	background-position: 3px;
	padding: 0 0 0 20px;
}

form {
	margin: 0;
	padding: 0;
}

a, a:link, a:active, a:visited {
	color: #8395A1;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #76B758;
	font-weight: bold;
	text-decoration: none;
}

#pagewidth { 
	width: 875px; 
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;
	background-color: #FFFFFF;
	z-index: 1;
} 
 
#header {
	position: relative; 
	height: 85px; 
	background-color: white;
	width: 100%;
	background-image: url(_img/niegeloh_logo_1.gif);
	background-repeat: no-repeat;
} 

#header .content {
	margin: 0;
	padding: 15px 155px 0 0;
	text-align: right;
	color: #8395A1;
}

#main_menu {
	position: relative; 
	height: 32px;
	background-color: white;
	width: 100%;
	background-image: url(_img/niegeloh_logo_2.gif);
	background-repeat: no-repeat;
	padding: 0;
	z-index: 1000;
} 

/* 195px kleiner machen, wenn Menu breiter werden soll */
#main_menu .menue {
	height: 32px;
	margin: 0 0 0 195px; /* 295px */
	padding: 0 0 0 5px;
	background-image: url(_img/background_mainmenu.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#main_menu ul {
	margin: 0;
	padding: 6px 3px 3px 3px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/* width: 100px; */
	text-align: left;
	padding: 3px 8px 6px 8px;
	font-weight: bold;
}

#nav li { /* all list items */
	float: left;
	/* width: 100px; width needed or else Opera goes nuts */
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-weigt: bold;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #E0E8EA;
	border-bottom: 6px solid #76B857;
	margin-top: -1px;
	width: 120px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	border: none;
	border-bottom: 1px solid #E0E8EA;
}

#nav li ul a {
	padding: 5px 8px 5px 8px;
	/* border-bottom: 1px solid #cccccc; */
	display: block;
	width: 104px;
	text-align: left;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#leftcol {
	width: 295px; 
	float: left; 
	position: relative; 
	background-color: #FFFFFF;
	padding: 0 0 0 0;
	/*background-image: url(_img/background_left1.gif);*/
	background-repeat: no-repeat;
	z-index: 1;
}

#leftcol img {
	margin: 0;
}

#leftcol p {
	font-size: 11px;
	text-align: right;
	color: #94a6b0;
	margin: 0;
	padding: 3px 0 3px 0;
	position: relative;
}

#twocols {
	width: 580px; 
	float: right; 
	position: relative; 
	z-index: 2;
}
 
#rightcol {
	width: 105px; 
	float: right; 
	position: relative;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}

#rightcol p {
	font-size: 11px;
	text-align: left;
	color: #94a6b0;
	margin: 0;
	padding: 3px 3px 3px 0;
	position: relative;
}
 
#maincol {
	background-color: #FFFFFF;  
	float: left; 
	display: inline; 
	position: relative; 
	width: 475px; 
}

#maincol .content {
	margin: 0;
	padding: 1px 50px 15px 50px;
}

.be_top {
	padding: 0; 
	margin: 0; 
	height: 70px; 
	border-top: 1px solid #E0E8EB; 
	line-height: 0; 
	font-size: 0;
}

.to_top {
	padding: 5px; 
	margin: 0; 
	border-top: 1px solid #E0E8EB; 
	border-bottom: 1px solid #E0E8EB;
}

.to_back {
	padding: 5px; 
	margin: 0; 
	border-bottom: 1px solid #E0E8EB;
}

#footer {
	background-color: #FFFFFF;
	border-bottom: 5px solid #67AA43;
	padding: 10px 560px 10px 10px;
} 
 
#footer .content {
	text-align: left;
	color: #bababa;
	font-size: 10px;
}
 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* ####################################################################################### */
/* css_styled_content */
/* DIV.csc-frame-rulerBefore { border-top: 1px solid #E0E8EB; margin: 0px 0px 5px 0px;}
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #E0E8EB; margin: 0px 0px 0px 0px;} 
DIV.csc-frame-rulerBefore { border-top: 1px solid #E0E8EB; margin: 0px 0px 10px 0px;}
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #E0E8EB; margin: 15px 0px 10px 0px;}

*/
DIV.csc-frame-rulerBefore {
	height: 1px;
	border-bottom: 1px solid #E0E8EB;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1px;
}

DIV.csc-frame-rulerAfter {
	height: 1px;
	border-top: 10px solid #FFFFFF;
	border-bottom: 1px solid #E0E8EB;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1px;
}




/* ####################################################################################### */
/* css-styled-imgtext */

/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
  color: #8395A1;
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
  margin-top: 10px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 0px;
  margin-top: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 0px;
  margin-right: 10px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0px 5px 5px 5px; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0px 5px 5px 5px; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 100%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 100%; }
/* End hide from IE5/mac */

/*Sprachwahlbutton Cinese*/