body {
margin: 0 0 0 0;
padding:0;
background: #FFFFFF url("http://web-dhm.hr/images/bilder-design/body_bg.png") top left repeat-x;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#33414a;
text-align: center;
}
#wrapper {
width: 980px;
margin: auto;
padding: 0;
text-align: left;
}
a:link {
	color: #15487B;
	border-bottom: 0px dashed #DBBA8A;
	text-decoration: none;
}
a:visited {
	color: #15487B;
	border-bottom: 0px dashed #DBBA8A;
	text-decoration: none;
}
a:active {
	color: #15487B;
}
a:hover {
	color: #DA4600;
	border-bottom: 0px solid #ff0000;
	text-decoration: none;
}
.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

code {
font: 13px 'Courier New', Courier, Arial, sans-serif;
color: #CC3300;
}

acronym, abbr {
cursor: help;
border-bottom: 1px dotted #333;
}

del {
color: #ccc;
background: #FFFFCC;
}

blockquote {
background: url("http://web-dhm.hr/themes/site_themes/butterfly/butterfly_quote.gif") top left no-repeat;
margin: 10px;
padding: 8px 0 0 25px;
}

.in_form_domain {
background: #FFFFFF url("http://web-dhm.hr/images/bilder-design/search_domain_bg.png") top left no-repeat;
padding: 10px 0;
text-align: center;
}

.suchen {
background: url("http://web-dhm.hr/images/bilder-design/suchen.png") top left no-repeat;
height: 34px;
margin: 0 0 15px 0;
}

textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
}
input.button {
font: 11px Verdana, Arial, sans-serif;
background: #993333;
color: #fff;
}
.topestnav {
background: #F3F3E9;
text-align: right;
margin: 0;
padding: 0 20px 0 0;
font-size: 10px;
}
.topestnav p {
margin: 0;
padding: 0;
}


#logo {
margin:0;
}

.uberalles0 {
height:41px;
width:980px;
}

.uberalles {
height:41px;
width: 620px;
}

.bg_links_h4 {
border-bottom: 3px solid #8CB642;
padding: 5px 0 0 5px;
color: #FFFFFF;
background: url("http://web-dhm.hr/images/bilder-design/h4_bg_vier.png") top left repeat-x;
}


.hosting_title {
color: #15487B;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
margin: 0 0 5px 0;
}


.hosting_title h4 {
color: #DA4600;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
font-weight: bold;
margin: 10px 0 5px 0;
}


.bg_links_h4 h4 {
color: #FFFFFF;
font: 13px 'Trebuchet MS',Verdana,Sans-serif;
padding: 0 0 0 10px;
text-transform: uppercase;
}

.bg_links_h4 h4 a {
color: #FFFFFF;
padding: 0 0 0 15px;
font-size: 11px;
}

.bg_links_h4_rot {
border-bottom: 3px solid #CE1C08;
padding: 5px 0 0 5px;
color: #FFFFFF;
background: url("http://web-dhm.hr/images/bilder-design/h4_bg_vier.png") top left no-repeat;
}

.bg_links_h4_rot h4 {
color: #FFFFFF;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
text-transform: uppercase;
}

.bg_links_h4_rot h4 a {
color: #FFFFFF;
padding: 0 0 0 15px;
font-size: 11px;
}

.bg_links_h4_gelb {
border-bottom: 3px solid #FFFF00;
padding: 5px 0 0 5px;
color: #FFFFFF;
background: url("http://web-dhm.hr/images/bilder-design/h4_bg_vier.png") top left no-repeat;
}

.bg_links_h4_gelb h4 {
color: #FFFFFF;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
text-transform: uppercase;
}

.bg_links_h4_gelb h4 a {
color: #FFFFFF;
padding: 0 0 0 15px;
font-size: 11px;
}

.bg_links_h4_tyrkiz {
border-bottom: 3px solid #09bce9;
padding: 5px 0 0 5px;
color: #FFFFFF;
background: url("http://web-dhm.hr/images/bilder-design/h4_bg_vier.png") top left no-repeat;
}

