/** 
 * SilverStripe euro-mimf Theme
 * http://www.dany.ba
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #232323;
 	font-size: 12px; 
	font-family: Arial; 
	background: #ccc;
	height: 100%;
}

html {
	height: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

a {color: #83181C; text-decoration: none;}
a:hover {text-decoration: underline;}

/* CONTAINER
----------------------------------------- */
#Container {
	box-shadow: 0px 0px 25px #000;
	width: 880px;  
	margin: 0 auto; 
	background: #FFF;
	border-right: 10px solid #ffffff;
	border-left: 10px solid #ffffff;
	min-height: 100%;
	
}

#Header {
	width: 880px;
	float: left;
	border-top: 20px solid #fff;
	height: 100px;
}
	#Header img {
		float: left;
	}

#HeaderMenu {
	text-align: right;
}

#Layout {
	float: left;
	width: 700px;
	margin-bottom: 60px; 
}

#leftContent {
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 30px;
}
	#leftContent .leftSubmenu {
		float: left;
		width: 160px;
		margin-bottom: 20px;
		min-height: 160px;
	}

#rightContent {
	float: left;
	width: 700px;
}
	#rightContent .pageContentHeader {
		float: left;
		width: 700px;
	}
		#rightContent .pageContentHeader .pageContentHeaderImages {
			float: left;
			width: 480px;
			height: 120px;
			overflow: hidden;
		}

		#rightContent .pageContentHeader .pageContentHeaderIcon {
			float: left;
			width: 220px;
			height: 120px;
			overflow: hidden;
			background: #a6b6c8;
			text-align: center;
		}
			#rightContent .pageContentHeader .pageContentHeaderIcon img {
				margin-top: 15px;
			}

	#rightContent .pageContent {
		float: left;
		width: 460px;
		min-height: 300px;
		margin-top: 20px;
		margin-right: 20px;
	}
		#rightContent .pageContent h2 {
			
			margin-bottom: 10px;
		}
		#rightContent .pageContent .pageContentGallery img {
			margin: 5px;
		}

		#rightContent .pageContent form fieldset {
			border: 0px;

		}

		#rightContent .pageContent form fieldset input,
		#rightContent .pageContent form fieldset textarea {
			width: 250px;
			border: 1px solid #ccc;
			line-height: 25px;
			margin: 5px 0 15px 0;

		}

		#rightContent .pageContent form fieldset input[type="checkbox"] {
			width: auto !important;
			height: auto !important;
		}

		#rightContent .pageContent form fieldset input {
			height: 25px;
		}
		
			
		#rightContent .pageContent form fieldset .validationError span {
			display: none !important;
		}

		#rightContent .pageContent form fieldset .validationError input,
		#rightContent .pageContent form fieldset .validationError textarea {
			border:  2px solid #83181C;
		}


		#rightContent .pageContent p {
			margin: 0 0 18px 0;
		}
			

	#rightContent .sideBlocks {
		float: left;
		width: 220px;
		overflow: hidden;
	}

span.submenuTitleHome {
	background: #6699cc;
	font-size: 14px;
	font-family: Arial;
	display: block;
	height: 30px;
	padding-left: 10px;
	width: 150px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}

span.submenuTitlePage {
	border-top: 1px solid #6699cc;
	border-bottom: 1px solid #6699cc;
	font-size: 14px;
	font-family: Arial;
	display: block;
	height: 28px;
	padding-left: 2px;
	width: 158px;
	line-height: 28px;
	font-weight: normal;
	margin-bottom: 15px;
}


#hintergrundwrapper {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 100%;
	width: 100%;
	z-index:-1;
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	opacity: 0.5;
}
#hintergrundwrapper img { 
	top:0;
	left:0;
	position:absolute;
	z-index: 100; 
}

/* Navigation
---------------------------------------------- */

