* {
 margin: 0;
 padding: 0;
 }
p {text-indent: 26px; text-align: justify; margin: 0; line-height: 1.2;}
.pic { margin-left: 1px; padding: 3px; }
body { 
 font: 0.7em/1em Verdana, Arial, Helvetica, sans-serif;/*  razmer vsego shrifta 0.7 */
 color: #000000;
 /*background: #CDCDCD url(images/bgbody.png);*/
 background: url(images/bg_kiev.jpg) repeat;
 }

li {
	list-style: none;
}

img { border: 0; }

#container {
 width: 870px; /*  shirena ctranici 870px!!!! */
 margin: 0 auto;
 background: #CDCDCD url(images/overall-border-left-right.png) repeat-y center top;
 }

#header {
 background: url(images/overall-border-top.png) no-repeat center top;
 padding-top: 16px; /* otstup c verhu */
 }
#header h1 {
 padding: 160px 0 0 24px;
 font: bold 1.8em/12pt Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 }
#logo {
	position: relative;
	margin-bottom: 10px;
	left: 15px;
	top: 3px;
 }

#wrapper {
 float: left;
 width: 100%;
}
#content {
 margin: 10px 183px 0 208px;/*  10px 183px 0 208px */
 width: 456px; /*  shirena ctranici 456px */
}
#left {
 float: left;
 width:183px;/*  shirena ctranici 183px */
 margin: 10px 0 0 -855px;
}

#right {
 float: left;
 width: 183px;
 margin: 10px 0 0 -197px;
}

#footer {
 clear: left;
 width: 100%;
 }

#box-newsletter {
 padding-top: 5px;
 background: url(images/box-newsletter-bg.png) no-repeat 0 0;
 min-height: 80px;
 }

#popup {
 position: absolute;
	z-index: 0;
	margin-left: 150px;
	top: 100px;
	width: 571px;
	height: 412px;
	background: #F2F2F2;
	}
#popup-header {
	background: #ff5f00;
	padding: 3px 5px;
	text-align: right;
	}
#popup-content {
	border: #B0B1B1 6px solid;
 padding: 5px;
	}
#popup a.close_popup {
	color: white;
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	}


/* Footer */
#footer {
 width: 860px;
	min-height: 20px;
 padding: 10px 0 0 5px;
 }
#footer ul {
	border-top: 1px solid #b2b2b2;
	padding-left: 10px;
}
#footer li {
 float: left;
 margin: 5px 10px 0 0;
 padding-right: 10px;
 border-right: 1px solid #b2b2b2;
 }
#footer ul a {
 color: #b2b2b2;
 text-decoration: none;
 font-weight: bold;
	padding-left: 15px;
 }
#footer ul a.home {
	background: url(images/icon-home.gif) no-repeat left center;
 }
#footer ul a.agb {
	background: url(images/icon-agb.gif) no-repeat left center;
 }
#footer ul a.impressum {
	background: url(images/icon-impressum.gif) no-repeat left center;
 }
#footer p {
 margin: 5px 0 0 0; 
 color: #b2b2b2;
 }

#end {
 margin: 0 auto;
 width: 870px;
 background: url(images/overall-border-bottom.png) no-repeat center bottom;
 height: 15px;
}

/* CSS Document */



/* box big */
.box-big {
  margin-bottom: 10px;
  background: url(images/box-big-border.png) repeat-y;
  }
  
.box-big h1,
.box-project h1 {
	padding: 2px 0 0 25px;
	height: 17px;
	background: url(images/box-big-head.png) no-repeat left top;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: Navy;
	font-variant : small-caps;
}
.box-project p, 
.box-big p,
.box-big ul,
.box-big h2 {
  padding: 5px 10px 5px 25px;
  }
.box-big h2 {
  font-size: 1.2em;
	}
p.left {
  float: left;
  }
p.right {
  margin-left: 214px;
	}
p.center {
	padding: 20px 0 15px 0;
  text-align: center;
	}

ul.left {
  padding-left: 40px;
  }
ul.right {
	padding-left: 40px;
	margin-left: 160px;
	list-style : disc;
}
.box-big li {
	list-style-type: square;
	margin-bottom: 7px;
	}

.box-footer {
  height: 9px;
  background: url(images/box-big-footer.png) no-repeat left bottom;
  clear: left;
  }
/* special project style */
.box-project {
  margin-bottom: 10px;
  background: url(images/box-big-footer.png) no-repeat left bottom;
  }
.box-project div {
  height: 130px;
  }
.box-project div p {
  margin: 45px 0 0 200px;
  }



/* box borders */
.box-small {background: url(images/box-small-border.png) no-repeat left bottom;}
.box-mini {
  background: url(images/box-mini.png) no-repeat left bottom;
  height: 20px;
  }

/* outside and inner bottom space */
.box-small,
.box-hidden {
  margin-bottom: 10px;
	padding-bottom: 10px;
  }
.box-mini {margin-bottom: 10px;}

