@import url(layout.css);
@import url(stylecontent.css);


body {
	/*min-width: 1130px;*/
	width:100%;
	color: #111;
	font-size: 62.5%;
	font-family: 'Fjord One', Georgia ,serif ;
	font-style: normal;
	background-image:url('../bildertechn/background-test.png');
	background-repeat:no-repeat;
	background-color:white;
	background-position:center top;
	background-attachment:fixed;
}

#container {
	/*width: 1090px;*/
	width:100%;
	/*background-color:white;*/
}
#masthead {
	width: 1090px;
	height: 70px;
	overflow:visible;
	margin-bottom:20px;
	/*background-image:url('../bildertechn/banner.png');
	background-repeat:no-repeat;
	background-position: top center;*/
	border-bottom:1px solid #e2e2e7;
}

#page_content{
	background-color:white;
	/*background-image:url('../bildertechn/columnlbg.png');
	background-position:right top;
	background-repeat:repeat-y;*/
	width: 1090px;
}

#column_l {
	width: 1070px; /*1090 minus padding 10 rechts und links*/
	font-size:1.6em;
	line-height:150%;
	}
	
#column_r {
	right:0;
	margin-top:-75px;
	/*background-color: #b3b4bb;*/
	font-size:1.4em;
	
}
#footer {
	background-color:#ccc;
	margin-top:200px;
}

/* _____________________Styles for Masthead ____________________*/
#headleft{
	width:380px;
	height:100%;
}
#headleft a{
	text-decoration:none;
}
#headleft img{
	width:90px;
}

#navigation {
	left:415px;
	top:10px;
	font-size: 14px;
	width:567px;
}

#masthead img {
	position:absolute;
	left:0px;
	top:5px;	
}

#masttitle {
	position:absolute;
	margin-top:-1px;
	left:95px;
	color: #111;
	font-size: 30px;
	font-family:"Century gothic";
}

#ld {
	position:absolute;
	margin-top:0px;
	right:0;
	font-size:10px;
	font-family:"Century Gothic";
	letter-spacing: 0.6em;
	<!--text-align: center; /*spacing statement*/
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;-->
}


/* _____________________Styles for Navigation___________________ */
#navigation ul {
	line-height:16px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align:center;
    background-color:white;
    /*background-color: #e2e2e7
;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;*/
}
#navigation ul li {
    display: inline-block;
    line-height:16px;
}
    
#navigation ul li a, a:visited {
    color: #111;
    display: block;
    padding: 15px;
    text-decoration: none;
}
#navigation ul li:hover {
    background-color:#e2e2e7; 
}
/*#navigation ul li:hover a{
	color:#eee;
}*/
.dropli{
	padding-right:15px;
	background-image:url('../bildertechn/dropdownarrow.png');
	background-position:92%;
	background-repeat:no-repeat;
}
/*.dropli:hover {
	background-image:url('../bildertechn/dropdownarrowlight.png');
	background-position:92%;
	background-repeat:no-repeat;
}*/

#navigation ul li:hover ul {
    display: block;
}

#navigation ul ul {
    display: none;
    position: absolute;
    margin-top:0px;
    background-color: white;
    background-color:rgba(255,255,255,0.8);
    /*background-color:rgba(216,216,221,0.8);*/
    /*border: 0px solid #222;
    border-top: 1px solid black;*/
    text-align:left;
	z-index:100;
	box-shadow: 0px 6px 12px -4px #000;
}
#navigation ul ul a{
	color:#111;
}
#navigation ul ul li{
    display: block;
    /*border-bottom: 1px solid #222;*/
    min-width:180px; 
}
/*#navigation ul li:hover ul li a{
	color:#222;
}*/
#navigation ul li ul li:hover a{
	color:#111;
}


/* ___________________Styles for Content___________________ */
h1 {
	color: #111;
	font-size: 2.0em;
}
h2 { /*produkt headline*/
	color: #111;
	font-size: 1.75em;
	line-height:1.2em;
	text-align:center;
}
h3 { /*Design*/
	color: #111;
	font-size: 1.375em;
}
/*h4 in stylecontent: not global. only applied in complex-functional pages*/
h5 {
	text-align:center;
	color: #111;
	font-size: 2em;
	padding-top:10px;
}
h6 { /*für index intro*/
	color: #111;
	font-size: 1.625em;
	margin:0;
}
big {
	color: #965;
	font-size: medium;
}
.farbtext{
	/*color:#0092bc;*/
	color:#1a56de;
}


p.small{
	font-size:0.875em;
	text-align:justify;
}


/* _____________________ Styles for columnr_____________________ */
.language {
	border:0px;
	border-spacing:0px;
	padding:0;
	right:0px;
}
#language_active, #language_click{
	display:inline-block;
	height:26px;
	width:35px;
	text-align:center;
	padding-top:9px;
	/*background-image:url('../bildertechn/buttons.png');
	background-position: top left;
	background-repeat:no-repeat;*/
	overflow:visible;
}
#language_click{
	background-color:#e2e2e7
;
	color:#222;
}
#language_click a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
#language_active{
	background-color:#eee;
	color:#ddd;
}




/* ____________________Styles for Footer_____________________ */
#footer p{
	color: #222;
	margin-top: 2px;
	margin-bottom: 6px;
}
#footer a {
	color: #222;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}


#main_footer{
	position:relative;
	width:1090px;
	height:250px;
	margin:0 auto;
}

.footer_list_wrapper, #social_buttons{
	display:inline-block;
	left:0px;
	margin:20px 60px 0 0 ;
	vertical-align:top;
	font-size:1rem;
	text-align:left;
}
.footer_list{
	padding:0;
	margin:0;
	margin-top:10px;
	list-style:none;
	line-height:200%;
}
#footer_list a:hover{
	text-decoration:none;
	color:white;
}

#main_footer_text{
	display:inline-block;
	right:0px;
	margin: 20px 0 0 0;
	font-size:1rem;
	width:260px;
	vertical-align:top;
	text-align:left;
}


/*#footer #social_buttons p{
	font-size:1rem;
}*/
#fb{
	background-position:0 -35px;
}
#yt{
	background-position:-35px -35px;
}
#pi{
	background-position:-70px -35px;
}


a.media_link{
	text-decoration:none;
	color:white;
	height:35px;
	width:35px;
	display:inline-block;
	background-image:url('../bildertechn/buttons.png');
	background-repeat:no-repeat;
}
a.media_link: hover{
	text-decoration:none;
}

#bottom_list{
	text-align:center;
	padding-top:10px;
	border-top:1px solid #bbb;
}


/* ______________________Styles for Links_______________________ */
#footer a.swlink{
	color:white;
	text-decoration:underline;
}
#footer a.swlink:hover{
	text-decoration:none;
}


a {
	color: #456;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}