/* css by tdascal  - simple and cean solution for web */

/* ----------------------------------------------------------------------------------------------------------- general stuff */
body {
	margin: 0px;
	padding: 0px;
	background: url('images/alputil-bg.jpg') repeat-x top left #333;
	}

#container {
	margin: 0px;
	padding: 0px;
	width: 760px;
	}

/* --------------------------------------------------------------------------------------------------------- top section */

#topleft {
	float: left;
	margin: 0px 0px;
	padding: 0px;
	width: 425px;
	height: 334px;
	background: url('images/alputil-topleft-bg.jpg') no-repeat top left;
	}


#headerright {
		float: left;
		position: absolute;
		margin-left: 5px;
		padding-left: 05px;
		padding-right: 10px;
		margin-top: 295px;
		}
	
		#headerright img{
			border: none;
			position: relative;
			float: left;
			}
	
		#headerright a {
			position: relative;
			float: left;
			margin: 5px;
			}
	
		#headerright a:hover {
			border-bottom: 4px solid #F60;
			border-top: 1px solid #CCC;
			position: relative;
			float:left;
			margin: 5px;
			}	


#topright {
	float: left;
	width: 335px;
	height: 334px;
	background: transparent;
	}

	#topright p {
		margin-top: 5px;
		margin-bottom: 10px;
		margin-left: 20px;
		margin-right: 20px;
		font: normal 13px/18px Arial, Verdana;
		color: #333;
		text-align: left;
		}
	
	#topright img {
		border: 0px;
		margin-top: 0px;
		margin-left: 20px;
		background: transparent;
		margin-bottom: 0px	;
		}
/* --------------------------------------------------------------------------------------------------------- bottom section */

#news {
	position: absolute;
	margin-top: -90px;
	margin-left: 140px;
	width: 110px;
	background: transparent;
	padding: 0 0 0 0;
	}

#news p {
	font: normal 11px/18px Arial, Verdana;
	color: #FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#news img {
	border: none;
	}	
	
.orange {
	color: #F60;
	}
	
#bottom {
	width: 760px;
	clear: both;
	}

#spacer {
	width: auto;
	height: 73px;
	margin-top: -15px;
	margin-left: 3px;
	position: absolute;
	display: inline;
	}

	
#bottomleft {
	position: absolute;
	float: left;
	margin-left: 0 0 0 1px;
	padding: 0 0 0 0;
	width: 125px;
	height: 386px;
	background: url('images/alputil-bottom-left-bg.jpg') no-repeat top left #333;
	}
	
#bottomright {
	position: absolute;
	width: 500px;
	background: #transparent;
	padding: 10px 0 0 0;
	margin: 0 0 0 262px;
	}
	
	#bottomrighttext1 {
		/* background: url('images/bottom-arrow.gif') no-repeat top left; */
		margin: 0 0 0 0;
		padding: 100px 0 0 0;
		}
		
		#bottomrighttext1 p {
			border-left: 1px solid #666;
			padding-left: 25px;
			padding-top: 15px;
			padding-bottom: 15px;
			margin: 0 0 0 0;
			font: normal 13px/23px Arial, Verdana;
			color: #FFF;
			}
	
	#contactspacer {
		height: 100px;
		}
	
	#contactzone {
		margin: 0 0 0 0;
		padding: 0 0 0 25px;
		border-left: 1px solid #666;
		background: url('images/bottom-arrow.gif') no-repeat top left;
		}
	
		#contactzone p {
			padding-left: 0px;
			padding-top: 10px;
			padding-bottom: 15px;
			margin: 0px 0px;
			font: normal 13px/23px Arial, Verdana;
			color: #FFF;
			}
	
	#bottomrighttext2 {
		border-left: 1px solid #FF6900;
		background: url('images/bottom-arrow.gif') no-repeat top left;
		}
	
		#bottomrighttext2 p {
			padding-left: 25px;
			padding-top: 15px;
			padding-bottom: 15px;
			margin: 0px 0px;
			font: normal 13px/23px Arial, Verdana;
			color: #FFF;
			}

	#bottomrighttext3 {
		border-left: 1px solid #666;
		background: url('images/bottom-arrow.gif') no-repeat top left;
		}
	
		#bottomrighttext3 p {
			padding-left: 25px;
			padding-top: 15px;
			padding-bottom: 15px;
			margin: 0px 0px;
			font: normal 13px/23px Arial, Verdana;
			color: #FFF;
			}

			
#bottomwide {
	width: 760px;
	background: url('images/alputil-bottom-left-bg.gif') no-repeat top left;
	}

/* --------------------------------------------------------------------------------------------------------- footer section */
	
#footer {
	clear: both;
	margin: 0px 0px;
	padding: 0;
	width:  760px;
	background: #333;
	}

	#footer p {
		font: normal 12px Arial, Verdana;
		color: #CCC;
		}
		
		#footer a {
			text-decoration: underline;
			color: #666;
			}
		
		#footer a:hover {
			text-decoration: underline;
			color: #F60;
			}

/* ------------------------------------------------------------------------------------------------------- photo gallery 01 */

#bottomrightgallery {
		/* background: url('images/bottom-arrow.gif') no-repeat top left; */
		margin: 10px 0 0 0;
		padding: 10px 0 0 10px;
		border-left: 1px solid #FF6900;
		font: normal 13px/23px Arial, Verdana;
		color: #FFF;
		}
		
		#bottomrightgallery p {
			margin: 5px 0px;
			padding: 0 0 0 0;
			}
		#bottomrightgallery img {
			border: none;
			margin-right: 10px;
			margin-bottom: 10px;
			}

.photogallery{ /*CSS for TABLE containing a photo album*/
	}

.photogallery img{ /*CSS for images within an album*/
	border: none;
	}

.photonavlinks{ /*CSS for pagination DIV*/
	font: bold 14px Arial;
	}

.photonavlinks a{ /*CSS for each navigational link*/
	margin-right: 2px;
	margin-bottom: 3px;
	padding: 1px 5px;
	border:1px solid gray;
	text-decoration: none;
	background-color: #98998B;
	color: #FFF;
	}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
	background-color: #F60;
	color: #FFF;
	}

/* -------------------------------------------------------------------------------------------------------------- form */

.kocka {
	width: 270px;
	font: 12px, Verdana, Arial, Sans-Serif;
	background-color: #F7F7F7;
	border: 1px solid #000;
	color: #000;
	margin-top: 5px;
	margin-bottom: 0;
	}
	
.sendbox {
	width: 60px;
	font: 12px, Verdana, Arial, Sans-Serif;
	background-color: #ccc;
	border: 1px solid #000;
	color: #000;
	margin-top: 5px;
	margin-bottom: 0;
	}
	
#contactform {
	font: normal 12px, Verdana, Arial, Sans-Serif;
	color: #FFF;
	}