.bg_links_h4_tyrkiz h4 {
color: #FFFFFF;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
text-transform: uppercase;
}

.bg_links_h4_tyrkiz h4 a {
color: #FFFFFF;
padding: 0 0 0 15px;
font-size: 11px;
}

.bg_links_h4_tyrkiz4 {
border-bottom: 3px solid #098909;
padding: 5px 0 0 5px;
color: #FFFFFF;
background: url("http://web-dhm.hr/images/bilder-design/h4_bg_vier.png") top left no-repeat;
}

.bg_links_h4_tyrkiz4 h4 {
color: #FFFFFF;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
text-transform: uppercase;
}

.bg_links_h4_tyrkiz4 h4 a {
color: #FFFFFF;
padding: 0 0 0 15px;
font-size: 11px;
}

.bg_links_h4_blau {
background: url("http://web-dhm.hr/images/bilder-design/h4_bg_vier.png") top left no-repeat;
border-bottom: 3px solid #FFAA00;
padding: 5px 0 0 5px;
color: #FFFFFF;
}

.bg_links_h4_blau h4 {
color: #FFFFFF;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
text-transform: uppercase;
}

.bg_links_h4_blau h4 a {
color: #FFFFFF;
padding: 0 0 0 15px;
font-size: 11px;
}

.bg_links_h4_orange {
background: url("http://web-dhm.hr/images/bilder-design/h4_bg_vier.png") top left no-repeat;
border-bottom: 3px solid #FF5900;
padding: 5px 0 0 5px;
color: #FFFFFF;
}

.bg_links_h4_orange h4 {
color: #FFFFFF;
font: 14px 'Trebuchet MS',Verdana,Sans-serif;
text-transform: uppercase;
}

.bg_links_h4_orange h4 a {
color: #FFFFFF;
padding: 0 0 0 15px;
font-size: 11px;
}

.bg_links_alles {
background: #f5f3f3;
border-bottom: 1px solid #ebeaea;
padding: 7px 0 5px 5px;
color: #33414a;
}

.bg_links_alles a {
color: #33414a;
}

h4 a {
color: #FFFFFF;
}

.uberalles_um {
height: 41px;
width: 620px;
float: left;
}

.uberalles_um2 {
height: 41px;
width: 300px;
float: right;
margin: 0;
}

.bg_ein_px {
height: 1px;
background: url("http://web-dhm.hr/images/bilder-design/bg_ein_px.png ") top left no-repeat;
}

.link_oben_nav {
display: inline;
padding: 2px 10px 2px 5px;
background: url("http://web-dhm.hr/images/bilder-design/up_nav_bg_nav.png") top right no-repeat;
}

.link_oben_nav2 {
display: inline;
padding: 2px 10px 2px 5px;
}

.angebot {
font-size: 16px;
margin: 50px 5px 0 5px;
padding: 10px 0 0 0;
border-top: 1px solid #e3e3e3;
text-align: center;
font-weight: bold;
}

#header {
height: 205px;
margin: 0;
padding: 0;
}
#header h1 {
font: 20px 'Trebuchet MS',Verdana,Sans-serif;
font-weight: normal;
margin: 0;
padding: 5px 5px 1px 0;
color:#FFFFFF;
text-transform: uppercase;
text-align: right;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {

}

.nav_oben {
float: right;
color: #ffffff;
font: 16px 'Trebuchet MS',Verdana,Sans-serif;
margin: 10px 5px 0 0;
font-weight: bold;
}

a.weiss:link {
color: #ffffff;
}

a.weiss:visited {
color: #ffffff;
}

a.weiss:active {
color: #ffffff;
}

a.weiss:hover {
color: #ffffff;
}