#Navigation {
	float: left;
	width: 700px;
	margin-bottom: 20px;
}
	#Navigation ul {
		float: left;
		width: 700px;
		list-style: none;
	}
		#Navigation ul li {
			float: left;
			width: 132px;
			margin-right: 10px;
			border-top: 3px solid #83181c;
		}
		#Navigation ul li:nth-child(5) {
			margin-right: 0px;
		}
			#Navigation ul li a {
				text-decoration: none;
				font-size: 14px;
				color: #83181c;
				line-height: 26px;
				padding-left: 4px;
				display: block;
				width: 126px;
				font-weight: bold;
			}
			
			#Navigation ul li.current,
			#Navigation ul li.section,
			#Navigation ul li:hover {
				background: #83181c;
				-webkit-transition: background 500ms ease-in 0ms; /* property duration timing-function delay */
				-moz-transition: background 500ms ease-in 0ms;
				-o-transition: background 500ms ease-in 0ms;
				transition: background 500ms ease-in 0ms;

			}

			#Navigation ul li.current a,
			#Navigation ul li.section a,
			#Navigation ul li:hover a {
				color: #fff;

				-webkit-transition: color 500ms ease-in 0ms; /* property duration timing-function delay */
				-moz-transition: color 500ms ease-in 0ms;
				-o-transition: color 500ms ease-in 0ms;
				transition: color 500ms ease-in 0ms;
			}

			#Navigation ul li:hover ul {
				opacity: 1;
				height: auto;
				padding: 10px;

				-webkit-transition: opacity 500ms ease-in 0ms; /* property duration timing-function delay */
				-moz-transition: opacity 500ms ease-in 0ms;
				-o-transition: opacity 500ms ease-in 0ms;
				transition: opacity 500ms ease-in 0ms;
			}

#Navigation .submenu {
	opacity: 0;
	position: absolute;
	z-index: 50;
	top: 149px;
	background: #83181c;
	height: 0px;
	overflow: hidden;
	
	width: 680px;
}

#Navigation .sc2 {
	margin-left: -142px;
}
	#Navigation .submenu li {
		width: 120px;
		margin-left: 10px;
	}
		#Navigation .submenu li a {
			font-weight: normal;
			font-size: 12px;

		}
			#Navigation .submenu li a:hover,
			#Navigation .submenu li a.current {
				text-decoration: underline;
			}



#leftContent ul {
	list-style: none;
	
}
	#leftContent ul li {
		width: 160px;
		height: 25px;
		border-bottom: 5px solid #fff;
		
	}
		#leftContent ul li a {
			font-size: 12px;
			text-decoration: none;
			padding-left: 5px;
			line-height: 25px;
			display: block; 
			width: 155px;
			color: #232323;
			height: 25px;
			
		}
			#leftContent ul li a:hover,
			#leftContent ul li a.current,
			#leftContent ul li a.section {
				background: #e7e9e8;
			}


#leftContent .boxTitle {
	width: 150px;
	padding-left: 10px;
	background: #e8e8e8;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
	float: left;

}
/* Footer
---------------------------------- */
#Footer {
	position: fixed;
	bottom: 0px;
	padding: 10px;
	float: left;
	width: 680px;
	background: #6699cc;
}

	#Footer * { font-size: 11px; }

#footerLeft { float: left; width: 340px; }
#footerRight { float: right; margin-right: 10px; }
#footerRight ul {list-style-type: none;}
#footerRight ul li { display: block; float: left; color: #232323;}
#footerRight ul li a {color: #232323; text-decoration: none; padding: 0 5px;}
#footerRight ul li a:hover {text-decoration: underline}



/* home page
---------------------------------- */
.homeBox {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-top: 20px;
}

.homeBox:nth-child(4) {
	margin-right: 0px;
}

	.homeBox span {
		display: block;
		width: 215px;
		padding-left: 5px;
		background: #e8e8e8;
		line-height: 20px;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.homeBox a.izdvojeno {
		background: #a5b6c6;
		width: 215px;
		height: 40px;
		line-height: 40px;
		display: block;
		padding-left: 5px;
		color: #000000;
		text-decoration: none;
	}
		.homeBox a.izdvojeno:hover {
			background: #6699cc;
		}

	.homeBox .homeBoxNews {
		width: 210px;
		padding: 0 5px;
		margin-bottom: 5px;
	}

/* reference page
----------------------------------------- */
.referenceTeaser {
	float: left;
	width: 460px;
	border-bottom: 1px solid #6699cc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
	.referenceTeaser .marginRight20 {
		margin-right: 20px;
	}

	.referenceTeaser .referenceTeaserImage {
		float: left;
		width: 150px;
	}

	.referenceTeaser .referenceTeaserText {
		float: left;
		width: 280px;
	}
		.referenceTeaser .referenceTeaserText a {
			font-size: 14px;
			font-weight: bold;
		}



/* sitemap
-------------------------------------- */
#sitemap {
	margin: 40px;
}

#GoogleMap {width: 700px; height: 400px; margin-top: 20px; clear: both; float: left;}