/* CSS pro NOBARRIER.info web site */

body {
	font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, sans-serif;
	text-align: center;
	color: #696969;
	margin: 0;
	padding: 0;
	font-size: .83em;
	padding-top: 20px;
}
	h1, h2, h3, h4, h5, h6, p {
		margin: 0; padding: 0;
	}
	ul {
		margin: 3px 15px;
	}
	a:link, a:visited {
		color: #FFA500;
	}
	a:hover {
		color: #778899;
	}
	span.txt, span.img {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}
		span.txt {
			z-index: 10;
		}
		span.img {
			z-index: 100;
		}
	
		
#header {
	width: 745px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	#header h1 {
		position: relative;
		top: 0;
		left: 0;
		width: 745px;
		height: 150px;
		margin: 0 auto;
		overflow: hidden;
		text-align: left;
	}
	#header h1 span.txt {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		font-size: .83em;
	}
	#header h1 span.img {
		display: block;
		width: 745px;
		height: 150px;
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		background: transparent url(../images/header_bckgr.jpg) 0 0 no-repeat;
		z-index: 10;
	}
		#header #menu {
			position: absolute;
			top: 126px;
			left: 33px;
			z-index: 100;
		}
			#menu a {
				font-weight: bold;
				font-size: .83em;
				text-decoration: none;
				height: 1.7em;
				margin-left: 5px;
			}
			#menu a:link, #menu a:visited  {
				color: #848484;
				padding: 3px 2px;
				border-top: solid 3px #848484;
			}
			#menu a:hover, #menu a.active:link, #menu a.active:visited, #menu a.active:hover   {
				color: #FFA500;
				padding: 3px 2px;
				border-bottom: solid 3px #FFA500;
				border-top: none;
			}
			#menu a:hover {
				color: #444444;
			}			

#container {
	width: 745px;
	min-height: 400px;
	_height: 400px;
	background: transparent url(../images/container_bckgr.gif) top left repeat-y;
	position: relative;
	text-align: left;
	margin: 0 auto;
	border: dashed 1px #FFF;
}
	#content {
		margin: 5px 381px 10px 10px;
		padding: 5px 10px;
		font-size: .83em;
	}
	#container .refer {
		margin-right: 10px;
	}
		#container .refer .obal {
			margin-right: 381px;
		}
		#content p {
			padding: .5em 1em .2em 1em;
			text-indent: .3em;
		}
		#container .team p {
			text-indent: 0;
			margin: 3px 0;
			padding: 5px 5px 2px 10px;
		}
		#container .team h4 {
			padding: 8px 0 3px 3px;
		}
	#container #contimg {
		width: 371px;
		height: 209px;
		background: transparent url(../images/contimg.jpg) top left no-repeat;
		position: absolute;
		top: 0; right: 0;
	}
	#content h3.kdojsme, #content h3.what, #content h3.reference, #content h3.kontakt, #content h3.team {
		height: 34px;
		position: relative;
		overflow: hidden;
	}
		#content h3.what, #content h3.kontakt {
			margin-top: 15px;
		}
		#content h3.kdojsme span.txt, #content h3.kdojsme span.img, #content h3.what span.txt, #content h3.what span.img, #content h3.reference span.txt, #content h3.reference span.img, #content h3.kontakt span.txt, #content h3.kontakt span.img, #content h3.team span.txt, #content h3.team span.img {
			display: block;
			position: absolute;
			top: 0; left: 0;
			width: 114px;
			height: 34px;
		}
		#content h3.what span.txt, #content h3.what span.img {
			width: 115px;
		}
			#content h3.kdojsme span.img {
				background: transparent url(../images/kdosjme_h3_bckgr.gif) top left no-repeat;
			}
			#content h3.what span.img {
				background: transparent url(../images/what_h3_bckgr.gif) top left no-repeat;
			}
			#content h3.reference span.img {
				background: transparent url(../images/reference_h3_bckgr.gif) top left no-repeat;
			}
			#content h3.kontakt span.img {
				background: transparent url(../images/kontakt_h3_bckgr.gif) top left no-repeat;
			}
			#content h3.team span.img {
				background: transparent url(../images/team_h3_bckgr.gif) top left no-repeat;
			}

	#content h4 {
		font-size: 1.089em;
	}
		#content .refer p {
			text-indent: 0;
			padding: 0;
			margin: 0;	
		}
		div.refer a:link img.nahled, .refer a:visited img.nahled {
				border: solid 1px #505050;
			}
		.refer a:hover img.nahled {
			color: #FFA500;
		}
	#content table#reference {
/*		margin-top: 160px;*/
		font-size: 1.08em;
		border-collapse: collapse;
	}
		table#reference td {
			border-bottom: solid 1px #CCC;
			padding: 10px 0;
		}
		#content table#reference td.nahled {
			padding-left: 15px;
		}
			#reference td span.new {
				padding-left: 10px;
				font-weight: bold;
				color: #F00;
			}
	
	#news, #kontaktform {		
		position: absolute;
		width: 350px;
		height: 200px;
		left: 395px;
		top: 195px;
		z-index: 100;
		overflow: hidden;
		font-size: .8em; 
	}
		#news {
			height: 270px;
			border: solid 1px #D1D9E3;
			border-width: 1px 0;

		}
		#newscontainer {
			height: 225px;
			overflow: auto;
			color: Gray;
			padding: 0 10px;
			margin: 3px 10px;
		}
			#newscontainer p {
				padding: 1em 0 .4em .3em;
			}
		#news h3 {
			position: relative;
			width: 268px;
			height: 37px;
		}
		
		#news h3 span.img, #news h3 span.txt {
			display: block;
			width: 268px;
			height: 37px;
			position: absolute;
			top: 0; left: 0;
		}
			#news h3 span.img {
				background: transparent url(../images/news_bckgr.gif) top left no-repeat;
				z-index: 100;
			}
		#news a.ex {
			color: #D2691E;
			margin-left: 8px;
		}


	#quickinfo {
		margin: 5px 10px 5px 20px;
		width: 350px;
		font-size: .8em;
	}
	
		#quickinfo h3.quickinfoheader  {
			position: relative;
			height: 29px;
		}
			#quickinfo h3.quickinfoheader span.txt, #quickinfo h3.quickinfoheader span.img {
				display: block;
				width: 86px;
				height: 29px;
			}
			#quickinfo h3.quickinfoheader span.img {
				background: transparent url(../images/kontakt_bckgr.gif) top left no-repeat;
			}
		
	#pagefooter {
		font-size: .7em;
		color: #B0BFC8;
		text-align: right;
		width: 745px;
		margin: 1em auto;
	}
	#kontaktform {
		height: auto;
	}
	form#message {
		margin: 20px 30px 5px 30px;
	}
	
		#message table {
					font-size: 1em;
		}
		#message fieldset, #message legend {
			border: solid 1px #CCC;
		}
		#message legend {
			padding: 2px 3px;
		}
		#message table td {
			vertical-align: top;
		}
			#message td label {
				margin-top: 5px;
			}
		#message input, #message textarea {
			font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, sans-serif;
			font-size: 1em;
			color: #494949;
		}
			#message input#email, #message textarea#text {
				width: 200px;
			}
body #bottomimg {
	position: absolute;
	left: 5px;
	bottom: 5px;
	background: #FFF url(../images/body_bckgr.jpg) 0 100% no-repeat;
	width: 78px;
	height: 96px;	
}