.header_flash {
background: url("http://web-dhm.hr/images/bilder-design/header_flash_bg2.png") top left no-repeat;
height: 33px;
font: 16px/33px 'Trebuchet MS',Verdana,Sans-serif;
font-weight: bold;
color:#ffffff;
padding: 0 0 0 10px;
margin: 1px 0 0 0;
}

#navcontainer{
background: #8C0000;
height: 30px;
margin: 0;
padding: 0;
}
#navcontainer ul{
margin: 0;
padding: 0;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 11px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #F8F2E5;
text-decoration: none;
display: block;
width: 106px;
border-top: none;
border-right: 1px solid #A8B090;
border-bottom: none;
}

#navcontainer li#active { background: #CC0000; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #4A0000; color: #fff; border-bottom: none;}


.slika-kvaliteta-cms {
margin: 0 0 0 18px;
}
.vier_oben {
margin: 10px 0 15px 18px;
height: 270px;
}

.eins_vier_oben {
width: 186px;
height: 270px;
float: left;
margin: 0 10px 0 0;
border: 1px solid #e3e3e3;
}

.zwei_vier_oben {
width: 186px;
height: 270px;
float: left;
margin: 0 10px 0 0;
border: 1px solid #e3e3e3;
}

.drei_vier_oben {
width: 186px;
height: 270px;
float: left;
margin: 0 10px 0 0;
border: 1px solid #e3e3e3;
}

.vier_vier_oben {
width: 186px;
height: 270px;
float: left;
margin: 0 0 0 0;
border: 1px solid #e3e3e3;
}

.vier_oben_ha_drei h3 {
margin: 2px 0 10px 0;
padding: 0 0 0 5px;
color: #15487B;
font: bold 15px 'Trebuchet MS',Verdana,Sans-serif;
}

.drei_drei_oben {
margin: 10px 0 15px 18px;
height: 243px;
}

.eins_drei_drei_oben {
width: 250px;
height: 243px;
float: left;
margin: 0 13px 0 0;
border: 1px solid #e3e3e3;
}

.zwei_drei_drei_oben {
width: 250px;
height: 243px;
float: left;
margin: 0 13px 0 0;
border: 1px solid #e3e3e3;
}

.drei_drei_drei_oben {
width: 250px;
height: 243px;
float: left;
margin: 0 0 0 0;
border: 1px solid #e3e3e3;
}


.drei_drei_oben_ha_drei h3 {
margin: 2px 0 10px 0;
padding: 0 0 0 5px;
color: #15487B;
font: bold 15px 'Trebuchet MS',Verdana,Sans-serif;
}

#main-c {
width: 980px;
margin: 0;
padding: 0;
}


#main {
width: 980px;
border-bottom: 1px solid #e3e3e3;
}

#bigger {
width: 800px;
float: right;
margin: 0;
padding: 0 0 15px 0;
}

.bar-head {
background: url("http://web-dhm.hr/themes/site_themes/butterfly/butterfly.jpg") top left no-repeat;
height: 170px;
margin: 0 0 15px 0;
padding: 0;
}
.date-header {
margin: 5px 0 0 5px;
padding: 0;
color: #ffffff;
width: 660px;
}
.date-header h2 {
font: 18px 'Trebuchet MS',Verdana,Sans-serif;
margin: 0;
padding: 0;
color: #ffffff;
display: inline;
width: 660px;
}

h2 a:link {
color: #ffffff;
}


.date-header h2 a:hover {
color: #123456;
}

.date-header_unter {
font: 12px 'Trebuchet MS',Verdana,Sans-serif;
margin: 0 0 0 5px;
padding: 0;
color: #ffffff;
width: 660px;
}

.date-header_unter h6 {
font: 12px 'Trebuchet MS',Verdana,Sans-serif;
color: #ffffff;
display: inline;
}

.text_vier_oben {
font-size: 10px;
padding: 0 5px;
margin: 5px 0 10px 0;
text-align: justify;
}

