* { margin: 0; padding: 0; }
img { border: none; }
a { text-decoration: none; color: #000000; }
.clear { clear: both; height: 0px; *line-height: 0; }
em { font-style: normal; }
p em { font-style: italic; }
fieldset { border: none; }

#container { width: 749px; border: 1px solid #ccc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff; color: #000; }

/*  HEADER  *****************************************/
#top { border-bottom: 1px solid black; width: 100%; margin: 0 0 1px 0; overflow: hidden; }
#logo { float: left; }
#sag { display: block; float: right; }
#banner { background: #fff url(../images/foto1.jpg) top left no-repeat; height: 120px; border-top: 2px solid black; border-bottom: 1px solid black; }
#banner-top { display: block; }
#aboutleistung { background: #fff url(../images/foto2.jpg) top left no-repeat; height: 120px; border-top: 2px solid black; border-bottom: 1px solid black; }
#aboutjobs { background: #fff url(../images/foto3.jpg) top left no-repeat; height: 120px; border-top: 2px solid black; border-bottom: 1px solid black; }
#aboutkontakt { background: #fff url(../images/foto4.jpg) top left no-repeat; height: 120px; border-top: 2px solid black; border-bottom: 1px solid black; }
#aboutlogin { background: #fff url(../images/foto5.jpg) top left no-repeat; height: 120px; border-top: 2px solid black; border-bottom: 1px solid black; }

/*  NAVBAR  *****************************************/
#navbar { background: #A8C4C0; color: #000000; padding: 7px 0 6px 10px; }
#navbar a:hover { background: #A8C4C0; color: #184B48; }
#navbar span { float: left; }
#navbar ul { list-style: none; display: block; text-align: right; font-weight: bold; }
#navbar li { display: inline; margin: 0 10px 0 0; }
#navbar li .mainNav { background: #A8C4C0 url(../images/kockica_blank.gif) center left no-repeat; padding: 0 0 0 10px; }
#navbar li .mainNavOn { background: #A8C4C0 url(../images/kockica_over.gif) center left no-repeat; padding: 0 0 0 10px; }
#navbar li .mainNav:hover, #navbar li .mainNavOn:hover { background: #A8C4C0 url(../images/kockica_over.gif) center left no-repeat; color: #184B48; }

/*  SIDEBAR  ************************************/
#sidebar { float: left; width: 175px; text-align: right; margin: 0 0 30px 0; }
#sidebar ul { list-style: none; margin: 35px 0 0 0; }
#sidebar li { margin: 0 0 9px 0; }
#sidebar li ul { margin: 9px 15px 0 0; }
#sidebar li .sideNav { background: #fff url(../images/kockica_blank2.gif) right 3px  no-repeat; padding: 0 15px 0 0; }
#sidebar li .sideNavOn { background: #fff url(../images/kockica_over2.gif) right 3px no-repeat; padding: 0 15px 0 0; }
#sidebar li .sideNav:hover, #sidebar li .sideNavOn:hover { background: #fff url(../images/kockica_over2.gif) right 3px no-repeat; color: #184B48; }

#sidebar #smallsymbol { margin: 40px 20px 0 0; }
#sidebar #logout { display: block; margin: 40px 0 0 20px; text-align: left; font-size: 11px; }
#sidebar #logout img { margin: 5px 0 0 0; }
/* INDEX *****************************************/
#left { float: left; width: 280px; }
#right { float: right; width: 220px; padding-right: 10px; }

.Homenewsblock { overflow: auto; }
.Homenewsblock img { width: 40px; float: left; clear: right; }
.Homenewsblock p { display: block; float: right; width: 170px; }
.Homenewsblock .more { padding-left: 5px; }
.Homenewsblock h3 { clear: none; display: block; float: right; width: 170px; margin-top: -3px; }

/*  CONTENT **************************************/
#content { float: right; width: 536px; padding: 33px 10px 40px 0; font-size: 11px; }
#content a { color: #16A695; }
#content a:hover { color: #669966; }
h1, h2 { font-size: 11px; margin: 0 0 22px 0; }
h3 { font-size: 11px; font-weight: bold; clear: left; }
h4 { color: #16A695; margin-bottom: 10px; font-size: 10px; }
h4 a { text-decoration: underline; }
h4 a:hover { text-decoration: none; }
h4 em { font-weight: normal; color: #000; padding-left: 5px; }
.date { font-weight: normal; font-size: 11px; padding-left: 2px; }
p { font-size: 11px; line-height: 18px; margin: 0 0 25px 0; }
.textimg { margin: 10px 0 10px 0; }
.greentxt { font-weight: bold; color: #67807D; }

#content ul { list-style: none; font-size: 11px; line-height: 18px; margin: 0 0 25px 0; }
#content ul li { background: url(../images/BULLTIdash.gif) left 8px no-repeat; padding-left: 8px; display: block;  }

.newsblock { overflow: auto; width: 100%; }
.newsblock .date { font-weight: normal; font-size: 11px; padding-left: 2px; display: block; float: left; width: 80px; }
.newsblock div { float: right; width: 450px; }
.newsblock p { width: 100%;}

#content #keyword-navigation { line-height:1; margin:0; float:left; clear:left; width:536px; }
#content #keyword-navigation a { display:block; padding:3px 0; zoom:1 }

/* ABOUT US ************************************************/
#reference tr td { padding: 0 0 30px 0; }
.refimg { margin: 0 20px 0 0; }
.team { list-style: none; margin-top: 10px; }
.team li { float: left; width: 170px; margin: 0 0 30px 0; }
.team img { margin: 0 0 13px 0; }
.team span { display: block; margin: 0 0 5px 0; }

#aboutus { height: 180px; }
#aboutus h3 { margin-bottom: 7px;  }
#aboutus img { float: left; margin: 0 6px 0 0;  }
#aboutus span { line-height: 15px; }

#aboutus div { width: 180px;  float: right; }
#aboutus div img { width: 50px; height: 60px; margin: 0 5px 5px 0; }

#aboutus div#memberbig {width: 320px; float: left; }
#aboutus div#memberbig img { width: auto; height: auto; float: left;  margin: 0 6px 0 0; }
/* GALLERY *************************************************/
.gallery { list-style: none; }
.gallery li { float: left; margin: 0 8px 0 0; height: 200px; width: 170px; overflow: hidden; background: none !important; padding: 0 !important; }
.gallery li.last { margin: 0; }
.gallery img { margin: 0px auto; display: block; margin-bottom: 6px; }
.gallery span { display: block; width: 170px; text-align: center; margin: 0 0 5px 0; }

.models { list-style: none; }
.models li { float: left; margin: 0 10px 10px 0; background: none !important; padding: 0 !important; }

#modelsgallery h3 { margin-bottom: 7px; }
#modelsgallery img { float: left; margin: 0 20px 30px 0; }
#modelsgallery table { width: 300px; border-collapse: collapse; }
#modelsgallery table .right { text-align: right; }
#modelsgallery table th { padding: 0 0 20px 0; text-align: left; vertical-align: top; }
#modelsgallery table th.right { width: 165px; }
#modelsgallery table th a {  font-weight: normal; padding-right: 15px; }
#modelsgallery table th.right a { padding: 0; }
#modelsgallery table th.bottom { padding: 30px 0 0 0; text-align: right; }
#modelsgallery table td { padding: 3px 0 4px 0; border-bottom: 1px solid #ccc; vertical-align: top; }
#modelsgallery div { clear: both; }
#modelsgallery div img { float: none; margin: 0 10px 10px 0; }

#modelsgallery table.searchrez { width: 400px; }
#modelsgallery table.searchrez td { padding: 1px 0 2px 0; }
#modelsgallery table.searchrez th.bottom { padding: 10px 0 0 0; }

/* MAP ***************************************************/
.mapimg { margin: 0 30px 30px 0; }

/*  FORMS  *************************************************/
#contact .textfield { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #000000; background-color: #A3C1BC; width: 148px; padding: 1px; border: 1px solid #cccccc; margin: 0 0 30px 0; }
#contact label { font-size: 11px; }
#contact input { border: 1px solid #cccccc; margin: 4px 0 9px 0; }
#contact textarea { border: 1px solid #cccccc; margin: 4px 40px 5px 0; height: 149px; *height: 154px; }
#contact .button { background: url(../images/sendBUTTON.gif) top left no-repeat; height: 18px; width: 41px; cursor: pointer; }
#contact #formleft { float: left; }
#contact select { margin: 5px 0 12px 0; border: 1px solid #ccc; width: 144px; *width: 150px; *font-size: 12px; }
#contact #formright { float: right; }

#jobform span { clear: both; display: block; margin: 15px 0 10px 0; }
#jobform input.radio { border: none; width: auto; margin-bottom: 5px; *margin-bottom: 3px; }
#jobform fieldset { margin-bottom: 30px; }
#jobform h3 { margin-bottom: 10px; }
#jobform label { display: block; float: left; width: 140px; }
#jobform .input_text, #jobform select { display: inline; border: 1px solid #cccccc; margin-bottom: 5px; *margin-bottom: 3px; width: 145px; }
#jobform .input_date { display: inline; border: 1px solid #cccccc; margin-bottom: 5px; *margin-bottom: 3px; }
#jobform input#inline { width: 39px; margin-right: 1px; }
#jobform input#inline2 { width: 99px; }
#jobform .upload { width: 229px; margin: 0 0 5px 0; *margin: 0 0 2px 0; }
#jobform .button { cursor: pointer; margin-left: 327px; height: auto; width: auto; }

#sidebar #login { text-align: left; margin: 57px 0 0 15px; }
#sidebar #login .button { margin: 5px 0 0 0; }

#login input { border: 1px solid #cccccc; margin: 4px 0 9px 0; width: 150px; }
#login select { border: 1px solid #cccccc; margin: 4px 0 9px 0; width: 65px; font-size: 11px; }
#login select option  { padding: 0 3px; }
#login .button { cursor: pointer; margin: 0 0 0 108px; width: auto; }


#search label { font-size: 11px;  }
#search fieldset.a { width: 200px; overflow: hidden; padding: 5px 0; }
#search fieldset.a label { float: left; display: block; width: 40px; padding-top: 2px; margin: 0; }
#search fieldset.a input { width: 30px; display: block; margin: 0 0 5px 40px; }
#search input { border: 1px solid #cccccc; margin: 4px 0 9px 0; }
#search textarea { border: 1px solid #cccccc; margin: 4px 40px 5px 0; height: 105px; }
#search .button { cursor: pointer; }
#search select { margin: 5px 0 12px 0; border: 1px solid #ccc; width: 154px; *width: 160px; *font-size: 12px; }

/* DIMEDIA.HR SIGN ****************************************/
#sign { padding: 2px 0 0 10px; }
#sign a { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; color: black; }
#sign a:hover { color: red; }
#sign span { color: red;}

/* LIGHTBOX **********************************************/
#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer {	position: relative;	background-color: #fff;	width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav {	position: absolute;	top: 0; left: 0; height: 100%; width: 100%;	z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding: 0 10px;	}
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 60px; float: right;  padding-bottom: 0.7em; }	
		
#overlay { position: absolute; top: 0; left: 0;	z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

.clearfix:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;	}

* html>body .clearfix { display: inline-block; width: 100%;	}
* html .clearfix { /* Hides from IE-mac \*/height: 1%;	/* End hide from IE-mac */ }