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

/***********
farben:
hintergrund #fde8d4;
hintergrung hell gelb #fef4e9; 

hintergrund weiss: #fbfbfb;
lila #292b79;
rot #c82027;
grun #0e8843;



schrift grau 
#4a4a4a
1 #6c6c6c;
2 #4c4c4c;


***********/
body {
overflow: scroll;
}

body, html {
	background-color:#fde8d4;
}


#shadow-container {
	position: relative;
	left: 5px;
	top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	width:960px;
	
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .shadow4,
#shadow-container .shadow5,
#shadow-container #wrapper {
	position: relative;
	left: -1px;
	top: -1px;
}

#shadow-container .shadow1 {
		background: #e6d3c1;
	}
 
	#shadow-container .shadow2 {
		background: #cfbeae;
	}
 
	#shadow-container .shadow3 {
		background: #b2a395;
	}
	
	#shadow-container .shadow4 {
		background: #8b7f74;
	}
	
	#shadow-container .shadow5 {
		background: #6d645b;
	}
 


#wrapper {
	width:960px;
	background-color:#fbfbfb;
	padding-bottom: 70px;
	}

#logo {
	background-image:url(../img/i-logo-erste.png);
	background-position: center 20px;
	background-repeat:no-repeat;
	height:82px;
	margin-bottom:20px;
}

#linie {
	width:100%;
	margin:0;
	padding:0;
	background-image:url(../img/l-line.png);
	background-position:center;
	background-repeat:no-repeat;
	height:12px;
	margin-bottom:20px;
}
#firmen-name {
	text-align:center;
	color:#6c6c6c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:thin;
	margin-bottom:40px;
}
span.trademark {
	vertical-align: super;
	font-size: 50%;
}
#container {
	width:960px;
	float: left;
	background-color:#fbfbfb;
}
#language-left {
	float:left;
	width:35%;
	height: 388px;
}
#language-left div {
	height: 20%;
	text-align: right;
	margin-right: 50px;
	margin-top:50px;
}

#deutsch {
	padding:0px;
	
	}
	
	
#deutsch a {
	text-decoration:none;
	color:#4a4a4a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	
	
}
#deutsch a:hover {
	border-bottom-color:#4a4a4a;
	border-bottom:double 3px;
}

#russisch {
	padding:0px;
	}
	
	
#russisch a {
	text-decoration:none;
	color:#4a4a4a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
}

#russisch a:hover {
	border-bottom-color:#4a4a4a;
	border-bottom:double 3px;
}
#bild {
	float:left;
	width:30%;
}
#language-right {
	float:right;
	width:35%;
	height: 388px;
}
#language-right div {
	height: 20%;
	text-align: left;
	margin-left:50px;
	margin-top:50px;
}
#english {
	padding:0px;
	
	}
	
	
#english a {
	text-decoration:none;
	color:#4a4a4a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;	
	
}

#english a:hover {
	border-bottom-color:#4a4a4a;
	border-bottom:double 3px;
}


#ukrainisch {
	padding:0px;
	
	}
	
	
#ukrainisch a {
	text-decoration:none;
	color:#4a4a4a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	
	
}
#ukrainisch a:hover {
	border-bottom-color:#4a4a4a;
	border-bottom:double 3px;
}
/*********************** unter *****************************/

#linie-unter {
	clear:both;
	background-image:url(../img/l-line-down.png);
	width:100%;
	height:2px;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#container-unter {
	background-color:#fbfbfb;
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
}

#bilder-unter #planet-klein {
	float:left;
	margin-left:20px;
}


#menu-unter {
	float:left;
	text-align:right;
	width:45%;
	padding:0;
	margin-top:-15px;
	
}

#menu-unter-index {
	float:left;
	text-align:right;
	width:50%;
	padding:0;
	margin-top:-15px;
	
	}


#menu-unter ul, #menu-unter-index ul {
	list-style-type:none;
	padding: 0px;
}
#menu-unter li, #menu-unter-index li {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
}
#menu-unter li a, #menu-unter-index li a {
	text-decoration:none;
	color:#292b79;
}
#menu-unter a:hover, #menu-unter-index a:hover {
	color:#4c4c4c;
}

	
#menu-unter img {
	border:0;
	width:29px;
	height:28px;

	}

#copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	float:left;
	width:47%;
	text-align:left;
	margin-left:13px;
	margin-top:-15px;
	}
	
	
#copy p{
	text-decoration:none;
	color: #292b79;
	}
	
#planet {
	float:left;
	width:29px;
	margin-left:25px;
	margin-top:-6px;
	}

#planet img {
	border:0;
	
	}
	
	
/*__________   layout css __________*/

#logo-klein {
	margin-left:30px;
	margin-top:-5px;
	}

#logo-klein img{
	border:0;
	}
	
#firmen-name-klein {
	text-align:right;
	margin-right:7px;
	margin-top:10px;
	padding-top:10px;
	text-decoration:none;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	
	
	}
	