.ha_funf {
font: 10px 'Trebuchet MS',Verdana,Sans-serif;
color: #DA4600;
display: inline;
padding: 5px 5px 5px 15px;
margin: 0 0 0 5px;
background: url("http://web-dhm.hr/images/bilder-design/arrow.png") top left no-repeat;
}

.ha_funf h5 {
font: 10px 'Trebuchet MS',Verdana,Sans-serif;
color: #15487B;
display: inline;
margin: 0 0 0 0;
}


.ha_funf h5 a {
font: 10px 'Trebuchet MS',Verdana,Sans-serif;
color: #15487B;
display: inline;
}

.ha_funf2 {
font: 12px 'Trebuchet MS',Verdana,Sans-serif;
color: #DA4600;
text-align:right;
padding: 5px 5px 5px 15px;
margin: 25px 10px 10px 10px;
}

.ha_funf2 h5 {
font: 12px 'Trebuchet MS',Verdana,Sans-serif;
color: #15487B;
display: inline;
margin: 0;
}


.ha_funf2 h5 a {
font: 12px 'Trebuchet MS',Verdana,Sans-serif;
color: #15487B;
display: inline;
}
.entry-title {
margin: 0;
padding: 0;
}

.entry-title h3 {
margin: 5px 0 8px 5px;
padding: 0;
color: #15487B;
font: bold 22px 'Trebuchet MS',Verdana,Sans-serif;
}

.entry-title h3 a {
border: none;
color: #15487B;
}

.entry-title h3 a:hover {
border: none;
color: #DA4600;
}

.orange {
color: #DA4600;
}

.blau_blau {
color: #15487B;
}

.entry {
margin: 20px 0 20px 18px;
padding: 0;
}

.entry_table {
margin: 20px 0 20px 16px;
padding: 0;
}

.entry_iframe {
margin: 20px 0 20px 18px;
padding: 0;
border: 1px solid #e3e3e3;
}

.entry_hosting{
margin: 20px 0 20px 18px;
padding: 10px;
border: 1px solid #e3e3e3;

text-align: justify;
}

.entry_cms2 {
margin: 20px 0 20px 18px;
padding: 0 10px 10px 10px;
border: 1px solid #e3e3e3;
height: 270px;
text-align: justify;
}

.entry_cms2_hos {
margin: 20px 0 20px 18px;
padding: 0 10px 10px 10px;
border: 1px solid #e3e3e3;
height: 270px;
text-align: left;
line-height: 1.5em;
}

.entry_cms2_eins {
margin: 20px 0 20px 18px;
padding: 10px 0 0 0;
border: 1px solid #e3e3e3;
height: 640px;
}

.entry_cms2_vps{
margin: 20px 0 20px 18px;
padding: 10px 0 0 0;
border: 1px solid #e3e3e3;
height: 400px;
}

.entry_cms2_ds{
margin: 20px 0 20px 18px;
padding: 10px 0 0 0;
border: 1px solid #e3e3e3;
height: 410px;
}

.entry_cms{
margin: 20px 0 20px 18px;
padding: 10px;
border: 1px solid #e3e3e3;
text-align: justify;
}

.jetzt_bestellen {
margin: 20px 0 0 0;
}

.hosting_paket {
width: 240px;
height: 320px;
margin: 0 0 0 10px;
float: left;
font-size: 13px;
}

.px_border {
height: 1px;
border-bottom: 1px solid #e3e3e3;
float: left;
margin: 0 10px;
}

.hosting_paket2 {
width: 240px;
height: 320px;
margin: 0 20px 0 20px;
float: left;
font-size: 13px;
}

.hosting_paket3 {
width: 240px;
height: 320px;
margin: 0 0 0 0;
float: left;
font-size: 13px;
}

.hosting_paket p {
color: #636363;
font-size: 13px;
padding: 0 0 0 5px;
line-height: 1;
width: 230px;
}

.schwarz_hosting {
color: #333333;
font-weight: bold;
}

