/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
/*
body {
	background-color: #1d1e21;
	padding: 50px;
}
*/
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 193px;
	height: 290px;
	text-align: center;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
/*	background-color: #53b388; */
}

	#kwick_1 .ges_div {
		margin-left: 15px;
		height: 100%;
	}

	#kwick_1 .top_div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 3px 7px 3px;
		margin-bottom: 8px;
		background: #EEEEEE;
		width: 100%;
	}

	#kwick_1 .left_div {
		clear: both;
		float: left;
		width: 178px;
		height: 100%;
	}

	#kwick_1 .right_div {
		margin-left: 178px;
		height: 100%;
	}

#kwick_2 {
/*	background-color: #5a69a9; */
}

	#kwick_2 .ges_div {
		margin-left: 7px;
		background: url(../images/template/hg_li_trenn.gif) left repeat-y;
		height: 100%;
		padding: 0 0 0 8px;
	}

	#kwick_2 .top_div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 3px 7px 3px;
		margin-bottom: 8px;
		background: #EEEEEE;
		width: 100%;
	}

	#kwick_2 .left_div {
		clear: both;
		float: left;
		width: 178px;
		height: 100%;
	}

	#kwick_2 .right_div {
		margin-left: 178px;
		height: 100%;
	}

#kwick_3 {
/*	background-color: #c26468; */
}

	#kwick_3 .ges_div {
		margin-left: 7px;
		background: url(../images/template/hg_li_trenn.gif) left repeat-y;
		height: 100%;
		padding: 0 0 0 8px;
	}

	#kwick_3 .top_div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 3px 7px 3px;
		margin-bottom: 8px;
		background: #EEEEEE;
		width: 100%;
	}

	#kwick_3 .left_div {
		clear: both;
		float: left;
		width: 178px;
		height: 100%;
	}

	#kwick_3 .right_div {
		margin-left: 178px;
		height: 100%;
	}

#kwick_4 {
/*	background-color: #cccccc; */
}

	#kwick_4 .ges_div {
		margin-left: 7px;
		background: url(../images/template/hg_li_trenn.gif) left repeat-y;
		height: 100%;
		padding: 0 0 0 8px;
	}

	#kwick_4 .top_div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 3px 7px 3px;
		margin-bottom: 8px;
		background: #EEEEEE;
		width: 100%;
	}

	#kwick_4 .left_div {
		clear: both;
		float: left;
		width: 178px;
		height: 100%;
	}

	#kwick_4 .right_div {
		margin-left: 178px;
		height: 100%;
	}

#kwick_5 { 
/*	background-color: #bf7cc7; */
}

	#kwick_5 .ges_div {
		margin-left: 7px;
		background: url(../images/template/hg_li_trenn.gif) left repeat-y;
		height: 100%;
		padding: 0 0 0 8px;
	}

	#kwick_5 .top_div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 3px 7px 3px;
		margin-bottom: 8px;
		background: #EEEEEE;
		width: 100%;
	}

	#kwick_5 .left_div {
		clear: both;
		float: left;
		width: 178px;
		height: 100%;
	}

	#kwick_5 .right_div {
		margin-left: 178px;
		height: 100%;
	}

.kwicks.horizontal #kwick_5 {
	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_5 {
	margin-bottom: 0; /* cancel margin on last kiwck (if you set a margin above) */
}

