/*
Theme Name: micropositioning
*/

@media screen and (min-width:769px){
#mobile{
display:none;
}}

@media screen and (max-width:768px){
#desktop{
display:none;
}}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0px;
padding:0px;
border:0px;
font-size:16px;
font:inherit;
font-family:sans-serif;
letter-spacing:0px;
color:#000000;
vertical-align:baseline;
line-height:1.2;
text-decoration:none;
}

.clear{
clear:both;
}

.space30{
height:30px;
}
.space100{
height:100px;
}

#header_line1{
width:100%;
height:20px;
background:#43abcc;
}
#header_line1 .text{
width:40px;
font-size:100%;
color:#ffffff;
line-height:20px;
text-align:center;
float:left;
}
#header_line1 .text:hover{
font-weight:bold;
}
#header_line2{
width:80%;
height:1px;
background:#cccccc;
margin-left:10%;
margin-top:20px;
margin-bottom:50px;
}
#header_line2_mobile{
width:100%;
height:1px;
background:#cccccc;
margin-top:20px;
margin-bottom:50px;
}
#heading{
width:80%;
font-size:240%;
font-weight:bold;
letter-spacing:5px;
margin-top:40px;
margin-left:10%;
}
#heading:hover{
color:#43abcc;
}
#heading_mobile{
width:92%;
font-size:240%;
font-weight:bold;
letter-spacing:5px;
margin-top:40px;
margin-left:4%;
}
#heading_mobile:hover{
color:#43abcc;
}

.footer-line{
width:70%;
height:1px;
margin-left:15%;
margin-top:50px;
background:#cccccc;
}
.footer-link{
font-size:80%;
color:#cccccc;
}
.footer-link:hover{
text-decoration:underline;
}

#index1{
width:35%;
margin-left:5%;
margin-right:5%;
padding-top:250px;
padding-bottom:350px;
float:left;
}
#index1_mobile{
width:92%;
margin-left:4%;
padding-bottom:70px;
}
#index_heading{
font-size:350%;
font-weight:bold;
letter-spacing:5px;
margin-top:40px;
border-bottom:5px solid #43abcc;
}
#index_heading:hover{
color:#43abcc;
}
#index_heading_mobile{
font-size:220%;
font-weight:bold;
letter-spacing:5px;
border-bottom:5px solid #43abcc;
}
#index_heading_mobile:hover{
color:#43abcc;
}

#company_menu{
width:20%;
margin-left:15%;
margin-right:10%;
float:left;
}
.company_option{
width:100%;
background:#43abcc;
font-size:100%;
color:#ffffff;
text-align:center;
margin-bottom:15px;
padding:20px 0;
}
.company_option:hover{
font-weight:bold;
}
.company_active_option{
width:100%;
background:#076077;
font-size:100%;
color:#ffffff;
text-align:center;
margin-bottom:15px;
padding:20px 0;
}
#company_box{
width:40%;
float:left;
}
.company_heading{
font-size:110%;
font-weight:bold;
color:#43abcc;
margin-bottom:20px;
}
.company_text1{
font-size:100%;
}
.company_text2{
font-size:100%;
font-weight:bold;
text-decoration:underline;
margin-top:20px;
}
.company_text2:hover{
color:#43abcc;
}
.company_image{
width:70%;
margin-top:40px;
}

.imprint_heading{
width:50%;
font-size:100%;
font-weight:bold;
margin-left:25%;
margin-top:50px;
margin-bottom:30px;
}
.imprint_heading_mobile{
width:92%;
font-size:100%;
font-weight:bold;
margin-left:4%;
margin-top:50px;
margin-bottom:30px;
}
.imprint_text{
width:50%;
font-size:100%;
line-height:20px;
margin-left:25%;
}
.imprint_text_mobile{
width:92%;
font-size:100%;
line-height:20px;
margin-left:4%;
}

.form_text{
font-size:100%;
text-align:center;
}
input.form_input{
width:20%;
margin-left:40%;
margin-top:5px;
margin-bottom:25px;
}
input.form_input_mobile{
width:88%;
margin-left:4%;
margin-top:5px;
margin-bottom:25px;
}
input#form_submit{
width:20%;
font-size:100%;
background:#43abcc;
color:#ffffff;
text-align:center;
border:none;
cursor:pointer;
padding-top:15px;
padding-bottom:15px;
margin-left:40%;
margin-top:25px;
}
input#form_submit:hover{
background:#076077;
}
input#form_submit_mobile{
-webkit-appearance:none;
width:70%;
font-size:100%;
background:#43abcc;
color:#ffffff;
text-align:center;
border:none;
border-radius:0px;
cursor:pointer;
padding-top:15px;
padding-bottom:15px;
margin-left:15%;
margin-top:25px;
}
input#form_submit_mobile:hover{
background:#076077;
}
#form_message{
width:20%;
margin-left:40%;
margin-top:5px;
margin-bottom:25px;
}
#form_message_mobile{
width:90%;
margin-left:4%;
margin-top:5px;
margin-bottom:25px;
}

.ty_text{
font-size:130%;
font-weight:bold;
text-align:center;
}

.not_found_text{
font-size:130%;
font-weight:bold;
text-align:center;
}

.first_product_box{
width:25%;
margin-left:10%;
float:left;
}
.product_box{
width:25%;
margin-left:2.5%;
float:left;
}
.product_img{
width:100%;
}
.product_id{
font-size:110%;
font-weight:bold;
text-align:center;
}
.product_id:hover{
color:#43abcc;
}

.top-bar {
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	background-color: #ebf4f9;
	text-align: right;
}

.top-bar-item {
	cursor: pointer;
	line-height: 40px;
}

.top-bar-item:hover, .main-menu-item:hover {
	color: #0b9abf;
}

.top-bar-search {
	cursor: pointer;
	color: #0b9abf;
	margin-right: 20px;
}

.main-menu {
	font-size: 14px;
	text-align: right;
	padding: 30px 0;
}

.main-menu-item {
	cursor: pointer;
	margin-right: 20px;
}

.download-menu-item {
	width: calc((100% - 60px) / 4);
	height: 95px;
	background-color: #43abcc;
	text-align: center;
	padding-top: 25px;
	float: left;
}

.download-item-marker {
	width: 8px;
	height: 8px;
	background-color: #43abcc;
	margin: 5px 10px 0 0;
	float: left;
}

.download-item-text {
	font-size: 14px;
	cursor: pointer;
}

.download-item-text:hover {
	text-decoration: underline;
}