.hosting_paket_h3 {
background: url("http://web-dhm.hr/images/bilder-design/bg_h3_hosting.png") top left no-repeat;
margin:0;
padding:0;
height: 50px;
}

.hosting_paket_h3 h3 {
color: #DA4600;
text-transform: uppercase;
font: 20px/50px 'Trebuchet MS',Verdana,Sans-serif;
font-weight: bold;
text-align: center;
margin: 0 0 5px 0;
}

.entry_seo{
margin: 20px 0 20px 18px;
padding: 0 10px 0 10px;
border: 1px solid #e3e3e3;
text-align: justify;
}

.preis_links {
float: left;
}

.preis_rechts {
float: right;
margin: 0 10px 0 0;
}

.preis_weiss{
color: #FFFFFF;
}



.hosting_preis_farbe {
background: url("http://web-dhm.hr/images/bilder-design/preis_farbe.png") top left no-repeat;
margin: 5px 0 0 0;
padding:0 15px 0 5px;
height: 30px;
width: 240px;
font: 12px/30px 'Trebuchet MS',Verdana,Sans-serif;
font-weight: bold;
color: #333333;
}

.entry_breadcrumb_unter {
margin: 20px 0 20px 0;
padding: 0;
height: 56px;
text-align: justify;
}

.brot_erstes {
height: 56px;
width: 260px;
float: left;
}

.brot_zweites {
height: 56px;
width: 225px;
float: left;
margin: 0 0 0 5px;
}

.brot_drites{
height: 56px;
width: 200px;
float: left;
margin: 0 0 0 10px;
}

.brot_viertes{
height: 56px;
width: 200px;
float: left;
margin: 0 0 0 35px;
}

.ein_bread {
background: url("http://web-dhm.hr/images/bilder-design/breadcrumb_eins.png") top left no-repeat;
height: 56px;
width: 260px;
padding: 0;
}

.zwei_bread {
background: url("http://web-dhm.hr/images/bilder-design/breadcrumb_zwei.png") top left no-repeat;
height: 56px;
width: 520px;
padding: 0;
}

.drei_bread {
background: url("http://web-dhm.hr/images/bilder-design/breadcrumb_drei.png") top left no-repeat;
height: 56px;
padding: 0;
}

.vier_bread {
background: url("http://web-dhm.hr/images/bilder-design/breadcrumb_vier.png") top left no-repeat;
height: 56px;
padding: 0;
}

.brot_gross {
padding: 1px 0 0 5px;
margin: 0 10px 2px 0;
text-align: left;
font-size: 12px;
font-weight: bold;
}

.brot_klein {
font-size: 9px;
padding: 0 15px 0 5px;
margin: 0;
text-align: left;
line-height: 1.5em;
}

.entry-info {
margin: 10px 0 10px 0;
padding: 0;
font-size: 10px;
text-align: right;
border-top: 1px solid #ccc;
line-height: 16px;
}
.entry-info p {
margin: 0;
padding: 0;
}
.entry .imgupload {
border: none;
float: left;
margin: 20px 10px 0 0;
border: 1px solid #333;
}

.entry_flash_papier1 {
margin: 0;
width: 782px;
height: 576px;
background: url("http://web-dhm.hr/images/bilder-design/fp_bg.png") top left no-repeat;
padding: 80px 0 0 0;
}

.entry_flash_papier {
margin: 0 40px 80px 40px;
}

.navi-pages {
text-align: right;
margin: 15px;
font-size: 11px;
background: #FBF8EF;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 0;
}

.navi-pages2 {
text-align: left;
margin: 0 0;
font-size: 11px;
background: #FBF8EF;
padding: 10px;
border: 1px solid #E7E7D4;
}

#smaller_right {
width: 300px;
height: 600px;
float: right;
background: #ECF8FD;
}

.gross_h4_blau {
font: 24px 'Trebuchet MS',Verdana,Sans-serif;
color: #15487B;
margin: 2px 0 10px 0;
padding: 0 0 0 10px;
}