/* inner top and bottom space */
.box-small p,
.box-hidden p {padding: 5px 0;}

/* inner left space */
.box-small p,
.box-small ul,
.box-small h1,
.box-mini h1,
.box-hidden p,
.box-hidden h1 {padding-left: 25px;}

/* border top */
.box-small h1 {background: url(images/box-small-head.png) no-repeat left top;}

/* h1 */
.box-small h1, 
.box-mini h1 {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	height: 17px;
	padding-top: 3px;
	font-variant : small-caps;
	color : Navy;
}
/* extra stuff for box-mini h1 */
.box-mini h1 {
	float: left;
	margin-right: 10px;
	}
/* flags space */
.box-mini img {margin: 4px 0 0 5px;}


.clearer {
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  background: transparent;
  }

hr.spacer {
  clear: both;
  border: #CCCCCC 1px solid;
  }



span.button {
  background: url(images/button-right.gif) no-repeat right center;
  padding: 3px 3px 3px 0;
  }
a.button {
	background: url(images/button.gif) no-repeat left center;
	padding: 3px 3px 3px 14px;
	height: 15px;
	color: Maroon;
	font-weight: bold;
	text-decoration: none;
}
a:hover.button{
	color : Red;
}

/* ------ AUTHOR -----------------------------------------

Chergo Zelfo ~ newMediaDesign ~ www.zelfo.com
for diginetmedia >> www.diginetmedia.de

--------- UPDATE INFO -----------------------------------
  
Revision number: 1.0  */

/*  Navigation */
.box-nav {
  background: url(images/box-nav-border.png) no-repeat left bottom;
  padding: 0 10px 5px 10px;
  }
.box-nav ul {
  padding-left: 0;
  padding-top: 5px;
  }

/*  Navigation - Section 0 */
.box-nav li {
  padding: 1px 0;
  background: url(images/nav-spacer.gif) no-repeat 0 0;
  }
.box-nav a {
  background: url(images/nav-0.gif) no-repeat 0 0;
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  display: block;
  margin: 2px 0 1px 0;
  }
/* excludes IE  see layout_ie.css */
*>.box-nav a {
  padding: 1px 0 3px 16px;
  }
.box-nav a:hover {
	background: url(images/nav-0-over.png) no-repeat 0 0;
	color: Red;
}

/*  Navigation - Section 1 */
.box-nav ul ul {
  margin: 0;
  padding: 0;
	display: none;
  }
.box-nav ul ul li {
  margin: 0;
  padding: 1px 0;
  }
.box-nav ul ul a {
  background: url(images/nav-1.gif) no-repeat 0 0;
  padding-left: 20px;
	font-weight: normal;
  }
.box-nav ul ul a:hover {
  background: url(images/nav-1-over.png) no-repeat 0 0;
  }

/*  Navigation - Section 2 */
.box-nav ul ul ul {
  margin: 0;
  padding: 0;
	display: none;
  }
.box-nav ul ul ul li {
  margin: 0;
  padding: 1px 0;
  }
.box-nav ul ul ul a {
  background: url(images/nav-1.gif) no-repeat 5px 0;
  padding-left: 25px;
	font-weight: normal;
	color: #5e6c73;
  }
.box-nav ul ul ul a:hover {
  background: url(images/nav-1-over.png) no-repeat 5px 0;
  }


/* current & active */
.box-nav ul ul a#current {
  background: url(images/nav-1-over.png) no-repeat 0 0;
  }
.box-nav ul ul ul a#current {
  background: url(images/nav-1-over.png) no-repeat 5px 0;
  }
ul#active {
  display: block
	}
/* CSS Document */

/*  Forms */
form {
  padding-left: 25px;
  }
.box-border form {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
form br {
  clear: both;
  margin-top: 10px;
  }
form img {
  vertical-align: top;
	margin: 10px 0 0 0;
	}
fieldset {
  border: 0;
	}
legend {
  display: none;
	}

input[type=text],
textarea {
  padding: 2px;
  border: 1px solid #CCCCCC;
	width: 70%;
	min-width: 10em;
	max-width: 30em;
  background: url(images/form-bg.png) repeat-x 0 0;
  margin: 5px 0 0 5px;
  }
input.error,
textarea.error {
  border: 2px solid #c00;
  background: url(images/form-bg-error.png) repeat-x 0 0;
	}
#fehlermeldung {
	width: 70%;
  border: 2px solid #c00;
	padding: 5px;
  background: url(images/form-bg-error.png) repeat-x 0 0;
	margin: 10px 0 30px 5px;
	} 
#fehlermeldung img {
  vertical-align:baseline
	}
input.error:focus,
input.error:active,
textarea.error:focus,
textarea.error:active {
  background: url(images/form-bg.png) repeat-x 0 0!important;
	}


/*  excludes IE  see layout_ie.css */
*>label.left {
  float: left;
  width: 3em;
  margin-right: 1em;
  }

#box-newsletter .button {
  margin-top: 10px;
	}
.sylka {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #0000FF;
	text-decoration: underline;
}