@import url("navi.css");
@import url("forms.css");

*
{
	margin: 0;
	padding: 0;
}

html
{
	overflow: auto;
}

body
{
	background: url('../../imgs/bg.png') fixed;
	overflow: auto;
	font-family: verdana, sans-serif;
	font-size: 11pt;
	behavior: url('http://www.kapu-bocholt.de/beta/inc/css/htc/csshover.htc');

}

h1
{
	color: #003399;
	font-size: 16pt;
	margin: 5px;
}

h2
{
	color: #003399;
	font-size: 13pt;
}

td
{
	vertical-align: top;
	padding-bottom: 5px;
}

img
{
	border: 0px;
}

ol
{
	margin-left: 10px;
}

#cCenter li
{
	margin-left: 20px;
}

.nDate
{
	float: right;
	font-size: 10pt;
}

.fLeft
{
	float: left;
	margin-right: 5px;
}

.news
{
	margin: 5px;
	margin-top: 8px;
	text-align: justify;
}

.underline
{
	text-decoration: underline;
}

.newstext
{
	font-size: 9pt;
}

#main
{
	width: 100%;
	text-align: center;
	position: absolute;
}

#main *
{
	text-align: left;
}

#head
{
	width: 898px;
	height: 168px;
	margin-left: -23px;
	margin: auto;
}

html > body #head
{
	background: url('../../imgs/head.png') no-repeat;
}
	

* html #head
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/head.png', sizingMethod='crop');
}

#content
{
	width: 898px;
	margin: auto;
	margin-top:5px;
	margin-bottom:5px;
	overflow: auto;
	background: url('../../imgs/cBg.png') repeat-y center transparent;
}

#content * 
{
	font-size:9pt;
}

#content h1
{
	font-size:18pt;
	margin-left:8px;
}

#content h2
{
	font-size:13pt;
}

* html #content
{
	width: 793px;
}

#cLeft
{
	width: 134px;
	float: left;
	padding: 8px;
	margin-left: 25px;
	border-top: 1px solid black;
}

#cCenter
{
	width: 531px;
	float: left;
	padding: 8px;
	border-top: 1px solid black;
}
		
#cRight
{
	width: 134px;
	float: left;
	padding: 8px; 
	border-top: 1px solid black;
}

#cLeft ul, #cRight ul
{
	color: #003399;
	list-style-type: square;
}



#cLeft ul li, #cRight ul li
{
	list-style-type: square;
	margin-left: 25px;
	margin-bottom: 3px;
	line-height: 23px;
}

#cLeft ul li a, #cRight ul li a
{
	color: #000000;
	font-size: 12px;
	font-weight: lighter;
	text-decoration: none;
}

#cLeft ul li a:hover, #cRight ul li a:hover
{
	text-decoration: underline;
}

#cBottom
{
	width: 829px;
	height: 35px;
	float: left;
	padding: 8px;
	background: white;
	border: 1px solid black;	
	margin-left: 25px;
	margin-top:5px;
}

* html #cBottom
{
	margin-left: 24px;
}

.gallery_preview {
	margin: 20px;
	color : white;
	text-decoration:none;
}

.gallery_preview img {
	border: 3px solid #003399;
	position: relative;
}

.preview_2 {
	left: -90px;
	top: 12px;
}

.preview_3 {
	left: -180px;
	top: 24px;
}

.preview_4 {
	left: -270px;
	top: 36px;
}

.gallery_preview:hover img{
	left: 0;
	top: 0;
}

.gallery_preview:hover{
	color: black;
}

#gallery_detailed {
	height: 140px;
	width:190px;

	display: inline;
	float: left;
	text-align:center;
}

#gallery_detailed img {
	border: 5px solid white;
	height: 115px;
	text-align: center;
}

#gallery_detailed:hover img {
	border: 5px solid #003399;
}

#link {
	
font-size:12pt;
text-decoration: none;
color: #003399;
font-weight: bold;

}

#link:hover {
	
text-decoration:underline;

}

.tt{
	position: absolute;
	display: none;
	background-image : url('http://www.kapu-bocholt.de/beta/imgs/tt.jpg');
	background-repeat: repeat;
	border:3px double #003399;
	padding: 3px;
}