@CHARSET "ISO-8859-1";
html {overflow: auto; }
body {
	font-family: Verdana;
	font-size: 12px;
}
span {	
	margin: 0 auto;
	padding: 0;
	vertical-align: middle;
}
span.textbreaker{
	border-right:solid;
	border-right-width: 1px;
	border-color: rgb(209,0,25);
	
	padding: 0 .7em;
	
}

em{
	color: rgb(209,0,25);
	font-style: normal;
	text-align: center;
	
	font-size: 12px;
	font-weight: normal;
}

.accessibility {
	visibility:hidden;
	width:0;
	height:0;
	position:absolute;
}

#wrapper {
	
	margin: 0pt auto;
	width: 1024px;
	position: relative;
	/* min-width: 50em; 
	max-width: 70em; */
}

#header {

	display: inline;  
}
#firm_logo{
	display: inline;
	float: left;
	width: 265px;
	height: 168px;
}
#firm_logo img{ margin-top: 87px; margin-left: 12px; border: none;}
#firm_logo img a{ text-decoration: none;}
#header h1 {
	text-indent: -999em;
	height: 66px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#navigation{
	clear:both;
	background-image: url(../img/modaerniChoscht265x32.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 100%;
}

#navigation #links{
	width: 759px;
	height: 32px;
	margin-left: 265px;
	background-image: url(../img/nBackground.png);
	background-repeat: repeat-x;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}
#navigation #links ul {
	list-style: none; /* do not use bullets */
	padding:0; /* set default ul padding to 0 */ 
	margin: 0;
	/*padding-left: 10px;*/
	
}
#navigation #links ul li:first-child{
	padding-left:0px;
	border-left:none;
	
}
#navigation #links ul li{
	display: inline;
	float: left;
	padding: 0;
	margin:0;
	margin-top: 6px;
	border-left:solid;
	border-left-color:black;
	border-left-width:1px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: verdana, sans-serif;
	font-size: 16px;
	font-style:normal;
	color: white;
	overflow: visible;
}

/* home navigation */
#navigation #links ul li .home_notlink{
	display: block;
	float: left;
	color: black;
	background-image: url(../img/links/home_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 44px;
	height: 19px;
}
#navigation #links ul li .home{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/home_b.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 44px;
	height: 19px;
	cursor: pointer;
}
#navigation #links ul li .home:HOVER, #navigation #links ul li .home:FOCUS{
	color: black;
	background-image: url(../img/links/home_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 44px;
	height: 19px;
	cursor: pointer;
}

/* restaurant navigation */
#navigation #links ul li .restaurant_notlink{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/restaurant_w.png);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 81px;
	height: 18px;
}
#navigation #links ul li .restaurant{
	display: block;
	float: left;
	color: black;
	background-image: url(../img/links/restaurant_b.png);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 81px;
	height: 18px;
	cursor: pointer;
}
#navigation #links ul li .restaurant:HOVER, #navigation #links ul li .restaurant:FOCUS{
	color: black;
	background-image: url(../img/links/restaurant_w.png);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 81px;
	height: 18px;
	cursor: pointer;
}

/* menu navigation */
#navigation #links ul li .menu_notlink{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/menu_w.png);
	background-repeat: no-repeat;
	margin-top: 6px;
	width: 43px;
	height: 15px;
}
#navigation #links ul li .menu{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/menu_b.png);
	background-repeat: no-repeat;
	margin-top: 6px;
	width: 43px;
	height: 15px;
	cursor: pointer;
}
#navigation #links ul li .menu:HOVER, #navigation #links ul li .menu:FOCUS{
	color: black;
	background-image: url(../img/links/menu_w.png);
	background-repeat: no-repeat;
	margin-top: 6px;
	width: 43px;
	height: 15px;
	cursor: pointer;
}

/* guestbook navigation */
#navigation #links ul li .guestbook_notlink{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/guestbook_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 80px;
	height: 19px;
	overflow: visible;
}
#navigation #links ul li .guestbook{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/guestbook_b.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 80px;
	height: 19px;
	cursor: pointer;
	overflow: visible;
}
#navigation #links ul li .guestbook:HOVER, #navigation #links ul li .guestbook:FOCUS{
	color: black;
	background-image: url(../img/links/guestbook_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 80px;
	height: 19px;
	cursor: pointer;
	overflow: visible;
}

/* galerie navigation */
#navigation #links ul li .galerie_notlink{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/galerie_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 58px;
	height: 19px;
}
#navigation #links ul li .galerie{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/galerie_b.png);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 58px;
	height: 18px; 
	cursor: pointer;
	background-position: right;
}
#navigation #links ul li .galerie:HOVER, #navigation #links ul li .galerie:FOCUS{
	color: black;
	background-image: url(../img/links/galerie_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 58px;
	height: 19px;
	cursor: pointer;
}

/* kontakt navigation */
#navigation #links ul li .kontakt_notlink{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/kontakt_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 61px;
	height: 19px;
}
#navigation #links ul li .kontakt{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/kontakt_b.png);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 61px;
	height: 18px;
	cursor: pointer;
}
#navigation #links ul li .kontakt:HOVER, #navigation #links ul li .kontakt:FOCUS{
	color: black;
	background-image: url(../img/links/kontakt_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 61px;
	height: 19px;
	cursor: pointer;
}

/* links navigation */
#navigation #links ul li .links_notlink{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/links_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 35px;
	height: 19px;
}
#navigation #links ul li .links{
	display:block;
	float: left;
	color: black;
	background-image: url(../img/links/links_b.png);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 35px;
	height: 18px;
	cursor: pointer;
}
#navigation #links ul li .links:HOVER, #navigation #links ul li .links:FOCUS{
	color: black;
	background-image: url(../img/links/links_w.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	width: 35px;
	height: 19px;
	cursor: pointer;
}
#navigation #links ul li a, #navigation #links ul li a:VISITED{
	color: black;
	text-decoration: none;
}
#navigation #links ul li a:HOVER, #navigation #links ul li a:FOCUS{
	color: white;
	text-decoration: none;
}

#body{

	position:relative;
	margin:0;
	padding: 0;
	font-size: 12px;
}

#sidebar{
	display: inline;
	float: left;
	width: 217px;
	height: 100%;
	padding-top: 30px;
	padding-left:38px;
	
}

#content{
	
	margin-left: 265px;
	padding-top: 30px;
}

/* OVO JE JAKO VAZNO VRATITI NAZAD JER BROWSERI AUTOMATSKI PREUZIMAJU ISTE VRIJEDNOSTI
	ZA TEXTAREA TAKORECI DUPLO */
#content textarea{margin-left: 0; padding-top: 0;}

#footer{
	clear: both;
	line-height: 12px;
	margin-top: 30px;
	text-align: left;
	width: 100%;
	color: rgb(192,192,192);
	/* background-color: rgb(49,49,49); */
	height: 40px;
	font-size: 10px;
	padding: 3px;
}
#footer a, #footer a:VISITED{ text-decoration: none; color: rgb(192,192,192); font-size: 10px; }
#footer a:HOVER, #footer a:FOCUS{ text-decoration: underline; }
.clearer {
  clear:both;
}
.right{ text-align: right; }
.left { text-align: left; }
span, .text {
	line-height: 20px;	
}
.hiddenPic{
	display: none;
}

/* all links per default */
a, a:VISITED {
	text-decoration: none;
	color: black;
}
a:HOVER, a:FOCUS{
	color:rgb(209,0,25);
}