/* ***************************************** */
/* CSS file                                  */
/* Company:  ASD GmbH                        */
/* Author: Oliver Hoffmann                   */
/* Last edit: 25. January 2015               */
/* ***************************************** */

/* ***************************************** */
/*                General                    */
/* ***************************************** */

html {
	overflow-y				: scroll;
	background				: url(../../images/layout/background/asd-background-transparent.jpg) no-repeat center center fixed; 
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	background-size			: cover;
}

body.BODY-ASDMain {
	margin					: 0px;
	padding					: 0px;
	text-align				: left;
	background-color 	   	: rgb(255, 255, 255);
	counter-reset			: ebene1;
	-webkit-font-smoothing	: antialiased; /* SLIDESHOW */
}

@font-face {
	font-family				: "ClanProBook";
	src						: url('../../fonts/clanpro-book-webfont.eot');
	src						: url('../../fonts/clanpro-book-webfont.eot?#iefix') format('eot'), url('../../fonts/clanpro-book-webfont.svg') format('svg'), url('../../fonts/clanpro-book-webfont.woff') format('woff'), url('../../fonts/clanpro-book-webfont.ttf') format('truetype');
}

@font-face {
	font-family				: "ClanProBold";
	src						: url('../../fonts/clanpro-bold-webfont.eot');
	src						: url('../../fonts/clanpro-bold-webfont.eot?#iefix') format('eot'), url('../../fonts/clanpro-bold-webfont.svg') format('svg'), url('../../fonts/clanpro-bold-webfont.woff') format('woff'), url('../../fonts/clanpro-bold-webfont.ttf') format('truetype');
}

@font-face {
	font-family				: "ClanProMedium";
	src						: url('../../fonts/clanpro-medium-webfont.eot');
	src						: url('../../fonts/clanpro-medium-webfont.eot?#iefix') format('eot'), url('../../fonts/clanpro-medium-webfont.svg') format('svg'), url('../../fonts/clanpro-medium-webfont.woff') format('woff'), url('../../fonts/clanpro-medium-webfont.ttf') format('truetype');
}

@font-face {
	font-family				: "ClanProNews";
	src						: url('../../fonts/clanpro-news-webfont.eot');
	src						: url('../../fonts/clanpro-news-webfont.eot?#iefix') format('eot'), url('../../fonts/clanpro-news-webfont.svg') format('svg'), url('../../fonts/clanpro-news-webfont.woff') format('woff'), url('../../fonts/clanpro-news-webfont.ttf') format('truetype');
}

/* ***************************************** */
/*                 Layout                    */
/* ***************************************** */

/*       HEADER WITH LOGO AND MAIN MENÜ      */
div#DIV-GeneralHeader {
	margin					: 0px auto;
	padding					: 0px;
	height					: 90px;
	width					: 100%;
	padding-top				: 8px;
	text-align				: center;
	background				: url(../../images/layout/background/asd-red.gif);
	position				: fixed;
	z-index					: 1;
	-webkit-box-shadow		: 0px 5px 5px rgb(112, 26, 50);
	-moz-box-shadow			: 0px 5px 5px rgb(112, 26, 50);
	box-shadow				: 0px 5px 5px rgb(112, 26, 50);
}

div#DIV-GeneralHeaderCenterHelp {
	margin					: 0px auto;
	width					: 1024px;
}

div#DIV-GeneralHeaderInnerLeft {
	height					: 90px;
	width					: 804px;
	text-align				: left;
	padding-top				: 25px;
	position				: relative;
	float					: left;
}

div#DIV-GeneralHeaderInnerMiddle {
	height					: 90px;
	width					: 10px;
	text-align				: center;
	position				: relative;
	float					: left;
}

div#DIV-GeneralHeaderInnerRight {
	height					: 90px;
	width					: 210px;
	text-align				: right;
	position				: relative;
	float					: left;
}

