/*####################### reset###########################
@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,figcaption,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font: inherit;} ol,ul{list-style:none;} body{line-height:1;} article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;} ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;} ins{background-color:#ff9;color:#000;text-decoration:none;} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}  hr{display:block;height:1px;border:0;border-top:1px solid #233d92;margin:1em 0;padding:0;} input,select{vertical-align:middle;} :focus{outline:0;} *+html #main{position:static;}header,footer,nav,section,aside,article,figure,figcaption{display:block;} 
############################################################################################################################################################*/

body {
margin:0;
padding:0;
font: bold 12px/1.5em Arial;
background: rgb(33,174,98); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(33,174,98,1) 0%, rgba(137,220,136,1) 29%, rgba(204,249,161,1) 52%, rgba(137,220,136,1) 75%, rgba(33,174,98,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,174,98,1)), color-stop(29%,rgba(137,220,136,1)), color-stop(52%,rgba(204,249,161,1)), color-stop(75%,rgba(137,220,136,1)), color-stop(100%,rgba(33,174,98,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(33,174,98,1) 0%,rgba(137,220,136,1) 29%,rgba(204,249,161,1) 52%,rgba(137,220,136,1) 75%,rgba(33,174,98,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(33,174,98,1) 0%,rgba(137,220,136,1) 29%,rgba(204,249,161,1) 52%,rgba(137,220,136,1) 75%,rgba(33,174,98,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(33,174,98,1) 0%,rgba(137,220,136,1) 29%,rgba(204,249,161,1) 52%,rgba(137,220,136,1) 75%,rgba(33,174,98,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(33,174,98,1) 0%,rgba(137,220,136,1) 29%,rgba(204,249,161,1) 52%,rgba(137,220,136,1) 75%,rgba(33,174,98,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21ae62', endColorstr='#21ae62',GradientType=0 ); /* IE6-9 */

}

h1,h2,h3{ font-family:Arial, Helvetica, sans-serif; color:#000;line-height:1.0em;}
h1{font-size:2.4em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1.0em;}

a {color:#0a0}
.rot {color: #CC0000}
 body#start{background:#fff; }
.contaner{ width:780px; margin:20px auto; 
-moz-border-radius: 15px 15px 0 0; /* Firefox */
-webkit-border-radius: 15px 15px 0 0; /* WebKit */
border-radius: 15px 15px 0 0; /* Standard */
}
.start_container{width:780px; margin:20px auto;}

#header{float:left; width:100%; background-color:#f3f2f2; -moz-border-radius: 15px 15px 10px 10px; /* Firefox */
-webkit-border-radius: 15px 15px 10px 10px; /* WebKit */
border-radius: 15px 15px 10px 10px}
.balka{width:100%;  height:20px; -moz-border-radius: 20px 20px 0 0; /* Firefox */
-webkit-border-radius: 15px 15px 0 0; /* WebKit */
border-radius: 15px 15px 0 0; /* Standard */ 
background:url(bilder/topbg.gif);
border:1px #ccc solid;}
.header_left{position:relative;
float:left; width:70%	
	
	}
.logo{float:right; width:30%	}
.logo img{margin:20px 0 0 20px}

#flag {
	position:absolute;
	width:40%px;
	height:37px;
	z-index:0;
	left: 40px;
	top: 20px;
}
#flag img{float:left; width:36px; heigth:36px; margin:0 10px 0 0}
.menu{float:left; width:100%;}

/*- Menu Tabs F--------------------------- */

    #tabsF {
      float:left;
      width:100%;
      background:#efefef;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #666;
      }
    #tabsF ul {
        margin:0;
        padding:10px 10px 0 20px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("bilder/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("bilder/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
	color:#0A0;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

        #tabsF #current a {
                background-position:0% -42px;
        }
        #tabsF #current a span {
                background-position:100% -42px;
        }

#main{float:left;width:100%; background-color:#f3f2f2;-moz-border-radius: 0 0 15px 15px; /* Firefox */
-webkit-border-radius: 0 0 15px 15px; /* WebKit */
border-radius: 0 0 15px 15px;}
.name{margin:40px 0;text-align:center;}
.flage_contaner{position:relative;}
.inhalt{float:left;width:100%; margin:20px 0 50px 0}
.start_container .inhalt img{
	border:2px solid #E1E1E1
}
.links{float:left; width:60%; padding:30px}
.links_about{float:left; width:40%; }
.links_about img{margin:10px 0 0 26px}
.rechts{float:left; width:22%}
.rechts_about{float:left; width:55%; padding: 0 10px}
.links_kontakt{float:left; width:40%;padding:0 20px}
.rechts_kontakt{float:left; width:40%;padding:0 20px}
.rechts img{margin:30px 0 0 0}
.main-footer{float:left; width:100%; height:120px;
	background-image:url(bilder/footerbg1.jpg); text-align:center; -moz-border-radius: 0 0 15px 15px; /* Firefox */
-webkit-border-radius: 0 0 15px 15px; /* WebKit */
border-radius: 0 0 15px 15px;}
.main-footer p{margin:40px 0 0 0}
#footer{float:left; width:100%; height:90px;text-align:center; background-image:url(bilder/footerbgref1.jpg)}
#Deutsch,#English, #Russisch , #China  {font: bold 14px/1.5em Arial; display:block; text-align:center;
	position:absolute;
	width:60px;
	height:85px;
	z-index:0;
}

#Deutsch {

	left: 80px;
	top: 410px;
}
#English {
	
	left: 160px;
	top: 410px;
}
#Russisch {

	left: 240px;
	top: 410px;
}
#China {

	left: 320px;
	top: 410px;
}

