@charset "UTF-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	}
	
body{ background:#e3eefd; background-image:url(../img/background2.png); background-repeat:no-repeat; margin:0; padding:0;}

/* Header */
#wrapper { position:relative; display:block; width:auto; height:100%; margin: 0 auto;}

/* begin banner */
#banner {position:relative; display:block;}
#banner ul {display:block; list-style:none; }
#banner ul li.top {height:7px; background:#00247e; }
#banner ul li.top2 {height:2px; background:#d6e0ee;}
#banner ul li.claud { position:absolute; display:block; top:6px; left:155px; background-image:url(../img/claud.png); padding:8px 0 0 30px;  background-repeat:no-repeat; width:200px; height:100px;}
#banner ul li.claud a { font-weight:bold; position:absolute; top: 5px; color:#FFFFFF; text-decoration:none;} 
#banner ul li.note { position:absolute; display:block; top:180px; left: 920px; z-index:1;}
#banner ul li.titel { position:absolute; display:block; top:122px; left: 550px; z-index:1;}
/* end banner */

/* begin navigation */
#wrapper #navigation { position:relative;}
#wrapper #navigation ul {list-style:none; position:absolute; display:block; top:115px; left:150px;}
#wrapper #navigation ul li.port{ float:left; background-image:url(../img/portfolio.png); background-repeat:no-repeat; width:140px; height:30px;}
#wrapper #navigation ul li.work{ float:left;  padding:10px;  width:auto; height:30px; }
#wrapper #navigation ul li.about{ float:left; padding:10px;  width:auto; height:30px;}
#wrapper #navigation ul li.contact{ float:left; padding:10px;  width:auto; height:30px;}

#wrapper #navigation ul li.diveder{ float:left; padding:0 1px 1px 1px;  width:auto; height:30px; background-image:url(../img/devider.png); background-repeat:no-repeat; background-position:left;}

#wrapper #navigation ul li a{color:#00247e; font-weight:bold; text-decoration:none; height:20px; padding:0 0 10px 0;}
#wrapper #navigation ul li a.select{background-image:url(../img/hover.png); background-repeat:no-repeat; background-position:bottom; padding-top:6px;}
#wrapper #navigation ul li a:hover{ background-image:url(../img/hover.png); background-repeat:no-repeat; background-position:bottom; padding-top:6px;}

#wrapper #navigation ul li.envelop{float:left; position:absolute; display:block; bottom:55px; left:265px; width:auto; height:30px;}
#wrapper #navigation ul li.envelop img{ border:none;}
#wrapper #navigation ul li.envelop a{ background:none;}

#wrapper #navigation ul li.me{float:left; position:absolute; display:block; bottom:100px; left:220px; width:auto; height:30px;}
#wrapper #navigation ul li.me img{ border:none;}
#wrapper #navigation ul li.me a{ background:none;}

#wrapper #navigation ul li.mouse{float:left; position:absolute; top:28px; left:105px; width:auto; height:30px;}
#wrapper #navigation ul li.mouse img{ border:none;}
#wrapper #navigation ul li.mouse a{ background:none;}
/* end navigation */


/* begin content */
#content {position:absolute; top:0px; left:0px; display:block;}
#content table.work { width:844px; padding-bottom:20px; border:none; position:absolute; display:block; top:205px; left:150px; border-collapse: collapse;}
#content table.work tr td.left {width:21px; margin-top:40px; height:100%; background-image:url(../img/left.png); background-repeat:repeat-y;}
#content table.work tr td.middle {padding: 20px 0 0 20px; height:10px; width:802px; background-color:#FFFFFF; }
#content table.work tr td.right {width:21px; margin-top:40px; height:100%; background-image:url(../img/right.png); background-repeat:repeat-y;}

#content table.work tr td.bottom{padding-bottom:10px;}

/*content home*/
#content table.work tr td.middle .first{ width:700px; float:left; padding:0 0 20px 0;}
#content table.work tr td.middle .first .left {float:left; overflow:auto; width:520px;}
#content table.work tr td.middle .first .right {  float:left; width:160px;}
#content table.work tr td.middle .first .right p {padding:10px 0 0 15px; }
#content table.work tr td.middle .first .right a {  padding-top:5px; }

#content table.work tr td.middle .second { width:700px; float:left; padding:0 0 20px 0;}
#content table.work tr td.middle .second .left {float:left; overflow:auto; width:520px;}
#content table.work tr td.middle .second .right {float:left; width:160px;}
#content table.work tr td.middle .second .right p {padding:10px 0 0 15px; }

#content table.work tr td.middle .third { width:700px; float:left; padding:0 0 20px 0;}
#content table.work tr td.middle .third .left {float:left; overflow:auto; width:520px;}
#content table.work tr td.middle .third .right { float:left; width:160px;}
#content table.work tr td.middle .third .right p {padding:10px 0 0 15px; }

#content table.work tr td.middle .fourth { width:700px; float:left; padding:0 0 20px 0;}
#content table.work tr td.middle .fourth .left {float:left; overflow:auto; width:520px;}
#content table.work tr td.middle .fourth .right { float:left; width:160px;}
#content table.work tr td.middle .fourth .right p {padding:10px 0 0 15px; }

#content table.work tr td.middle .numbers { width:700px; float:left; padding:0 0 30px 0;}
#content table.work tr td.middle .numbers a {color:#FFFFFF; padding:5px 10px;  background:#00247e;font-weight:bold;}
#content table.work tr td.middle .numbers a.visit{ background:#6b75ae; height:20px;}
#content table.work tr td.middle .numbers .left {float:left; overflow:auto; width:520px;}
#content table.work tr td.middle .numbers .right { float:right; width:140px;}
#content table.work tr td.middle .numbers .right p {padding:0px 0 0 15px;font-family:Verdana, Arial, Helvetica, sans-serif; display:block;}
#content table.work tr td.middle .numbers .right p a {  font-weight:bold; }


div.right ul { float:left; list-style:none; padding:10px 0 0 5px; width:185px;}
div.right ul li.image{ background-image:url(../img/arrow.gif); background-repeat:no-repeat;}

div.right ul li.text_left{ padding: 0 10px 0 20px; font-weight:bold; float:left;}
div.right ul li.text_right{  padding: 0 5px 0 20px;}


#content table.work tr td.middle .top { position: absolute; display:block; top: 1500px; right:0;}
#content table.work tr td.middle .top a img{border:none;}



/*content about*/
#content table.work tr td.middle #about{ float:left; width:680px; height: auto;}
#content table.work tr td.middle .content_left {width:370px; float:left; padding:5px; margin-right:10px; padding-bottom:40px;}
#content table.work tr td.middle .content_right { color:#00247e; float:left;  width:270px; padding:5px; padding-bottom:40px;}
#content table.work tr td.middle ul{ list-style:none;}
#content table.work tr td.middle li {color:#00247e; font:Verdana, Arial, Helvetica, sans-serif;}
#content table.work tr td.middle li.kop { font-weight:bold;  font-size:12px; padding-bottom:10px;}
#content table.work tr td.middle li.line { height:1px; background-color:#abb7d5; margin-bottom:5px;}
#content table.work tr td.middle table{ color:#00247e;}
#content table.work tr td.middle table tr td{ }
#content table.work tr td.middle table tr td.info{ padding-right:15px; text-align:left;}
#content table.work tr td.middle table tr td.cv a img { border:none; padding-top:20px;}
#content table.work tr td.middle table tr td.cv a{text-decoration:underline; font-size:12px; font-weight:bold; color:#00247e;}

#content table.work tr td.middle .content_left {color:#00247e;}
#content table.work tr td.middle p {color:#00247e; }

/* end content */

/* Footer
#footer {background-image:url(../img/footer.gif); margin-top:1220px; height:100px; background-repeat:no-repeat; background-position:top; background-color:#1a75f1;}
#footer ul {  list-style:none;}
#footer ul li { float:left;  font-weight:bold; color:#99CCFF; font-size:12px; width:450px;}
#footer ul li.short { padding: 50px 0 0 250px; font-style:italic;	}
#footer ul li.post { padding: 70px 0 0 10px;}
#footer ul li.post_about { padding: 70px 0 0 50px;}
#footer ul li.post_links { padding: 70px 0 0 50px;}

*/