/*              BREADCRUMBMENU               */
/*div#DIV-BreadCrumbMenu {
	position				: absolute;
	margin-left				: 0px;
	margin-top				: 0px;
	padding					: 0px;
	width					: 800px;
	height					: 35px;
}
*/

/*              CONTENT SECTION              */

div#DIV-MainBackground {
	margin					: 0px auto;
	padding					: 0px;
	padding-top				: 90px;
	text-align				: left;
	max-width				: 1024px;
	overflow				: hidden;
	z-index					: 3;
}

div#DIV-Content {
	position				: absolute;
	margin-top				: 10px;
	padding					: 0px;
	width					: 1024px;
	height					: 500px;
}

div#DIV-ContentMain {
	position				: absolute;
	margin-left				: 0px;
	/*margin-top				: 35px;*/ /* Necessary for Breadcrumb Menu */
	padding					: 0px;
	width					: 1024px;
}

div.DIV-ContentBackgroundBoxRoundCorners {
	position				: relative;
	margin-left				: 0px;
	margin-top				: 10px;
	padding					: 10px;
	width					: 1024px;
	border-radius			: 20px;
	background				: url(../../images/layout/75percent_transparentes_weisses_overlay.png);
	overflow				: auto;
}

div.DIV-ContentBackgroundBoxRoundCornersFlexbox {
	position				: relative;
	margin-left				: 0px;
	margin-top				: 10px;
	padding					: 10px;
	width					: 1024px;
	border-radius			: 20px;
	background				: url(../../images/layout/75percent_transparentes_weisses_overlay.png);
	overflow				: auto;
	display					: -webkit-flex;
	display					: flex;
	-webkit-flex-direction	: row;			/* FÜR CSS3 Flexbox */
	flex-direction			: row;			/* FÜR CSS3 Flexbox */
	-webkit-flex-wrap		: wrap;			/* FÜR CSS3 Flexbox */
 	flex-wrap				: wrap;			/* FÜR CSS3 Flexbox */
 	-webkit-align-items		: stretch;		/* FÜR CSS3 Flexbox */
 	align-items				: stretch;		/* FÜR CSS3 Flexbox */
}

div.DIV-3Columns {
	position				: relative;
	margin-right			: 7px;
	margin-bottom			: 20px;
	width					: 328px;
	float					: left;
}

div.DIV-3ColumnsFlexbox {
	position				: relative;
	margin-right			: 7px;
	margin-bottom			: 20px;
	width					: 328px;
	min-height				: 10px;			/* FÜR CSS3 Flexbox */
}

div.DIV-2Columns {
	position				: relative;
	margin-right			: 10px;
	margin-bottom			: 20px;
	width					: 490px;
	float					: left;
}

div.DIV-2ColumnsFlexbox {
	position				: relative;
	margin-right			: 10px;
	margin-bottom			: 20px;
	width					: 490px;
	min-height				: 10px;			/* FÜR CSS3 Flexbox */
}

div.DIV-2ColumnsDifferentSizeLeft {
	position				: relative;
	margin-left				: 10px;
	width					: 200px;
	float					: left;
}

div.DIV-2ColumnsDifferentSizeRight {
	position				: relative;
	margin-right			: 10px;
	width					: 780px;
	float					: left;
	text-align				: right;
}

div.DIV-ContentFooter {
	position				: relative;
	margin-left				: 0px;
	margin-top				: 10px;
	padding					: 0px;
	width					: 800px;
	height					: 10px;
}

div.DIV-VCards {
	position				: relative;
	margin-right			: 25px;
	margin-bottom			: 10px;
	padding					: 15px;
	width					: 200px;
	height					: 280px;
	text-align				: center;
	float					: left;
}

div.DIV-NewsMain {
	position				: relative;
	margin-right			: 5px;
	width					: 245px;
	text-align				: left;
	float					: left;
}

div.DIV-NewsContent {
	position				: relative;
	width					: 760px;
	text-align				: left;
	float					: left;
}