#linie-lila {
	width:100%;
	margin:0;
	padding:0;
	background-image:url(../img/l-line.png);
	background-position:center;
	background-repeat:no-repeat;
	height:10px;
	
	}
	
#linie-layout-unter {
	clear:both;
	background-image:url(img/b-linie-unter.png);
	width:100%;
	height:3px;
	background-position:center;
	background-repeat:no-repeat;
}


	
/*-------------- main manu ------------*/

#main-menu {
	text-align:right;
	margin-top:-40px;

}
#main-menu ul {
	list-style-type:none;
	margin: 0px;
	margin-right: 20px;
	padding: 0px;
}
#main-menu li {
	display:inline-block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	padding:13px 5px;
	border: 1px solid #fbfbfb;
	border-bottom: none;
}
#main-menu li a {
	text-decoration:none;
	color:#4a4a4a;
}


#main-menu li:hover {
	border: 1px solid #292b79;
	border-bottom: none;
	cursor: pointer;
	
}

#main-menu li.active a{
	color:#f2f2f2;
	}
	
#main-menu li.active{
	background-color:#292b79;
	border: none;
	}

/*---------------seite bilder------------------*/

#layout-bild {
	width:100%;
	text-align:center;
	border:0px;
	margin:0;
	padding:0;
	
	}
	
#content {
	width:100%;
	float:left;
	margin-top:27px;
	margin-bottom:17px;
	}
	
/*-------------------vorgehenweise-----------------------*/

#content-img{
	background-image:url(../img/s-vorgehenweise.png);
	background-repeat:no-repeat;
	height:175px;
	background-position: 18px 0;
	width:940px;
	
	}
	
#content-img .img-titel {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color: #292b79;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:55px;
	letter-spacing:7px;
	width:924px;
	text-align:right;

	
	}
	
#content-img .img-titel  span{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:33px;
	color: #292b79;
	text-transform:uppercase;
	font-weight:bold;
	
	}
	
#content-img .img-text p{
	font-size:15px;
	color: #292b79;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	width:930px;
	text-align:right;
	text-transform:uppercase;
	
	}


	
#content .content-titel {
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color: #292b79;
	text-transform:uppercase;
	width:310px;
	margin-left:13px;
	margin-top:20px;
	float:left;
	clear:both;
	text-align:right;
	
	}
	
#content .content-text {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4a4a4a;
	width:540px;	
	margin-top:20px;
	margin-right:10px;
	line-height:20px;
	float:left;
	margin-left:40px;
	}
	
#content .content-text span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4c4c4c;
	font-weight:bold;
	}
	
.hr {
	border: solid 1px #fef4e9;
	width:924px;
	float:left;
	margin-left:18px;
	margin-top:10px;
	
}

/*------------------- b2f-----------------------*/

#content-photo {
	float:left;
	width:317px;
	margin-left:18px;
}

#b2f-back {
	float:left;
	width:317px;
	background-color:#fef4e9;
	padding:0;
	margin:0;
	
	}

#content-photo p.description {
	width:300px;
	font-size: 13px;
	color:#4a4a4a;
	line-height:18px;
	margin:0px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}


#content-photo p.description-talk{
	width:260px;
	padding-left:35px;
	padding-right:20px;
	padding-bottom:10px;
	font-size: 13px;
	color:#4a4a4a;
	line-height:22px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	
}


#content-photo p.description-talk-usp{
	width:300px;
	font-size:13px;
	color:#4a4a4a;
	line-height:27px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:-13px;
	padding-left:10px;
	padding-right:10px;	
}



#content-b2f {
	float: left;
	width:623px;
	}
	
#text-b2f	{
	float:left;
	width:588px;
	margin-left:15px;
	margin-right:15px;
	
	}
	
#en-text-b2f {
	float:left;
	width:430px;
	margin-left:80px;
	
	}
	
#content-b2f .fragen{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4a4a4a;
	font-weight:bold;
	font-style:italic;
	
	
	}
	
#content-b2f p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4a4a4a;
	line-height:22px;
	margin-top:-3px;
	
	}
	
	
/*----------------------class logo   lila #292b79; rot #c82027; grun #0e8843;---------------------*/

#content .class-b {
	color:#292b79;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;

	
	}
	
#content .class-2 {
	color:#c82027;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	
	}
	
#content .class-f {
	color:#0e8843;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	
	}
	
	
/*------------------------module----------------------------------------*/

#content-module {
	margin-left:18px;
	float:left;
	width:317px;
	
	}
	
#module-back {
	width:317px;
	background-color:#fef4e9;
	padding:0;
	margin:0;
	float:left;
	}
	

.module-titel {
	padding-top:0;
	margin-top:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #292b79;
	padding-left:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	
	
	}

.module-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4a4a4a;
	line-height:22px;
	padding-left:10px;
	padding-bottom:10px;
	width:298px;
	
	}
	
#content-puzzel	{
	float:left;
	width:606px;
	}
	

