/* 
!!!!!!!!!!!!!!! CSS fŸr die neue KKC-Site !!!!!!!!!!!!!!!!!

########################################################
########################################################
########################################################

	Hier werden allgemeine Eigenschaften fest gelegt. 
	
########################################################
########################################################
########################################################
*/


body,table,td,tr,div,p,pre,h4,ul, img {
	font-family: 		Arial,Trebuchet MS,Helvetica, sans-serif;
	font-size:			12px;
	padding:			0;
	margin:				0;
	border-collapse:	collapse;
	border:				0px;
	vertical-align:		top;
}



/* 
########################################################
########################################################
########################################################

	Ab hier werden die ID«s der Hauptspalten definiert.
	Ihr Name endet immer auf Stripe.
	
########################################################
########################################################
########################################################
*/

#greenstripe{
	background-image:	url('images/leftborder.jpg');
	background-repeat:	repeat-y;
	width:				211px;
}

#redstripe{
	background-image:	url('images/redback.jpg');
	background-repeat:	repeat-y;
	width:				182px;
}

#mainstripe{
	background-image:	url('images/mainback.jpg');
	background-repeat:	repeat-y;
	width:				537px;
}


/* 
########################################################
########################################################
########################################################

	Ab hier werden die ID«s des
	
	Bannerinhalts(greenstripe)
	
	definiert.
	
########################################################
########################################################
########################################################
*/



/* 
########################################################
########################################################
########################################################

	Ab hier werden die ID«s der 
	
	Datums - Tabellen
	
	definiert.
	
########################################################
########################################################
########################################################
*/

#reddate{
	background-image:	url('images/date/dateback.jpg');
	background-repeat:	repeat-x;
	text-align:			right;
	width:				182px;
}

#free{
	width:				81px;
}

#day{
	width:				31px;
}

#month{
	width:				20px;
}

#year{
	width:				50px;
}

/* 
########################################################
########################################################
########################################################

	Ab hier werden die ID«s der 
	
	Preview - Funktion
	
	definiert.
	
########################################################
########################################################
########################################################
*/

#preview{
	margin-top:			10px;
	margin-bottom:		10px;
}

#previewlist{
	color:				white;
	width:				170px;
	margin-top:			15px;
	margin-bottom:		15px;
}

/* 
########################################################
########################################################
########################################################

	MainStripe - Tabelle und UnterID«s
	
########################################################
########################################################
########################################################
*/
#galmenutable{
	width:150px;
}

.galtable{
	background-image:		url(images/contentback.jpg);
	border-top:				1px solid white;
	border-left:			1px solid white;
	border-right:			1px solid black;
	border-bottom:			1px solid black;
}

.galtd{
	padding:				20px;	
}


#listall{
	width:					300px;
	margin-top:				20px;
	margin-bottom:			20px;
	color:					#78591c;
}

#maincontent{
	padding-left:			35px;
	padding-right:			50px;
	padding-top:			100px;
	padding-bottom:			50px;
	margin:					0px;
	background-repeat:		no-repeat;
	color:					white;

}


.contenttable{
	width:					447px;
	background-image:		url(images/contentback.jpg);
	border-top:				1px solid white;
	border-left:			1px solid white;
	border-right:			1px solid black;
	border-bottom:			1px solid black;
	color:					white;
}

.contenttable td{
	padding:				10px;
}

.galtoptable{
	width:					398px;
	background-image:		url(images/contentback.jpg);
	border-top:				1px solid white;
	border-left:			1px solid white;
	border-right:			1px solid black;
	border-bottom:			1px solid black;
	color:					white;
	text-align:				center;
}


.right{
	text-align:				right;
}

/* 
########################################################
########################################################
########################################################

	Menu-Div
	
########################################################
########################################################
########################################################
*/

#menu{
	position:			absolute;
	top:				100px;
	left:				470px;
}

#impressum{
	position:			relative;
	top:				-100px;
	left:				470px;
}


/* 
########################################################
########################################################
########################################################

	Link-Styles
	
########################################################
########################################################
########################################################
*/

.gallerylink {
	color:				white;
	text-decoration: 	none;
}
.gallerylink:link {}
.gallerylink:visited {}
.gallerylink:active {}
.gallerylink:hover  {

}

.thumblink {
	border:				1px solid white;
	text-decoration: 	none;
	display:			block;
}
.thumblink:link {}
.thumblink:visited {}
.thumblink:active {}
.thumblink:hover  {}


.monthlist{
	color:				white;
	text-decoration: 	none;
	background-image:	url(images/red.jpg);

	padding-top:		2px;
	padding-bottom:		2px;
	padding-left:		4px;
	padding-right:		4px;

	margin-bottom:		2px;
	margin-right:		2px;		

	border-left:		1px solid white;
	border-top:			1px solid white;
	border-right:		1px solid black;
	border-right:		1px solid black;
}
.monthlist:link {}
.monthlist:visited {}
.monthlist:active {}
.monthlist:hover  {
	border-left:		1px solid black;
	border-top:			1px solid black;
	border-right:		1px solid white;
	border-right:		1px solid white;
	
}



.preview {
	color:				white;
}
.preview:link {}
.preview:visited {}
.preview:active {}
.preview:hover  {
	text-decoration: 	none;
}

.impresslink {
	font-size:			10px;
	color:				lightgrey;
	text-decoration: 	none;
	background-color:	white;
}
.impresslink:link {}
.impresslink:visited {}
.impresslink:active {}
.impresslink:hover  {
	color:				gray;
}