div.DIV-MgmtMain {
	position				: relative;
	margin-right			: 5px;
	width					: 150px;
	text-align				: left;
	float					: left;
}

div.DIV-MgmtContent {
	position				: relative;
	width					: 645px;
	text-align				: left;
	float					: left;
}

div.DIV-Location2Columns {
	position				: relative;
	width					: 270px;
	text-align				: left;
	float					: left;
}

div.DIV-Quote {
	padding-top				: 10px;
	padding-bottom			: 10px;
	padding-left			: 20px;
	padding-right			: 20px;
	margin-left				: 50px;
	margin-right			: 50px;	
}

div.DIV-QuotePNSearch {
	padding-top				: 20px;
	padding-bottom			: 15px;
	padding-left			: 20px;
	padding-right			: 20px;
	margin-left				: 100px;
	margin-right			: 100px;
	background-image		: url('../../images/layout/50percent_transparentes_blue_background.png');
	-moz-border-radius		: 10px; /* Firefox */
	-webkit-border-radius	: 10px; /* Safari, Chrome */
	-khtml-border-radius	: 10px; /* Konqueror */
	border-radius			: 10px; /* CSS3 */
}

/* ***************************************** */
/*                  Text                     */
/* ***************************************** */

h1 {
	font-family				: "ClanProBold", Verdana, Arial, Helvetica, Sans-Serif;
    font-size				: 25px;
    color					: rgb(70, 7, 24);
    width					: 100%;
	border-bottom			: 1px solid rgb(70, 7, 24);
	line-height				: 1.2em;
	clear					: left;
}

h1.H1-SubMenu {
	font-family				: "ClanProBold", Verdana, Arial, Helvetica, Sans-Serif;
    font-size				: 16px;
    color					: rgb(255, 255, 255);
    width					: 100%;
	border-bottom			: 1px solid rgb(255, 255, 255);
	line-height				: 1.2em;
	clear					: left;
}

h2 {
	font-family				: "ClanProMedium", Verdana, Arial, Helvetica, Sans-Serif;
    font-size				: 20px;
	color					: rgb(70, 7, 24);
	clear					: left;
	counter-reset			: ebene2;
}

h2.H2-Numbering:before {
	content					: counter(ebene1) ". ";
    counter-increment		: ebene1;
}

h3 {
	font-family				: "ClanProNews", Verdana, Arial, Helvetica, Sans-Serif;
    font-size				: 18px;
	color					: rgb(70, 7, 24);
	clear					: left;
}

p {
    font-family				: "ClanProBook", Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 16px;
	color					: rgb(70, 7, 24);	
}

p.P-Submenu {
    font-family				: "ClanProBook", Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 16px;
	color					: rgb(255, 255, 255);	
}

p.P-BreadCrumbMenu {
    font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 10px;
	color					: rgb(70, 7, 24);
	vertical-align			: middle;
}

p.P-RedirctErrorSite {
	font-size				: 14px;
	text-align				: center;
}

p.P-Numbering:before {
	content					: counter(ebene1) "." counter(ebene2) ". ";
    counter-increment		: ebene2;
}

p.P-News {
	clear					: left;
}

p.P-Quote {
	font-style				: italic;
	font-weight				: bold;
	text-align				: center;		
}

p.P-HeadlineSubmenu {
	font-size				: 14px;
	font-weight				: bold;
	font-variant			: small-caps;
	margin-bottom			: 5px;		
}

p.P-TextSubmenu {
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 12px;
	color					: rgb(80, 80, 80);
	margin					: 0px;		
}

p.P-Footer {
	font-size				: 10px;
	color					: rgb(80, 80, 80);			
}

p.P-VCardsEmployees {
	padding-top				: 0px;
	margin-top				: 0px;
}

p.P-VCardsEmployees2 {
	padding-top				: 0px;
	margin-top				: 0px;
	text-align				: center;
}