#puzzel-left {
	float:left;
	margin-left:15px;
	width:283px;
	}
	
.puzzel-left {
	min-height:200px
	}
	

#puzzel-right {
	float:right;
	margin-left:15px;
	width:283px;
	}
	
.puzzel-right {
	min-height:200px
	}	

.puzzel-img {
	padding-top:10px;
	padding-bottom:10px;
	
	}
	
.puzzel-img-ru {
	padding-bottom:5px;
	height:40px
	
	}
	
.puzzel-text p{
	width:283px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4a4a4a;
	line-height:19px;
	}
	
.puzzel-img-titel {
	width:279px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #292b79;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:right;
	margin-top:-37px;
	}
	
.puzzel-img-titel-ru {
	width:200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #292b79;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:right;
	margin-top:-52px;
	padding-left:75px;
	font-weight:normal;
	
	
	}
	
.puzzel-img-titel-ua {
	width:200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #292b79;
	letter-spacing:1px;
	text-align:right;
	margin-top:-54px;
	padding-left:75px;
	font-weight:normal;
	
	
	}
	
/*------------------------best seller----------------------------------------*/


	
#content-seller	{
	float:left;
	width:581px;
	margin-left:25px;
}
	
	

	

	
#content-seller .content-titel-seller {
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color: #292b79;
	text-transform:uppercase;
	width:555px;
	margin-left:13px;
	margin-top:1px;
	clear:both;
	text-align:left;
	float:left;
	line-height:1.6em;
	
	
	}
	
#content-seller .content-text-seller {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4a4a4a;
	width:565px;	
	margin-top:20px;
	line-height:1.3em;
	float:left;
	}
	
#content-seller .content-text-seller  p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #4a4a4a;
	line-height:1.3em;
	text-align:right;
	}
	
#content-seller .content-text-seller ul {
	width:540px;
	
	
}
#content-seller .content-text-seller li {	
	line-height:1.3em;
	
}

	
/*----------------- downloads--------------------------------------------*/

#downloads {
	width:700px;
	margin-left:130px;

	
	}
	
#content #downloads p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4a4a4a;
	line-height:22px;
	
	}
	
.downloads-titel {
font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4a4a4a;
	font-weight:bold;
	padding-bottom:20px;
	padding-top:20px;
	
}

.pdf-downloads {
	width:350px;
	margin-bottom:40px;
	margin-top:40px;
	
	}
	
.pdf{
	width:50px;
	
	}
.pdf-text{
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4a4a4a;
	text-align:left;
	margin-top:-15px;
	margin-left:45px;
	text-decoration:none;
	
	}	
	
.pdf-text a{
	
	color:#c82027;
	text-decoration:none;
	
	}	
	
/*--------------------kontakt-----------------------------------*/
 
.address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4a4a4a;
	text-align: left;
	margin-right: 20px;
	
	}


#kontakt {
	margin-left:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4a4a4a;
	margin-bottom:20px;
	
	}

#kontakt .title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color: #292b79;
	text-transform:uppercase;
	margin-bottom: 20px;
	}
	
#kontakt span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4a4a4a;
	padding-left:10px;
	
	}
	
#kontakt .kontakt-rot {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4c4c4c;
	padding-left:5px;
	
	}
	
.radio {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4a4a4a;
	padding-left:100px;
	padding-top:20px;
	padding-bottom:20px;
	}


#form .field {
	clear: both;
	
	margin-top: 10px;
	margin-bottom: 5px;
}

#form .field .label {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	padding-right: 30px;
}


#form .field .control input, 
#form .field .control textarea,
#form .field .control select {
	width: 50%;
}

#form .field .control textarea {
	height: 200px;
	margin-bottom: 20px;
}

#form .field .control input[type=radio] {
	width: auto !important;
}

#form .field .singleline {
	float: left !important;
}

#form .buttons input {
	color: #4a4a4a;
	background: #fde8d4;
	width: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

/*-------------------Impressum----------------------------------*/

#impressum {
	width:700px;
	margin-left:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a4a4a;
	line-height:19px;
	
	
	}

.impressum-titel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4a4a4a;
	font-weight:bold;
	
	}
	
	
	


.wko {
	padding-left:0;
	margin-left:0;
	margin-top:30px;
	margin-bottom:30px;
	
	
	}
	
.link-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a4a4a;
	
	
}

.link-text a{

	text-decoration:none;
	color:#4a4a4a;
	
	
}
	
#thank {
	min-height:250px;
	
	}
	
.thankyou {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#4a4a4a;
	text-align:center;
	font-style:italic;
	padding-bottom:25px;
	line-height:27px;

	
	}
	
/************* partner **********/

.partner-text a{
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4a4a4a;
	text-align:left;
	text-decoration:none;
	margin-left:190px;
	font-weight:500;
	
	}	

.partner-img{
	padding-left:0;
	margin-left:50px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:50px;

	
	}
	
#partner {
	width:700px;
	margin-left:150px;
	
	
	}