.portrait .bild-center{margin: 0 0 20px 170px}

/* GALLERY */

.gallerywrap{
padding:20px;
}

.gallerywrap .content_section_item{
float:left;
position:relative;
width:20%;
}

.gallerywrap:hover img{
opacity:.6;
z-index:900;
}

.gallerywrap img{
width:100%;
border: 1px solid #fff;
}

.gallerywrap a img{
transition: all .4s;
}

.gallerywrap a:hover img{
/*transform: scale(1.07);*/
transition: all .1s;
opacity:1;
z-index:1000;
}

.chocolat-bottom{
display:none;
}


/* Kontakt Formular-----------------------------------*/

#content {
	float: left;
	width: 440px;
	padding: 10px 0;
}
.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.contact_form form{
	width:400px;
	margin: 10px 0 0 0;
	padding: 0px;
}

.contact_form form label {
	float: left;	
	display: inline-block;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	font-size: 14px;	
}

.contact_form form .input_field {
	float: left;
	display: inline-block;
	width: 250px;
	text-align: left;

}

.contact_form form textarea {
	background:#FFFFFF none repeat fixed 0 0;
	border:1px solid #BBBBBB;
	display:block;
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.1em;
	height: 110px;
	margin-top:5px;
	padding:5px;
	width: 245px;
}

.contact_form form .submit_btn {
	margin-right: 10px;
	width: 80px;
}


/* slides styling  foto galerie*/

.photo {width:720px; height:600px; margin:0 auto; background:url(lbox/back.jpg) no-repeat center center; text-align:left; position:relative;}

.photo dl {font-size:0.9em; position:absolute; width:400px; top:100px; left:100px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:verdana, arial, sans-serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10; }

.photo ul.topic li {display:block; width:718px; height:31px; float:left; }
.photo ul.topic li a.set {display:block; font-size:11px; width:717px; height:30px; text-align:center; line-height:30px; color:#FFFFFF; text-decoration:none; border:1px solid #666; border-width:1px 1px 0 1px; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd url(lbox/close.gif) no-repeat right top; width:479px; padding:70px 100px; border:20px solid #aaa;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}