p.P-VCardsEmployeesCommunication {
	padding-top				: 0px;
	margin-top				: 0px;
	line-height				: 17px;
    vertical-align			: middle;
}

a.A-IMG {
	text-decoration			: none;
}

a.A-Menu {
    font-family				: "ClanProBold", Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 25px;
	color					: rgb(255, 255, 255);
	text-decoration			: none;
}

a.A-BreadCrumbMenu{
    font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 10px;
	color					: rgb(80, 80, 80);
	text-decoration			: none;
}

a.A-BreadCrumbMenu:hover {
	color					: rgb(70, 7, 24);			
}

a.A-Content {
    font-family				: "ClanProNews", Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 16px;
	color					: rgb(70, 7, 24);
	text-decoration			: none;
}

a.A-Content[href^="http://"], a.A-Content[href^="https://"] {
	/* Only external links with http:// or https:// at the beginning */
    background-image		: url('../../images/layout/communication/external-link.png');
	background-repeat		: no-repeat;
	padding-left			: 15px;
}

a.A-Content[href^="./"], a.A-Content[href^="../"] {
	/* Only internal links with ./ or ../ at the beginning */
    background-image		: url('../../images/layout/communication/internal-link.png');
	background-repeat		: no-repeat;
	padding-left			: 15px;
}

a.A-Content:hover {
	color					: rgb(70, 7, 24);			
}

a.A-RedirectionErrorSite{
    font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 14px;
	color					: rgb(80, 80, 80);
	text-decoration			: none;
}

a.A-RedirectionErrorSite:hover {
	color					: rgb(0, 51, 102);			
}

a.A-SubMenu {
    font-family				: "ClanProBook", Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 15px;
	color					: rgb(255, 255, 255);	
	text-decoration			: none;
	border					: 0px;
	margin-left				: 5px;
	margin-bottom			: 15px;
}

/*
a.A-SubMenu:hover {
	color					: rgb(0, 51, 102);			
}
*/

a.A-SubMenu2ndLvl {
    font-family				: "ClanProBook", Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 15px;
	color					: rgb(255, 255, 255);
	text-decoration			: none;
	border					: 0px;
	margin-left				: 25px;
	padding-bottom			: 15px;
}
/*
a.A-SubMenu2ndLvl:hover {
	color					: rgb(0, 51, 102);			
}
*/
a.A-RelationshipMenu {
    text-decoration			: none;
	border					: 0px;
	margin-bottom			: 5px;
}

ul.UL-General {
	list-style-type			: none;
	font-family				: "ClanProBook", Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 16px;
	color					: rgb(70, 7, 24);	
	list-style-position		: outside;
}

ul.UL-General li {
	list-style-type:disc;
}

/*
ul.UL-General li:before {
	content					: "\00BB \0020";
}
*/

/* ***************************************** */
/*                Pictures                   */
/* ***************************************** */

img {
	border					: 0px;
}

img.IMG-Management {
	margin-right			: 5px;
	padding-right			: 5px;
	margin-bottom			: 5px;
	padding-bottom			: 5px;
	float					: left;
}

img.IMG-VCardsEmployees {
	margin-right			: 5px;
}

img.IMG-Communication {
	vertical-align			: middle;
	padding					: 2px;
}

img.IMG-NewsHeadline {
	/* */
}

img.IMG-NewsContent {
	margin-right			: 5px;
	margin-bottom			: 5px;
	float					: left;
}

img.IMG-PictureRight {
	margin					: 5px;
	padding					: 5px;
	float					: right;
}

img.IMG-PictureLeft {
	margin					: 5px;
	padding					: 5px;
	float					: left;
}

img.IMG-Fade {
	opacity					: 0.8;
	border					: 0px;
}

img.IMG-Fade:hover {
	opacity					: 1;
	transition				: opacity .25s ease-in-out;
	-moz-transition			: opacity .25s ease-in-out;
	-webkit-transition		: opacity .25s ease-in-out;
}

/* ***************************************** */
/*                Tables                     */
/* ***************************************** */