.rechts_anders1 {
margin: 0 10px 0 10px;
padding: 2px 0 0 23px;
border-bottom: 1px solid #FFFFFF;
background: url("http://web-dhm.hr/images/bilder-design/bg_rechts_kvadrat.png") top left no-repeat;
}

.rechts_anders {
margin: 0 10px 0 10px;
padding: 2px 0 0 23px;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #CCEDFD;
background: url("http://web-dhm.hr/images/bilder-design/bg_rechts_kvadrat.png") top left no-repeat;
}

.rechts_anders0 {
margin: 0 10px 0 10px;
padding: 2px 0 0 23px;
border-top: 1px solid #CCEDFD;
background: url("http://web-dhm.hr/images/bilder-design/bg_rechts_kvadrat.png") top left no-repeat;
}

#smaller {
width: 180px;
float: left;
margin: 0 0 20px 0;
padding: 0;
font-size: 11px;
line-height: 16px;
color: #33414a;
}
.smaller-c {
margin: 10px;
}

#smaller .box-1 {
margin: 0 0 30px 0;
}



#smaller h4 {
margin: 0 0 8px 0;
padding: 0;
color: #FFFFFF;
font: bold 12px Verdana, Arial, sans-serif;
}
#smaller ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
#smaller ul li {
margin: 4px 0 4px 0;
}


#comments, #comments-post, #trackbacks {
margin: 20px 15px 10px 15px;
padding: 0;
font-size: 11px;
line-height: 17px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
margin: 0 0 20px 0;
padding: 0;
color: #990000;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}
.comment-item, .trackbacks-item {
margin: 5px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #f3f3f3;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p {
margin: 0 0 8px 0;
padding: 0;
}
.comment-info, .trackbacks-info {
text-align: right;
font-size: 10px;
}
.trackbacks-text h5 {
font: bold 11px Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
color: #993300;
}

#footer {
margin: 5px 0 0 0;
padding: 0;
font-size: 10px;
background: #F4F4EA;
border: 1px solid #E7E7D4;
height: 212px;
}

.footer-i {
margin: 0px;
padding: 12px 0 12px 12px;
}
.footer-i p {
margin: 0;
padding: 0;
}

.footer_box {
width: 149px;
height: 200px;
float: left;
margin: 0 12px 0 0;
}

.footer_title {
font: 12px 'Trebuchet MS',Verdana,Sans-serif;
font-weight: bold;
padding: 0 0 0 0;
text-transform: uppercase;
}


table.host{width:784px;color:#33414A;margin:0 0 0 0;}
table.host2{width:340px;color:#33414A;margin:0 0  0 0;}
table.host3{float:right;width:340px;color:#33414A;margin:0 0 0 0;}
thead{background:#295F94;}
thead tr th{text-align:center;color:#fff;border:1px solid #fff;padding: .2em;}
tbody tr td{background-color:#fff;border:1px solid #e2e4e1;text-align:center;padding:.2em;}
tbody tr.odd td{background-color:#f5f5f5;}
tbody tr:hover{color:#DA4600;}
tbody tr.odd:hover{color:#DA4600;}
tbody tr th{background-color:#fff;border:1px solid #e2e4e1;text-align:left;font-size:12px;padding:.2em;}
tbody tr.odd th{background-color:#f5f5f5;font-size:12px;}

table.host img {
border: none;
}

#syndication {
font-size: 10px;
padding: 5px;
}








#page_container {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 980px;

	top: -32px;


}

#headerr {

	margin-left: auto;

	margin-right: auto;

	width: 100%;

	height: 135px;

	background: #3f3f3f url(images/header.png) no-repeat center;

	position: relative;

	border-bottom: 1px solid #4a4a4a;

}

#headerr h1 {

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	position: relative;

	top: 30px;

	font-size: 40px;

	color: white;

}

#headerr h2 {

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 16px;

	color: #7e7e7e;

}

hr#header_stripe {

	height: 12px;

	position: relative;

	top: -7px;

	background-color: #191919;

	border: none;

	color: #191919;

}

.panel_button {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	top: 20px;

	width: 173px;

	height: 54px;

	background: url(images/panel_button.png);

	z-index: 20;

	cursor: pointer;

}

.panel_button img {
float: right;

	position: relative;

	top: 134px;
right: 370px;

	border: none;

}

.panel_button a {

	text-decoration: none;

	color: #545454;

	font-size: 20px;

	font-weight: bold;

	position: relative;

	top: 5px;

	left: 10px;

	font-family: Arial, Helvetica, sans-serif;

}

.panel_button a:hover {

	color: #999999;

}


#toppanel {

	position: absolute;

	width:980px;

	left: 0px;

	z-index: 25;

	text-align: center;


}

#panel {

background: #333333;
color: #FFFFFF;

	width: 980px;

	position: relative;

	top: 1px;

	height: 0px;

	margin-left: auto;

	margin-right: auto;

	z-index: 10;

	overflow: hidden;

	text-align: left;


}

#panel_contents {

	background: black;

	height: 100%;

	width: 904px;

	position: absolute;

	z-index: -1;


}

#panel h1 {

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: white;

	font-weight: normal;

	line-height: 35px;

	left: 275px;

	position: absolute;

	top: 10px;

}

#panel h2 {

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: #447c6f;

	line-height: 25px;

	font-size: 16px;

	position: absolute;

	top: 60px;

	left: 350px;

}

#content {

	margin-left: auto;

	margin-right: auto;

	width: 600px;

	position: relative;

	top: 90px;

	text-align: left;

	color: #545454;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding-bottom: 30px;

}

.border {

	border: 15px #1d1d1d solid;

}

img.border {

	float: left;

	margin-right: 15px;

	margin-bottom: 8px;

}

img.border_pic {

	border: 15px #1d1d1d solid;

	position: absolute;

	top: 110px;

	float: left;

	margin-left: 150px;

	width: 250px;

	height: 150px;

	z-index: 30;

}

div#login {

	width: 240px;

	height: 150px;

	position: absolute;

	right: 150px;

	top: 110px;

	background: #46392f;

	text-align: left;

	padding-left: 10px;

}

div#login p {

	color: #CCCCCC;

	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;

	line-height: 25px;

}

div#login input#password {

	position: relative;

	right: -6px;

}

div#login input#login_btn {

	border: 1px #899690 solid;

	cursor: pointer;

	position: relative;

	top: 30px;

	left: 86px;

}

#contact-form {
float: left;
margin: 40px 10px 0 20px;
padding: 10px;
width: 200px; 
height: 300px;
border: 5px #1d1d1d solid;
background: #464E57;
}


.email-form-field {
width: 190px;
height: 16px;
border: 2px solid #696969;
padding: 2px;
}

.email-form-area{
width: 190px;
height: 110px;
border: 2px solid #696969;
padding: 2px;
}


.posalji-gumb {
border: 2px solid #696969;
background: #FFFFFF;
color: #464E57;
padding: 5px 10px;
}

#right-top-panel-float {
float: right;
margin: 40px 10px 0 20px;
padding: 10px;
width: 650px; 
height: 300px;
border: 5px #1d1d1d solid;
background: #464E57;
}


.karta-top-panel {
float: right;
width: 280px;
height: 296px;
border: 2px solid #696969;
}

.text-top-panel {
float: left;
width: 300px;
height: 300px;
}				

.lijevo-inner {
margin: 10px 0;
padding: 5px;
background:url("http://web-dhm.hr/images/slike-design/entry-bijeli-k-bg-bottom-left_inner.png") bottom left no-repeat;
}

.lijevo-inner h6 {
color: #15487B;
font-size: 14px;
font-weight: bold;
margin: 0 0 5px 0;
}

.kontakt-pocetna {
font-weight: bold;
color: #FFFFFF;
font-size: 18px;
}