/* BG-Color for headline: Dark blue*/
thead tr.TR-Content {
	background-color		: rgb(112, 26, 50);
	color					: rgb(255, 255, 255);
	font-family				: "ClanProBold", Verdana, Arial, Helvetica, Sans-Serif;
    font-size				: 16px;
    height					: 25px;
}
		
tr.TR-Content {
	font-family				: "ClanProBook", Verdana, Arial, Helvetica, Sans-Serif;
    font-size				: 16px;
    color					: rgb(70, 7, 24);
    height					: 25px;
}
			
/* BG-Color for every second row: Light blue*/
tr.TR-Content:nth-child(2n) {
	background-color		: rgb(220, 156, 174);
	font-family				: "ClanProBook", Verdana, Arial, Helvetica, Sans-Serif;
    font-size				: 16px;
    color					: rgb(70, 7, 24);
    height					: 25px;
}

/* ***************************************** */
/*             eMail Form                    */
/* ***************************************** */

div.DIV-eMailForm {
	padding-bottom			: 5px;
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	color					: rgb(0, 51, 102);
}

div.DIV-eMailForm2 {
	width					: 770px;
	text-align				: right;
}


/* ***************************************** */
/*              SHOP LAYOUT                  */
/* ***************************************** */

/* BG-Color for headline: Dark blue*/
thead th.TH-ShopHead {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
}
th.TH-ShopHead {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
}                               
tr.TR-ShopRow-Even {
	background-color		: rgb(255, 255, 255);
	color					: rgb(0, 51, 102);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
}
                                               
/* BG-Color for every second row: Light blue*/
tr.TR-ShopRow-Odd {
	background-color		: rgb(188, 205, 223);
	color					: rgb(0, 51, 102);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
}

.ShopResult-TextRight {
	text-align				: right;
}

thead th.TH-ShopHeadSelectBox {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	width					: 10px;
}

thead th.TH-ShopHeadUnit {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	width					: 20px;
}

thead th.TH-ShopHeadQtyPrice {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: right;
	width					: 25px;
}

thead th.TH-ShopHeadNameCert {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	width					: 100px;
}

thead th.TH-ShopHeadPN {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	/*width					: 100px;*/
}

th.TH-ShopHeadSelectBox {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	width					: 10px;
}

th.TH-ShopHeadUnit {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	width					: 20px;
}

th.TH-ShopHeadQtyPrice {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: right;
	width					: 25px;
}

th.TH-ShopHeadNameCert {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	width					: 100px;
}

th.TH-ShopHeadPN {
	background-color		: rgb(0, 51, 102);
	color					: rgb(255, 255, 255);
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 13px;
	font-weight				: bold;
	text-align				: left;
	/*width					: 100px;*/
}

.ShopResult-ColumnSelectBox {
	text-align				: left;
	width					: 10px;
}

.ShopResult-ColumnUnitQty {
	text-align				: right;
	width					: 20px;
}

.ShopResult-ColumnNameCert {
	text-align				: left;
	width					: 50px;
}

.ShopResult-ColumnPN {
	text-align				: left;
}

input[type="submit"].ShopButton {
	color					: rgb(0, 51, 102);
	background-color		: White;
	border-color			: rgb(0, 51, 102);
	border-width			: 1px;
	border-style			: Solid;
    width					: 110px;
}

input[type="text"].ShopInputText215 {
	color					: rgb(0, 51, 102);
	background-color		: White;
	border-color			: rgb(0, 51, 102);
	border-width			: 1px;
	border-style			: Solid;
    width					: 215px;
}

input[type="text"].ShopInputText430 {
	color					: rgb(0, 51, 102);
	background-color		: White;
	border-color			: rgb(0, 51, 102);
	border-width			: 1px;
	border-style			: Solid;
    width					: 430px;
}

/* ***************************************** */
/*               SLIDESHOW                   */
/* ***************************************** */

    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }