/* Taner Cumbus
*
*  EURO DIENST GMBH
*
*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	margin:0;
	padding:0;
	max-width: 100%;
}

html {
	font-size: 0.750em;
	overflow-y: scroll;
	-webkit-text-size-adjust: 88%;
	background: -moz-linear-gradient(45deg,  rgba(150,150,150,1) 0%, rgba(224,224,224,0.85) 15%, rgba(232,232,232,0.49) 51%, rgba(249,249,249,0.28) 72%, rgba(252,252,252,0.09) 91%, rgba(255,255,255,0.01) 99%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(150,150,150,1)), color-stop(15%,rgba(224,224,224,0.85)), color-stop(51%,rgba(232,232,232,0.49)), color-stop(72%,rgba(249,249,249,0.28)), color-stop(91%,rgba(252,252,252,0.09)), color-stop(99%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(150,150,150,1) 0%,rgba(224,224,224,0.85) 15%,rgba(232,232,232,0.49) 51%,rgba(249,249,249,0.28) 72%,rgba(252,252,252,0.09) 91%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(150,150,150,1) 0%,rgba(224,224,224,0.85) 15%,rgba(232,232,232,0.49) 51%,rgba(249,249,249,0.28) 72%,rgba(252,252,252,0.09) 91%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(150,150,150,1) 0%,rgba(224,224,224,0.85) 15%,rgba(232,232,232,0.49) 51%,rgba(249,249,249,0.28) 72%,rgba(252,252,252,0.09) 91%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(150,150,150,1) 0%,rgba(224,224,224,0.85) 15%,rgba(232,232,232,0.49) 51%,rgba(249,249,249,0.28) 72%,rgba(252,252,252,0.09) 91%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	background-repeat: no-repeat,
					   no-repeat,
					   repeat-y;
	background-size: 100%, /* Instead of 100%, can use 'Contain' will cover whole page,but not height.  Do not set width, height or margin.  */
					  31%;
	background-position: center;
	background-color: #333,
					  #FeFeFe;
	background-position:  0%  0%,
						  2%  2%;
	background-attachment: fixed;  /* Firefox and Opera fix */
	-webkit-background-size:cover;  /* This worked best to cover page width and height */
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	font-family: 'Lato', sans-serif, Arial;

} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {
	min-height: 99%;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	text-align: center;
	min-width: 100%;
	width: 100%;
	font-family: 'Lato', sans-serif, Arial;
} /* Improve default text rendering, handling of kerning pairs and ligatures */
.page, .page2, .page3, .page4, .page5, .page6, .page7 {
	margin: 0 auto !important;
	position: relative;
}
.page	{
	max-width: 98%;
	position: relative;
	min-height: 600px;
	max-height: 100%;
}

.page2	{
	max-width: 74%;
	position: relative;
	border-radius: 12px;
}
.page3  {
	max-width: 74%;
	min-height: 750px;
	max-height: 100%;
}
.page4, .page5 {
	max-width: 74%;
}
.page6 {
	max-width: 74%;
}
.page7 {
	max-width: 74%;
}
.page_background {
	color: #666;
	font-size: 0.85em;
	padding-right: 2%;
	padding-left: 2%;
	text-align: left;
	height: auto;
	background: rgba(179, 158, 144,0.4);
}

p {  /* Using p (paragraph) adheres to line-height rules.  Leaving p out, brings line height to parent rules. */
	color: #666 !important;
	display: inline;
	font-family: 'Lato', sans-serif, Arial !important;
	hyphens: auto;
	hyphenate: auto;
	/* Prefixes for paragraph word-split in various browsers.  In IE 10 it is embedded and no longer will be used in future browsers */
	text-align: left !important;
	word-wrap: normal;
	-ms-word-wrap: normal;  /*  IE FIX */
	-ms-word-break: normal; /* IE Fix */
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	padding-right: 1em;
	padding-left: 1em;
}
.paragraph_intro {
	display: block;
	font-family: 'Lato', sans-serif, Arial;
	font-size: 120%;
	margin-top: 0.7em;
	padding: 1em 1%;
	margin-bottom: 1em;
	text-align: left;
}
.paragraph_intro2_h	{
	padding: 15px 5% 0.3em 5%;
	/*background-color: rgba(149, 122, 102, 0.5); /* (background-color: #caae89; to keep inside box, reduce width of intro box instead of using padding  */
	display: block;
	font-size: 140%;
	width: 75%;
	margin-bottom: 1em;
	height: auto;
	padding-top: 1em;
	padding-bottom: 1em;
	background: #282828; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #282828 34%, #383838 52%, #5b5b5b 70%, #bfbcbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(34%,#282828), color-stop(52%,#383838), color-stop(70%,#5b5b5b), color-stop(100%,#bfbcbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* IE10+ */
	background: linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#bfbcbb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #FFF;
	line-height: 1.7em;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px !important;
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0 4px 4px rgba(0,0,0,0.6);
}
.paragraph_intro2_h:hover {
	padding: 15px 5% 0.3em 5%;
	/*background-color: rgba(149, 122, 102, 0.5); /* (background-color: #caae89; to keep inside box, reduce width of intro box instead of using padding  */
	border-radius: 12px;
	display: block;
	font-size: 140%;
	width: 75%;
	margin-bottom: 1em;
	height: auto;
	padding-top: 1em;
	padding-bottom: 1em;
background: #282828; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #282828 34%, #383838 52%, #5b5b5b 70%, #bfbcbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(34%,#282828), color-stop(52%,#383838), color-stop(70%,#5b5b5b), color-stop(100%,#bfbcbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* IE10+ */
background: linear-gradient(135deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#bfbcbb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #FFF;
	line-height: 1.7em;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0 4px 4px rgba(0,0,0,0.6);

}
.paragraph_main	{
	display: block;
	border-radius: 12px;
	font-family: 'Lato', sans-serif, Arial;
	font-size: inherit;
	margin: 0.7em auto 1em;
	padding: 0 5% 0.5em;
}
.background {
	background: #FFF;
	/*	background: rgba(57, 56, 57, 1);   Dark grey  */
	border : 1px solid #D6D6D6;
	border-radius: 12px;
}
.background2 {
	background: rgba(57, 56, 57, 0.8);  /* Dark grey  */
	border : 1px solid #857362;
	min-height: 600px;
	height: 750px;
}
.background_black {  /*  gradient black  */
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #000000 27%, #000000 51%, #000000 55%, #000000 55%, #f9f5f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(27%,#000000), color-stop(51%,#000000), color-stop(55%,#000000), 		    color-stop(55%,#000000), color-stop(100%,#f9f5f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* IE10+ */
	background: linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f9f5f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.background_footer1b {
	background-color: #CCC;
	font-size: 1.2em;
	border-top: 5px solid #2BA6CB;
	min-height: 140px;
	width: 100%;
	display: block;
	
}
.background_footer2 {
	color: #FFF;
	font-size: 1em;
	display: block;
	min-height: 40px;
	background: rgba(0, 0, 0, 0.8);
	border-left: thin solid #754f5a;
	border-bottom: 4px solid rgba(153, 55, 140, 0.7) !important;
	height: auto;
}

.background_header {
	background: #DEDEDE repeat;
	padding: 0.2em;
	font-size: 1em;
	color: #FFF;
	width: 100%;
	font-weight: 700;
	letter-spacing: 0.05em;
	box-shadow: 1px 1px 5px rgba(102,102,102,5);  /* Aqua */
	-webkit-box-shadow: 1px 1px 5px rgba(102,102,102,5);
	-moz-box-shadow: 1px 1px 5px rgba(102,102,102,5);

}
.background_home2 {
	background: #FFF;
	border : 1px solid #D6D6D6;
	height: 390px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.background_menu {
	background: rgba(0, 0, 0, 0.2);
	font-size: 95% !important;
	border-top: 7px solid #2BA6CB;
	min-height: 56px;
	width: 100%;
	display: block;
	height: 56px;
}
.background_navigation_left {
	background: rgba(57, 56, 57, 0.7);  /* Red Brown #3b0a05  */
	border-left: thin solid #754f5a;
	min-height: auto;
	width: 100%;
	margin-left: 1%;
	margin-top: 0px !important;
	padding-top: 100px;
	padding-bottom: 300px !important;
}

.background_navigation_right {
	background: rgba(57, 56, 57, 0.8);  /* Dark Grey  */
	border-right: thin solid #754f5a;
	min-height: auto;
	width: 100%;
	margin-top: 0em !important;
	height: auto;
	padding-top: 1em;
	color: #CCC;
	
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.background_navigation_right:hover {
	color: #08d4cb;
}
.background_navigation_top {
	/*	background: rgba(174, 121, 235, 0.4);  */
	background: rgba(57, 56, 57, 0.4);  /* Red Brown #3b0a05  */
	border-bottom: thin solid #754f5a;
	min-height: auto;
	width: 100%;
}
.background_paper_aqua {
	background: url(../image/background_paper_aqua.png) repeat;
	border: solid 1px #754f5a;
	color: #333;
	min-width: 50%;
	
	box-shadow: 1px 1px 5px rgba(119,79, 90,5);
	-webkit-box-shadow: 1px 1px 5px rgba(119,79, 90,5);
	-moz-box-shadow: 1px 1px 5px rgba(119,79, 90,5);
	/* *************  multi-frame ************ */
	border-top: 2px solid rgb(102,102,102);
				2px solid rgb(204,204,204);   /* didn't pick up second lighter frame but picks up box-shadow */
	margin-top: 0, 5px;				
	border-left: 2px solid rgb(102,102,102);
				 2px solid rgb(204,204,204,204);
	border-right: 5px solid rgb(102,102,102);
				  5px solid rgb(204,204,204);
	border-bottom: 5px solid rgb(102,102,102);
				   5px solid rgb(204,204,204);
	margin-bottom: 0, 5px;				   
	
}
.background_navigation1 {
	background: url(../image/background_navigation1.png) repeat-x;
}
.background_slide {
	background: url(../image/slide1.png) no-repeat;
	width: 100%;
	height: 200px;
}
.banner_ellipsis {
	background: #141414 no-repeat;
	text-decoration: none;
/*	border: 1px solid #666;  */
	width: auto;
	max-width: 450px;
	height: 70px;
	-moz-border-radius: 100px / 10px;
	-webkit-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
	display: block;
	line-height: 20px;
	text-decoration: none;
	top: 1em;
	left: 4%;
	position: relative;

    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
	margin-right: auto;
	margin-left: auto;
}
.banner_ellipsis:before {
	content: "";
	background: #07b3c0; /*CYCLAMEN rgba(215,70,128,2);*/
	height: 92px;
	width: 26px;
	position: absolute;
	left: 73%;
	top: -8px;
}

.banner2 {
	background: #000 repeat;
	border-bottom: solid 1px #754f5a;
	margin-top: 1em;
}

.banner_ellipsis img {
  height: 24px;
  width: 50px;
}
.banner_ellipsis a {
	display: none;
	list-style: none;
	text-decoration: none;
}
body, button, select, textarea, p {*font-size: 1em;
	font-family: "Antonio", Arial, Times, Times New Roman, serif;
	/* 	color:#B7A89B;  too light  */
	color: #666;
	font-size: 100%;
	line-height: 1.6em;
	word-spacing: 0.2em;
	font-weight: 400;
} /* IE7 and older can't resize px based text */

input, select {
    font-size: 1.1em;
    font-family: 'Lato';
    color: #666;
    font-size: 120%;
    line-height: 1.1em;
    font-weight: 400;
}

/*** borders for page boxes/content  ***/
.bh {  /* border header */
}
.bdiv, .bdiv_post, .bdiv_basis, .bdiv_akten, .bdiv_post_long, .bdiv_produkte {  /* border div */
	background-color: #FFF;
	border-bottom: thin solid #CCC;
	border-left: thin solid #CCC;
	border-right: thin solid #CCC;
	padding: 0;
	display: block;
	text-decoration: none;
	position: relative;
}
.bdiv_akten {
	height: 770px;
}
.bdiv_basis {
	height: 920px;
}
.bdiv_post, .bdiv_post_long {
	height: 490px;
}
.bdiv_produkte {
	height: 800px;
}
br {
	line-height: 0.5em;
}
.br {  /* border row */
}
.border_right {
	border-right: thin solid #D24251;
	max-height: 1.3em;
}
.border_purpleish_brown {
	border: thin solid #AF8995;
	margin: 0px -0.97% -1em 0;
	padding: 0px;
	display: block;
	text-decoration: none;
	position: relative;

	-webkit-border-radius: 0px /0px;
	-moz-border-radius: 0px / 0px;
	-khtml-border-radius: 0px / 0px;
	
	-webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
}

.box1	{
	text-align: center;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	height: 100%;
	line-height: 20px;
	max-width: 100%;
	text-decoration: none;
	width: auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,2);  /* black */
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,2);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,2);
	color: #F7F7F7;
}
.box2	{
	text-align: center;
	padding: 0.5em 0%;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
	color: #F7F7F7;
	text-decoration: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	display: block;
	height: 100%;
	line-height: 20px;
	max-width: 100%;
	text-decoration: none;
	width: auto;

}
.box3	{
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
	background: #F7F7F7 no-repeat; 
	text-decoration: none;
	border: 1px solid #ddd;
	display: block;
	height: 100%;
	line-height: 20px;
	max-width: 90%;
	text-decoration: none;
	height: auto;
}
.box3 ul {
	list-style: none;
	font-size: 120%;
	display: inline-block;
	position: relative;
}
.box3 li {
	margin: 0px auto;
	font-weight: bold;
	display: inline-block;
	list-style: none inside;
	background: transparent;
	
	border-top: 1px solid #CCC;
	border-left: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	
	-moz-box-shadow: 0 16px 16px rgba(102,102,102,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 16px 16px rgba(102,102,102,2);
	box-shadow: 0 16px 16px rgba(102,102,102,2);	/* Shadow Dark Grey at hover  */
}
.box3 a:hover {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	
	-moz-box-shadow: 0 8px 16px rgba(102,102,102,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 16px rgba(102,102,102,2);
	box-shadow: 0 8px 16px rgba(102,102,102,2);	/* Shadow Dark Grey at hover  */
}

.button_green {
	color: #FFF;
	font-size: 110%;
	height: 35px;
	letter-spacing: -0.02em;
	padding-top: 11px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	width: 160px;
	word-spacing: -0.02em;
	background: #3a636a; /* Old browsers */
	background: -moz-linear-gradient(top,  #3a636a 0%, #77aec4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a636a), color-stop(100%,#77aec4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3a636a 0%,#77aec4 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a636a', endColorstr='#77aec4',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	margin: 0 auto;
}
.button_green:hover {
background: #77aec4; /* Old browsers */
background: -moz-linear-gradient(top,  #77aec4 0%, #3a636a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77aec4), color-stop(100%,#3a636a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #77aec4 0%,#3a636a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #77aec4 0%,#3a636a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #77aec4 0%,#3a636a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #77aec4 0%,#3a636a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77aec4', endColorstr='#3a636a',GradientType=0 ); /* IE6-9 */
}
.button_grey {
	color: #FFF;
	font-size: 110%;
	height: 35px;
	letter-spacing: -0.02em;
	padding-top: 11px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	width: 160px;
	word-spacing: -0.02em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,c2c2c2+100 */
background: #555555; /* Old browsers */
background: -moz-linear-gradient(top, #555555 0%, #c2c2c2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #555555 0%,#c2c2c2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #555555 0%,#c2c2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#c2c2c2',GradientType=0 ); /* IE6-9 */

	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	margin: 0 auto;
}
.button_grey:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2c2c2+0,555555+100 */
background: #c2c2c2; /* Old browsers */
background: -moz-linear-gradient(top, #c2c2c2 0%, #555555 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c2c2c2 0%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c2c2c2 0%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
}
.button_orange {
	color: #FFF;
	font-size: 160%;
	height: 35px;
	letter-spacing: -0.02em;
	padding-top: 11px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	width: 215px;
	word-spacing: -0.02em;
	
	background: #c14203; /* Old browsers */
	background: -moz-linear-gradient(top,  #c14203 1%, #f28303 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c14203), color-stop(100%,#f28303)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c14203 1%,#f28303 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c14203 1%,#f28303 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c14203 1%,#f28303 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c14203 1%,#f28303 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c14203', endColorstr='#f28303',GradientType=0 ); /* IE6-9 */
	
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.7);  
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	box-shadow: 0 2px 2px rgba(0,0,0,0.7);	
	
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.button_orange:hover {
	background: #f28303; /* Old browsers */
	background: -moz-linear-gradient(top,  #f28303 0%, #c54603 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f28303), color-stop(100%,#c54603)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f28303 0%,#c54603 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f28303 0%,#c54603 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f28303 0%,#c54603 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f28303 0%,#c54603 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28303', endColorstr='#c54603',GradientType=0 ); /* IE6-9 */
}
.captionBlack2
        {
      color: #fefefe;
      font-size: 20px;
      line-height: 26px;
      text-align: left;
	  margin-left: 2%;
      border-radius: 4px;
      font-size:16px;
      background: #000;
      background-color: rgba(0, 0, 0, 0.6);
        }

.center {
	margin: 0 auto !important;
	text-align: center;
}
.circle {
	width: 80px;
	height: 80px;
	/*	background: #754f5a;  */
	background:red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-left: 4%;
	margin-top: 5px;
	font-size: 80%;
}
.circle_next {
	position: relative;
	top: -25px;
	left: 95%;
	height: 100%;
	color: #ffcd08;  /*  #F00;  */
	font-weight: 800;
	width: 100px;
	height: 100px;

	background-image: url(../image/background_paper_velvet.png);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-left: 50px;
	margin-top: -25px;
}
.circle_small {
	width: 20px;
	height: 20px;
	/*	background: #754f5a;  */
	background-image: url(../img/pic62.png);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-left: 4%;
	margin-top: 5px;
	font-size: 80%;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* End hide from IE-mac */
.clearboth {
	clear: both;
}
.color_orange {
	color: #fd7126;
}
.color_red {
	color: #FF0000;	
}
.error {
	color: #F00;
	font-weight: 700;
	border: solid thin #E10000;
}
.flower {
	width: 100%;
	margin: 0 auto;
}
.flower1 {
	width: 75%;
	margin: 0 auto;
}
.flower2 {
	width: 65%;
	margin: 0 auto;
	max-width: 65%;
}
.flower3 {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.font_antonio-bold {
	font-family: "Antonio";
    src: url("font/eot/antonio-bold-webfont.eot") /* EOT file for IE */
	font-size: 2em;
	font-weight: 700;
}
.font_submenu1_yellow {
	font-size: 130% !important;
	color: #F4AD06 !important;
	font-weight: bold;
}
.font_submenu2_yellow {
	font-size: 200% !important;
	color: #F4AD06 !important;
	font-weight: 700;
}
.font_submenu3_yellow_light {
	color: #FFF;
	font-weight: 700;
}
.font_submenu_purple {
	font-size: 85%;
	color: #AEA4C1;
	font-weight: 400;
}
.font_submenu_cyclamen {
	font-size: 130% !important;
	font-weight: bold !important;
	color: #bb2c6a !important;
}
.frame_img {
	-moz-box-shadow: 0 8px 16px rgba(0,0,0,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 16px rgba(0,0,0,2);
	box-shadow: 0 8px 16px rgba(0,0,0,2);	/* black shadow  */
	max-width: 100%;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	width: 100%;
	margin-bottom: 1em;
}
.frame_img_s {
	-moz-box-shadow: 0 8px 16px rgba(0,0,0,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 16px rgba(0,0,0,2);
	box-shadow: 0 8px 16px rgba(0,0,0,2);	/* black shadow  */
	max-width: 100%;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	width: 65%;
}
.frame_img_s:hover {
}
.frame_thin {
	border: thin solid #754f5a;
}
.frame_medium {
	border: medium solid #754f5a;
}
.frame_thick {
	border: thick solid #80000;
}
.frame_track_status {
}
.frame_velvet {
	 box-shadow: 1px 1px 10px rgba(119,79, 90,10);
	-webkit-box-shadow: 1px 1px 10px rgba(119,79, 90,10);
	-moz-box-shadow: 1px 1px 10px rgba(119,79, 90,10);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	
	background: rgba(119,79, 90,0.4);
}
.frame_green {
	box-shadow: 1px 1px 5px rgba(139,152,71,5);
	-webkit-box-shadow: 1px 1px 5px rgba(139,152,71,5);
	-moz-box-shadow: 1px 1px 5px rgba(139,152,71,5);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	
	background-color: rgba(139,152,71,0.5);

}
	.green {
		background-color: rgba(1,151,171,1);
		color: rgba(0,63,71,1);
		border-color: rgba(0,63,71,.2);
	}

	.green:hover {
		color: rgba(1,151,171,1);
	}

.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.group:before, .group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
/* TYPOGRAPHY */
/* Composed to a scale of 24px, 20px, 16px, 14px, 12px and 10px */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif, Arial;
	font-weight: 400;
	padding: 0;
	line-height: normal;
}
h1 {
	font-size: 230%;
	color: #666;
} 
h2 {
	color: #666;
	font-family: "Antonio", sans-serif, Arial;
	font-size: 180%;
	line-height: 1.6em;
	text-align: center;
	letter-spacing: 0.02em;
}
h3	{
	font-size: 1.7em;
	color: #666;
	font-family: 'Antonio', sans-serif, Arial;
	text-align: left;
}
h4 {
	font-size: 120%;
	color: #333;
	line-height: 1.6em;
	text-align: left;
	font-weight: 400;
}
h5 {
	color: #c146a1;
	font-size: 1.3em;
	text-align: left;
	line-height: 1.7em;
	font-weight: 600;
}
.h1_margin {
	margin-bottom: 1em;
	font-size: 1.6em;
	text-align: left;
}
.hh {  /* hh=header header, big lettered, centered */
	font-size: 200%;
	font-weight: 600;
	line-height: 1.2em;
	padding-top: 1.9em;
}
.hr {  /* hr=header row, standard text with appropriate line-height  */
	font-family: "Lato";
	font-size: 120%;
	font-weight: 600;
	line-height: 1.2em;
	margin: 1em auto 0em auto;
}
.hd_akten, .hd_basis, .hd_post, .hd_produkte {
	display: block;
}
.hd_akten {
	height: 180px;
}
.hd_basis { /* height of Privat boxes     */
	height: 250px;
}
.hd_post {
	height: 200px;
}
.hd_produkte {
	height: 20px;
}
.header {
	font-family: "Antonio", Arial;
	font-size: 4.5em;
	color: #185E72;  /** eurodienst dark purple  **/
	line-height: 1em;
	margin: 0.5em auto;
	position: relative;
	top: 0em;
	width: 35%;
	writing-mode: lr-tb;
}
.header2 {
	font-family: "Antonio", Arial;
	font-size: 4em;
	
	color: #3d0068;  /** eurodienst dark purple font  **/
	line-height: 2em;
	margin-left: 46%;
	position: relative;
	top: 0em;
	width: 35%;
	margin-bottom: 0.2em;
	margin-top: 0.5em;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	writing-mode: lr-tb;
}
.header3 {   /*  grey background  */
	background: rgba(0, 0, 0, 0.3);
	color: #333;
	height: 110px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	width: 80%;
	margin: 0 auto;
}
.header3_basis {
	background: rgba(0, 0, 0, 0.3);
	color: #333;
	height: 110px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	width: 78%;
	margin: 0 auto;
}
.header3_gebuehren {
	background: rgba(0, 0, 0, 0.3);
	color: #333;
	height: 110px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	width: 93%;
	margin: 0 auto;
}
.header3_produkte {
	background: rgba(0, 0, 0, 0.3);
	color: #333;
	height: 110px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	width: 78.3%;
	margin: 0 auto;
	margin-left: 11%;
}
.header3_post, .header3_akten {
	background: rgba(0, 0, 0, 0.3);
	color: #333;
	height: 110px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	width: 72%;
	margin: 0 auto;
}
.header4, .header5, .header4_green, .header4_red, .header4_yellow {
	color: #FFF;
	font-size: 130%;
	font-weight: 600;
	min-height: 18px;
	max-height: 50px;
	letter-spacing: 0.03em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	text-align: center;
	word-spacing: -0.02em;
	
	-webkit-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}
.header4 {
	border-bottom: 2px solid #185E72;
	border-top: 2px solid #185E72;
	
	background: #3a636a; /* Old browsers */
	background: -moz-linear-gradient(top,  #3a636a 0%, #77aec4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a636a), color-stop(100%,#77aec4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3a636a 0%,#77aec4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a636a', endColorstr='#77aec4',GradientType=0 ); /* IE6-9 */
}
/*****   header4 was Orange  **********/
/*.header4 {      
background: #f28303; /* Old browsers */
/* background: -moz-linear-gradient(top,  #f28303 0%, #c54603 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f28303), color-stop(100%,#c54603)); */ /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #f28303 0%,#c54603 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  #f28303 0%,#c54603 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top,  #f28303 0%,#c54603 100%); /* IE10+ */
/* background: linear-gradient(to bottom,  #f28303 0%,#c54603 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28303', endColorstr='#c54603',GradientType=0 ); /* IE6-9 */
/* }
*/
.header4_green {
	background-color: rgba(1,151,171,1);
	border-bottom: 2px solid rgba(0,63,71,.2);
	border-top: 2px solid rgba(0,63,71,.2);
}
.header4_red {
	background-color: rgba(239,57,50,1);
	border-bottom: 2px solid rgba(133,32,28,.2);
	border-bottom: 2px solid rgba(133,32,28,.2);
}
.header4_yellow {
	background-color: rgba(249,178,12,1);
	border-bottom: 2px solid rgba(153,38,0,.2);
	border-top: 2px solid rgba(153,38,0,.2);
	}
.header5 {   /*  blue background  */
	background: #2BA6CB; /* Old browsers */
}
.header_aqua {
	background-color: #4f8d97;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.7em;
	margin-top: 1em;
	width: 50%;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0 4px 4px rgba(0,0,0,0.6);
}
.header_green {
	background-color: #B0DD00;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.7em;
	margin-top: 1em;
	width: 50%;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.6);
	box-shadow: 0 4px 4px rgba(0,0,0,0.6);
}
.header_table {
	font-size: 0.875em;
	font-weight: 700;
	color: #FFF;
	display: inline;
}
.header_table2 {
	font-size: 0.875em;
	font-weight: 700;
	color: #F4AD06;
	letter-spacing: 0.05em;
}
.home2 {
	height: 300px;
}
.img_corner {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-bottom: 1em;
}
.img_right {
	margin-left: 50%;
	margin-top: 1em;
}
.left {
	float: left !important;
	clear: left;
	height: auto;
}
.line {
	background: #CCC;
	height: 2px;
	width: 95%;
}
.link {
	color: #fd7126;
	font-size: 110%;
	font-weight: 600;
}
.link_green, .link_red, .link_yellow {
	font-size: 140%;
	font-weight: 600;
}
.link_green {
	color: rgba(1,151,171,1);
}
.link_green:hover {
	color: rgba(1,130,148,1);
}
.link_red {
	color: rgba(239,57,50,1);
}
.link_red:hover {
	color: rgba(223,22,17,1);
}
.link_st {
	color: #185E72;
	font-size: 110%;
	font-weight: 600;
}
.link_yellow {
	color: rgba(249,178,12,1);
}
.link_yellow:hover {
	color: rgba(224,158,5,1);
}
.link:hover {
	text-decoration: underline;
	color: #99378c;
}
.link_green_s, .link_red_s, .link_yellow_s {
	font-size: 100%;
	font-weight: 600;
}
.link_green_s {
	color: rgba(1,151,171,1);
}
.link_green_s:hover {
	color: rgba(1,130,148,1);
}
.logo {
	margin-top: 0em;
}
.logo1 {
	color: #000;
	font-family: 'Antonio';
	font-size: 60px;
	padding-top: 60px;
	top: 2em !important;
	text-align: left;
}
.logo1.method1 {
	background: -webkit-linear-gradient(top, #003399, #2BA6CB);
	background: linear-gradient(top, #003399, #2BA6CB);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
h1.method2 {
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,2), rgba(0,0,0,.5) 50%, rgba(0,0,0,2));
	-webkit-mask-image: linear-gradient(top, rgba(0,0,0,2), rgba(0,0,0,.5) 50%, rgba(0,0,0,2));
}

/***   margin: this is to balance out placement of the g's= grit margins  ***/
.ml3px {
	margin-left: 3px;
}
.ml1 {
	margin-left: 1%;
}
.ml2 {
	margin-left: 2% !important;
}
.ml3 {
	margin-left: 3% !important;
}
.ml4 {
	margin-left: 4% !important;
}
.mt1 {
	margin-top: 1em;
}
	.menu {
	display:block;
	float: left;
	padding-bottom: 1em;
	margin-left: 1%;
	border-bottom: 5px solid rgba(0, 0, 0, 0.8);
	color: #FFF;
	font-family: "Antonio";
	font-size: 120%;
	height: 16px;
	letter-spacing: 0.05em;
	margin-top: 0.2em;
	overflow: hidden;
	padding-top: 15px;
	width: 15%;
	background: #991387; /* Old browsers */
	background: -moz-linear-gradient(top,  #991387 0%, #99378c 35%, #ce84b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#991387), color-stop(35%,#99378c), color-stop(100%,#ce84b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #991387 0%,#99378c 35%,#ce84b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #991387 0%,#99378c 35%,#ce84b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #991387 0%,#99378c 35%,#ce84b5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #991387 0%,#99378c 35%,#ce84b5 100%); /* W3C */



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991387', endColorstr='#ce84b5',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 4px 15px rgba(0, 0, 0,0.7);
	-webkit-box-shadow: 1px 4px 15px rgba(0, 0, 0,.7);
	-moz-box-shadow: 1px 4px 15px rgba(0, 0,0 ,0.7);
	-webkit-border-radius: 2px 12px 0px 0px;
	-moz-border-radius: 2px 12px 0px 0px;
	border-radius: 2px 12px 0px 0px;
	margin-left: 0.4%;
	}
	/*  hover height of submenu  */
	.menu:hover .submenu {
	background-color: #333;
	border: 5px solid #99378c;
	color: #FFF;
	display: block;
	font-family: "Antonio";
	font-size: 100%;
	height: auto;
	list-style: none;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 15px;
	text-align: left;
	width: 9.5%;
	z-index: 200;
	
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	}
	.menu:hover {
background: #ce84b5; /* Old browsers */
background: -moz-linear-gradient(top,  #ce84b5 0%, #99378c 65%, #991387 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce84b5), color-stop(65%,#99378c), color-stop(100%,#991387)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ce84b5 0%,#99378c 65%,#991387 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ce84b5 0%,#99378c 65%,#991387 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ce84b5 0%,#99378c 65%,#991387 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ce84b5 0%,#99378c 65%,#991387 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce84b5', endColorstr='#991387',GradientType=0 ); /* IE6-9 */
	border-bottom: 5px solid rgba(0, 0,0 ,0.7);
	color: #FFF;
	}
	.submenu {
    position: absolute;
    top: 33px;
    display: none;
	}
	.submenu li:hover {
	background-color: #333;
	border: 5px solid #99378c;
	color: #fce301;  /* bright yellow  */
	font-size: 110%;
	height: 35px;
	margin-left: 1px;
	padding-left: 5%;
	padding-top: 10px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	}
	/* END of top menu */


	.menu_green {
	border-bottom: 3px solid #185e72;
	border-left: 1px solid #2BA6CB;
	color: #FFF;
	display:block;
	float: left;
	font-family: "Antonio";
	font-size: 140%;
	height: 17px;
	letter-spacing: 0.05em;
	margin-left: 0.3%;
	overflow: hidden;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 0.5em;
	width: 15%;
	background: #3a636a; /* Old browsers */
	background: -moz-linear-gradient(top,  #3a636a 0%, #77aec4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a636a), color-stop(100%,#77aec4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3a636a 0%,#77aec4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3a636a 0%,#77aec4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a636a', endColorstr='#77aec4',GradientType=0 ); /* IE6-9 */
	
	border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	}
	/*  hover height of submenu  */
	.menu_green:hover .submenu {
	background-color: #333;
	border: 5px solid #2BA6CB;
	color: #FFF;
	display: block;
	font-family: "Antonio";
	font-size: 100%;
	height: auto;
	list-style: none;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 15px;
	text-align: left;
	top: 21px;
	width: 9.5%;
	z-index: 200;
	
	border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	}
	.menu_green:hover {
background: #77aec4; /* Old browsers */
background: -moz-linear-gradient(top,  #77aec4 0%, #3a636a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77aec4), color-stop(100%,#3a636a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #77aec4 0%,#3a636a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #77aec4 0%,#3a636a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #77aec4 0%,#3a636a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #77aec4 0%,#3a636a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77aec4', endColorstr='#3a636a',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	}
	.menu_grey {
	border-bottom: 3px solid #185e72;
	border-left: 1px solid #C2C2C2;
	color: #FFF;
	display:block;
	float: left;
	font-family: "Antonio";
	font-size: 140%;
	height: 17px;
	letter-spacing: 0.05em;
	margin-left: 0.3%;
	overflow: hidden;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 0.5em;
	width: 15%;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2c2c2+0,555555+100 */
background: #c2c2c2; /* Old browsers */
background: -moz-linear-gradient(top, #c2c2c2 0%, #555555 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c2c2c2 0%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c2c2c2 0%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#555555',GradientType=0 ); /* IE6-9 */

	border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	}
	/*  hover height of submenu  */
	.menu_grey:hover .submenu {
	background-color: #333;
	border: 5px solid #C2C2C2;
	color: #FFF;
	display: block;
	font-family: "Antonio";
	font-size: 100%;
	height: auto;
	list-style: none;
	margin-top: 20px;
	overflow: hidden;
	padding-top: 15px;
	text-align: left;
	top: 21px;
	width: 9.5%;
	z-index: 200;
	
	border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	}
	.menu_grey:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,c2c2c2+100 */
background: #555555; /* Old browsers */
background: -moz-linear-gradient(top, #555555 0%, #c2c2c2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #555555 0%,#c2c2c2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #555555 0%,#c2c2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#c2c2c2',GradientType=0 ); /* IE6-9 */
		
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	}
	.pl {
		padding-left: 2%;
	}
	.red {
		background-color: rgba(239,57,50,1) !important;
		color: #FFF;
		border-color: rgba(133,32,28,.2) !important;
	}

	.submenu {
	position: absolute;
	display: none;
	}
	.submenu li:hover {
	background-color: #333;  /* blue */
	color: #fce301;  /* bright blue  */
	font-size: 110%;
	height: 35px;
	margin-left: 1px;
	padding-left: 5%;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	border: 5px solid #C2C2C2;
	}
	/* END of top menu */
	
	.menu-login, .menu-signup {
	height: 21px;
	width: 40%;
	background-color: #0C303A;
	color: #FeFeFe;
	display: inline;
	float: right;
	font-size: 120%;
	margin-left: 0.3em;
	margin-top: 1em;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 13px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	}
	.menu-login:hover, .menu-signup:hover {
background: #0c303a; /* Old browsers */
background: -moz-linear-gradient(top,  #0c303a 0%, #4a6f7c 67%, #4a6f7c 67%, #4a6f7c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c303a), color-stop(67%,#4a6f7c), color-stop(67%,#4a6f7c), color-stop(100%,#4a6f7c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c303a 0%,#4a6f7c 67%,#4a6f7c 67%,#4a6f7c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c303a 0%,#4a6f7c 67%,#4a6f7c 67%,#4a6f7c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c303a 0%,#4a6f7c 67%,#4a6f7c 67%,#4a6f7c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c303a 0%,#4a6f7c 67%,#4a6f7c 67%,#4a6f7c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c303a', endColorstr='#4a6f7c',GradientType=0 ); /* IE6-9 */
	color: #FFF;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	}
        .paypal_td {
            font-size: 120%;
        }
.right {
	float: right !important;
	clear: right;
	height: auto;
}
.shadow {   /* this is a box shadow that can be used in any box format  */
	box-shadow: 1px 1px 5px 5px #000;
	-webkit-box-shadow: 1px 1px 5px 5px #000;
	-moz-box-shadow: 1px 1px 5px 5px #000;
	
	-webkit-border-radius: 0.875em;
	-moz-border-radius: 0.875em;
	-khtml-border-radius: 0.875em;
}
/* <shadow> = inset? && [ <length>{2,4} && <color>? ]   */
.subtitle {
	text-transform: capitalize;
	color: #c8a837;
	font-size: 85% !important;
	font-weight: 500;
	margin-top: -2.5em;
}
.subtitle span {
	position: relative;
	z-index: 9;
}
.subtitle h2 {
	font-size: 1em;
	color: #BDB3CC;
}
.text_align	{
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.title {
	font-size: 290%;
	padding: 15px 0 0 15px;
	background: rgba(0, 0, 0, 0.6);
	width: 85%;
	border-bottom: #f6cd7b 6px solid;
	box-shadow: 4px 1px 25px rgba(201, 44, 21,.7);
	-webkit-box-shadow: 4px 1px 25px rgba(201, 44, 21,.7);
	-moz-box-shadow: 4px 1px 25px rgba(201, 44, 21,.7);
  }
.title .logo, .wf-active .logo { text-shadow: #000 0 1px 0; }

.transparent {
	width: 100%;
	height: 200px;
	background: transparent;
	padding-top: 1em;
	padding-bottom: 1.5em;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

.vertical-align {
	vertical-align: middle;
}

#social_container_footer {
	width: 50%;
}
#social_container_right {
	width: 5%;
	right: 1%;
	top: 175px !important;
}

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent;}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}


/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* ---------------END-------------------------------------- */

p, ul, blockquote, pre, th, label {
	margin: 0;
	font-size: 85%;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	font-family: "Arial", Georgia, Verdana, Times, serif;
}
td {
	font-family: 'Lato', Arial;
	font-size: 110%;
	line-height: 3em;
	padding-left: 2%;
	text-align: left;
}
small, p.small {
	margin: 0;
	font-size: small;
	line-height: 1.7142857142857142857142857142857em;
	margin-bottom: 1.7142857142857142857142857142857em
} 

/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}

/* TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0.75em auto 1.5em auto;
	border: 1px solid #999;
	width: 96%;
	}
th {text-align: center; border: thin solid #800040; width: 96%}
tr, th, td {padding-right: 1.5em; margin: 1em}   /* tr= table row, th= table header, td= table data */
tr {border-bottom: 1px solid #CCC}


/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0;}
li ul, li ol {
	margin: 1em 0.25em 0;
	font-size: 75%;
	text-align: left;
}
dl dd {
	padding: 0;
	margin: 0;
}
dt {
	font-family: "Arial", Futura, Century Gothic, AppleGothic, sans-serif;
	padding: 0;
	margin: 0;
}

dl.table {
	padding: 0;
	margin: 0;
	width: 100%;
}
.table dt {
	position: relative;
	padding: 0;
	margin: 0;
	width: 20%;
	max-width: 20%;
	min-width: 20%;
	float: left;
}
.table dd {
	padding: 0em 0 0 1em;
	text-align: left !important;
	margin: 0.2em 0 0;
	max-width: 75%;
	min-width: 75%;
	display: block;
}

/* HYPERLINKS */
a {text-decoration: none; color: inherit;}
a:focus {outline: thin dotted #9d9fa2; color: #34bff6;}
a:hover, a:active {outline: none; color: #34bff6;} /* Better CSS Outline Suppression */


/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;text-align: left !important;} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em;} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style",Palatino,"Palatino Linotype",Book Antiqua,Georgia,"Arial",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */
span.underline{
	display: inline-block;
	border-bottom: 1px solid #B7A89B;
	padding-bottom: 0.1px;
}
span.yellow{color: #F4AD06;}
span.green{color: #83AE00;}
span.orange{color: #F90;}


.last-section {
	background: none;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
/* **************  SLIDER  ************************  */
		.caption 
		{
			font-family: "Antonio", Arial;
			
		}
        .captionOrange, .captionBlack, .captionRed, .captionBlue
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {	
			background-color:  rgba(187, 41, 51, 0.6);  
			background: #EB5100;  
            background-color: rgba(235, 81, 0, 0.6);  
        }
		.captionBlue {
			background:#746fbd;
			background-color:rgba(21,21,120,.6)
			}
		a.captionBlue, A.captionBlue:active, A.captionBlue:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionBlue:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }	
        .captionBlack
        {
        	background: #000;
            background-color: rgba(0, 0, 0, 0.4);
			font-family: "Antonio", Arial;
			font-size: 16px;
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
    color: #FFF;
	font-weight: 600;		   
	text-decoration: underline;
	background-color: #f6cd7b;
	background-color: rgba(246, 205, 123, 0.5) !important;
        }
        .bricon
        {
            background: url(slider/img/browser-icons.png);
        }
		.div {
	display: block;
	overflow: hidden;
	margin: 20px auto;
	padding: 10px 5px 5px 10px;
	width: 96%;
	max-width:940px;
	min-width: 240px;
	border: 1px solid #ccc;
	background-color: #666;
	box-shadow: 2px 2px 10px 2px #dddddd;
	-webkit-box-shadow: 0px 0px 5px 0px #dddddd;
	font-size: 0.8em;
	line-height: 1.5em;
		}
		#slider1_container {
	position: relative;
	top: 90px;
	overflow: hidden;
		}
		#slider2_container {
	position: relative;
	margin: 0px 5px 5px 0px;
	float: left;
	top: -1670px;
	left: 0%;
	width: 600px;
	height: 300px;
	overflow: hidden;
		}
		#slider3_container {
	position: relative;
	top: 0px;
	left: -30%;
	overflow: hidden;
		}
		.slides {
			cursor: move;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 600px;
			height: 300px;
            overflow: hidden;
		}
		.caption {
			position:  absolute;
			top:80px;
			height:40px;
			font-size:36px;
			color:#fff;
			line-height:40px;
		}
/*  ************************  NAVIGATION ********************************* */
.navigation {
	border-style: none;
	list-style: none;
	max-width: 100%;
	display: block;
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 60px auto 0px;
	z-index: 10;
}
.navigation ul {
	position: relative;
	font-family: "Antonio", Arial;
	font-size: 150%;
	text-align: center;
	list-style: url(none) none inside;
	display: inline-block;
	height: 700px;
}

.navigation li {
	list-style: none inside;
	display: inline-block;
	line-height: 38px;
	padding: 1.5em 0.5em 0.5em 0.5em;
	margin-top: 1em;
	color: #FFF;
	vertical-align: middle;
	font-weight: 800;
	width: 80%;	
	max-width: 90%;
	max-height: 100%;
	background: rgba(0, 0, 0, 0.7);  /* black 70% transparency  */
	border-left: thin solid #754f5a;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	border-bottom: 6px solid #A72621 !important;
	height: auto;
	
	-moz-box-shadow: 0 8px 8px rgba(0,0,0,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,2);
	box-shadow: 0 8px 8px rgba(0,0,0,2);	/* black shadow  */
}
.navigation a.first { background:none;}
.navigation li a.first { border:none; }

.navigation a:focus,
.navigation a {
	display: inline-block;
	overflow: hidden;
	opacity: 1;
	text-align: center;
	text-indent: -1600;
	white-space: nowrap;
	color: #FFF;
}
.navigation a:active,
.navigation a:hover {
/*	font-size: 110%; */
	padding: 0em;
	text-decoration: none;
	color: #FFF !important;
	max-width: 100%;
	padding-bottom: -1.5em;
	/*  text shadow */
	/* text-shadow: 4px 4px 4px rgba(167, 38, 33, 1); */
	/* rotates text upwards */
	/*-webkit-transform: rotate(343deg);
	-moz-transform: rotate(343deg);
	-o-transform: rotate(343deg);
	writing-mode: lr-tb;
	*/
}

.navigation li a:focus {
	padding: 0;
	text-decoration: none;
	color: #FFF;
	max-width: 100%;
}
 
 /**  navigation3 is for the Footer  **/
.navigation3 {
	border-style: none;
	list-style: none;
	max-width: 100%;
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 10px auto 40px;
	z-index: 15;
}
.navigation3 ul {
	position: relative;
	font-family: "Antonio", Arial;
	text-align: center;
	list-style: url(none) none inside;
	display: inline-block;
}

.navigation3 li {
	list-style: none inside;
	display: inline-block;
	line-height: 38px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 1em;
	margin-top: 1em;
	vertical-align: middle;
	font-family: "Antonio", Arial;
	width: 90%;
	background: rgba(0, 0, 0, 0.8);  /* Black  */
	border-left: thin solid #754f5a;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	border-bottom: 6px solid #4f8d97!important;
	height: auto;
	max-height: 100%;
	font-size: 140% !important;
	font-weight: 800;
}
.navigation3 a.first { background:none;}
.navigation3 li a.first { border:none; }

.navigation3 a:focus,
.navigation3 a {
	display: inline-block;
	overflow: hidden;
	opacity: 1;
	text-align: center;
	text-indent: -1600;
	white-space: nowrap;
	color: #FFF;
	font-size: 140%;
}
.navigation3 a:active,
.navigation3 a:hover {
	padding: 0em;
	text-decoration: none;
	color: #9d9fa2 !important;
	max-width: 100%;
	padding-bottom: -1.5em;
}

.navigation3 li a:focus {
	padding: 0;
	text-decoration: none;
	color: #FFF;
	max-width: 100%;
}
 /** END of Main navigation3  **/

.navigation_left1 {
	max-width: 100%;
	display: block;
	position: relative;
	margin: 1em auto 1em;
	z-index: 10;
	font-family: "Antonio", Arial;
	font-size: 160%;
	text-align: center;
	line-height: 24px;
	padding: 1.5em 0.5em;
	color: #FFF;
	vertical-align: middle;
	font-weight: 800;
	width: 80%;
	max-width: 90%;
/*	background: rgba(0, 0, 0, 0.7);  /* black 70% transparency  */   
	border-left: thin solid #754f5a;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
/*	border-bottom: 6px solid #A72621 !important;   */
	box-shadow: 0 8px 16px rgba(0,0,0,2);	/* black shadow  */
	
	background: #282828; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #282828 34%, #383838 52%, #5b5b5b 70%, #bfbcbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(34%,#282828), color-stop(52%,#383838), color-stop(70%,#5b5b5b), color-stop(100%,#bfbcbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* IE10+ */
	background: linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#bfbcbb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-moz-box-shadow: 0 4px 12px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.7);
	box-shadow: 0 4px 12px rgba(0,0,0,0.7);
	
}
.navigation_left1:hover {
	color: #e91f24 !important;
	max-width: 100%;
	-moz-box-shadow: 0 8px 16px rgba(0,0,0,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 16px rgba(0,0,0,2);
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #000000 27%, #000000 51%, #000000 55%, #000000 55%, #f9f5f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(27%,#000000), color-stop(51%,#000000), color-stop(55%,#000000), 		    color-stop(55%,#000000), color-stop(100%,#f9f5f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* IE10+ */
	background: linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f9f5f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.navigation_left2 {
	max-width: 100%;
	display: block;
	position: relative;
	margin: 1em auto 1em;
	z-index: 10;
	font-family: "Antonio", Arial;
	font-size: 160%;
	text-align: center;
	line-height: 24px;
	padding: 1.5em 0.5em;
	color: #FFF;
	vertical-align: middle;
	font-weight: 800;
	width: 80%;
	max-width: 90%;
/*	background: rgba(0, 0, 0, 0.7);  /* black 70% transparency  */   
	border-left: thin solid #754f5a;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
/*	border-bottom: 6px solid #A72621 !important;   */

	box-shadow: 0 8px 16px rgba(0,0,0,2);	/* black shadow  */
	
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #000000 27%, #000000 51%, #000000 55%, #000000 55%, #f9f5f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(27%,#000000), color-stop(51%,#000000), color-stop(55%,#000000), 		    color-stop(55%,#000000), color-stop(100%,#f9f5f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* IE10+ */
	background: linear-gradient(45deg,  #000000 27%,#000000 51%,#000000 55%,#000000 55%,#f9f5f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f9f5f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.navigation_left2:hover {
	color: #FFF !important;
	max-width: 100%;
	-moz-box-shadow: 0 8px 16px rgba(0,0,0,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 16px rgba(0,0,0,2);
	
	background: #282828; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #282828 34%, #383838 52%, #5b5b5b 70%, #bfbcbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(34%,#282828), color-stop(52%,#383838), color-stop(70%,#5b5b5b), color-stop(100%,#bfbcbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* IE10+ */
	background: linear-gradient(45deg,  #282828 34%,#383838 52%,#5b5b5b 70%,#bfbcbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#bfbcbb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-moz-box-shadow: 0 4px 12px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.7);
	box-shadow: 0 4px 12px rgba(0,0,0,0.7);
}

.navigation-left_container {
}
.nav_list {
	max-width: 98%;
	vertical-align: top;
	overflow: visible;
	display: block;
	position: relative;
	width: 98%;
	background: #000;
	margin: 0 auto;
}
.nav_list ul {
	position: relative;
	width: 100%;	/* 700px / 989px = 0.70779 */
	display: inline-block;
	margin-top: -100px;
}
.nav_list li {
	font-weight: 700;
	color: #666;
	font-size: 250%;
	display: inline-block;
	margin: 1em 2em 0em 2em;
	width: 100%;
	text-align: center !important;
	list-style: square inside;
}
.nav_list a.first { background:none;}
.nav_list li a.first { border:none; }

.nav_list a:active,
.nav_list a:focus,
.nav_list a {
	display: block;
	overflow: hidden;
	opacity: 1;
	text-align: left;
	text-indent: -1000;
}
.nav_list a:hover {
	width: 70%;
	padding: 0em;
	color: #FEEABA;
	text-decoration: none;
	/* Shadow at hover */
	-moz-box-shadow: 0 2px 16px rgba(244,173,6,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 2px 16px rgba(244,173,6,2);
	box-shadow: 0 2px 16px rgba(244,173,6,2);
	}

.nav_horizontal {
	border-style: none;
	list-style: none;
	float: left;
	max-width: 90%;
	font-weight: 500;
	margin-right: auto;
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: 45px;
	text-decoration: none;
}
.nav_horizontal ul {
	position: relative;
	text-align: center;
	width: 100%;
	list-style: url(none) none inside;
	font-family: "Antonio";
	font-size: 90%;
	display: inline;
}
.nav_horizontal li {
	float: left;
	margin-right: 1%;
	margin-top: 10px;
	list-style: none inside;
	border-right: 2px #a72621 solid;
	padding: 0.75em 5% 0 5%;
	height: inherit;
}
.nav_horizontal a {	
	display: block;
	overflow: visible;
	opacity: 1;
	text-align: left;
	width: 100%;
}
.nav_horizontal li:focus,
.nav_horizontal li:hover { /* highlight the div at hover not the a:  */
	background-color: #a72621;
	padding-left: -1%;
	height: 45px !important;
	text-decoration: none;
	-webkit-border-radius: 0 12px 0 0;
	-moz-border-radius: 0 12px 0 0;
	border-radius: 0 12px 0 0;
	color: #FFF;
	}
.nav_horizontal:active {
	background-color: #a72621;
	padding-left: -1%;
	height: 40px !important;
	text-decoration: none;
	-webkit-border-radius: 0 12px 0 0;
	-moz-border-radius: 0 12px 0 0;
	border-radius: 0 12px 0 0;
}
.nav_horizontal_center {
	border-style: none;
	list-style: none;
	margin-bottom: 0.25em;
	max-width: 100%;
	vertical-align: middle;
	font-weight: 500;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
}
.nav_horizontal_center ul {
	position: relative;
	text-align: center;
	width: 100%;
	list-style: url(none) none inside;
	font-size: 100%;
	display: inline;
}
.nav_horizontal_center li {
	float: left;
	margin-right: 1%;
	list-style: none inside;
	border: none;
	height: inherit;
}
.nav_vertical {
	border-style: none;
	vertical-align: top;
	overflow: visible;
	display: inline-block;
	position: relative;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	z-index: 210;
}
.nav_vertical ul {
	position: relative;
	width: 100%;
	list-style: none;
}
.nav_vertical li {
	list-style: none;
	text-align: left;
	padding-left: 0.2em;
	color: #FeFeFe;
	width: 100%;
	margin-bottom: 0.5em;
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,2);
	box-shadow: 0 4px 8px rgba(0,0,0,2);	/* Shadow CYCLAMEN at hover  */

}
.nav_vertical a:active,
.nav_vertical a:focus,
.nav_vertical a:visited,
.nav_vertical a {
	display: block;
	overflow: hidden;
	opacity: 1;
	text-align: center;
	text-indent: -1000px;
	font-weight: 500;
	width: 100%;
	height: 80%;
}
.nav_vertical a:hover {
	width: 100%;
	padding: 0em;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	background: rgba(0,0, 0,0.4);
}
/**  FANCY LIST STYLE  **/
.nav_vertical3 {
	border-style: none;
	vertical-align: top;
	overflow: visible;
	display: inline-block;
	position: relative;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	z-index: 210;
}
.nav_vertical3 ul {
	position: relative;
	width: 100%;
	list-style: none;
}
.nav_vertical3 li {
	list-style: none;
	text-align: left !important;
	padding: 1em 2% 1em 2%;
	color: #FFF;
	width: 100%;
	margin-bottom: 0.5em;
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,2);
	box-shadow: 0 4px 8px rgba(0,0,0,2);	/* Shadow CYCLAMEN at hover  */

}
.nav_vertical3 a:active,
.nav_vertical3 a:focus,
.nav_vertical3 a:visited,
.nav_vertical3 a {
	display: block;
	overflow: hidden;
	opacity: 1;
	text-align: center;
	text-indent: -1000px;
	font-weight: 500;
	width: 100%;
	height: 80%;
}
.nav_vertical3 a:hover {
	width: 100%;
	padding: 0em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	background: rgba(0,0,0,0.6);
}

/** REGULAR LIST  **/
.nav_vertical2 {
	border-style: none;
	vertical-align: top;
	overflow: visible;
	display: inline-block;
	position: relative;
	margin: 0.5em auto 0.5em auto;
	z-index: 310;
	width: 100%;
	list-style: none;
	max-width: 100%;
}
.nav_vertical2 ul {
	position: relative;
	width: 100%;
}
.nav_vertical2 li {
	font-size: 110%;
	list-style: none;
	text-align: left;
	margin-bottom: 1em;
	color: #CDCDCD;
	text-align: left;
}
.nav_vertical2 a:active,
.nav_vertical2 a:focus,
.nav_vertical2 a:visited,
.nav_vertical2 a {
	display: block;
	overflow: hidden;
	opacity: 1;
	text-align: center;
	text-indent: -1000px;
	font-weight: 500;
	width: 100%;
	height: 80%;
}
.nav_vertical2 a:hover {
	background: #07b3c0;
	width: 100%;
	padding: 0em;
}


/*  FOOTER NAVIGATION  */
.navigation_footer {
	list-style: square;
	z-index: 100;
	max-width: 100%;
	display: block;
	position: relative;
	padding: 0px 0px 0.25em;
	margin: 0px;
}
.navigation_footer ul {
	position: relative;
	text-align: left;
	list-style: url(none) none inside;
	font-size: 100%;
	display: inline-block;
	padding-bottom: 5px;
	/* Chrome fix for font-height being too small  */
	
	-webkit-text-stroke-width: .1em;
}
.navigation_footer.selected ul {
	width: 100%;
}
.navigation_footer li {
	list-style: none inside;
	display: inline-block;
	font-size: 90%;
	padding: 0.5em 1em 0em;
	color: #ADADAD;
	font-weight: 600;
	vertical-align: middle;
	font-weight: 700;
	border-right: thin solid #666;
	margin: 0.5em 1px 0px;
}
.navigation_footer a.first { background:none;}
.navigation_footer li a.first { border:none; }

.navigation_footer a:active,
.navigation_footer a:focus,
.navigation_footer a {
	display: inline-block;
	overflow: hidden;
	opacity: 1;
	text-align: center;
	text-indent: -1600px;
	white-space: nowrap;
}
.navigation_footer a:hover {
	padding: 0em;
	text-decoration: none;
	color: #FEEABA;
	/* Shadow at hover BLUE*/
	/* Shadow at hover DARK RED*/
	-moz-box-shadow: 0 8px 16px rgba(187,41,51,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 16px rgba(187,41,51,2);
	box-shadow: 0 8px 16px rgba(187,41,51,2);	/* Shadow CYCLAMEN at hover  */
	max-width: 100%;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	width: 100%;
}
.navigation_footer li a:focus {
	padding: 0;
	text-decoration: none;
	color: #CCC;
	/* Shadow at hover GREY*/
	-moz-box-shadow: 0 8px 16px rgba(59,144,176,2);  /* RGBA brackets are where the color code comes in */
	-webkit-box-shadow: 0 8px 16px rgba(59,144,176,2);
	box-shadow: 0 8px 16px rgba(59,144,176,2);	/* Shadow Yellow_light at hover  */
	max-width: 100%;
}
.wizbooth {
	color: #FFFFFF;
	top: -0.5em;
	position: relative;
}
.wizbooth:before {
	color: #07b3c0;
	font-size: 120%;
	top: 1em;
}
	.yellow {
		background-color: rgba(252,227,1,1);
		color: rgba(153,38,0,1);
		border-color: rgba(153,38,0,.2);
	}

	.yellow:hover {
		color: rgba(252,227,1,1);
	}


	.g1of2, .g2of2, .g1of3,.g2of3, .g1of4, .g2of4, .g3of4, .g1of5, .g2of5, .g3of5, .g4of5, .g1of6, .g2of6, .g3of6, .g4of6, .g5of6, .g1of7, .g2of7, .g3of7, .g4of7, .g5of7, .g6of7, .g1of8, .g2of8, .g3of8, .g4of8, .g5of8, .g6of8, .g7of8, .g1of9, .g2of9, .g3of9, .g4of9, .g5of9, .g6of9, .g7of9, .g8of9, .g1of10, .g2of10, .g3of10, .g4of10, .g5of10, .g6of10, .g7of10, .g8of10, .g9of10 {
	display:block;
	float: left;
	width: 100%;
	margin-left: 0.5%;
	padding-bottom: 1em;
}
		
	/* 2 COLUMN GRID */
	.g1of2 {width: 47%;}  /*  */
	.g2of2 {width: 97%;}  /*  */

	/* 3 COLUMN GRID */
	.g1of3 {
	width: 32%;
}
	.g2of3 {width: 61%;}
	.g3of3 {width: 100%;}
	
	/* 4 COLUMN GRID */
	.g1of4 {
	width: 23%;
}  
	.g2of4 {width: 45%;}
	.g3of4 {
	width: 71%;
}
	.g4of4 {
	width: 100%;
	background: rgba(57, 56, 57, 0.4);
	height: 200px;
    }
	
	/* 5 COLUMN GRID */
	.g1of5 {
	width: 18%;
	}  
	.g1of5_home2 {
	margin-left: 1%;
	}

	.g2of5 {width: 38%;}
	
	/* ****************Slider1_container grid  **************** */
	.g3of5 {
	width: 54%;
	border: none;
	margin-left: 2%;
	}
	.g4of5 {width: 73%;}
	.g5of5 {
	width: 100%;
	}
	
	/* 6 COLUMN GRID */
	.g1of6 {width: 15%;}
	.g2of6 {width: 30%;}
	.g3of6 {width: 46%;}
	.g4of6 {width: 62%;}
	.g5of6 {width: 77%;}
	.g6of6 {width: 100%;}

	/* 7 COLUMN GRID */
	.g1of7 {width: 12%;}
	
	/* *************** slider3_container grid  ****************** */
	.g2of7 {   
		width: 23%;
		padding-top: 300px;
		margin-left: 2%;
		border: none;
		}  
	.g3of7 {width: 39%;}
	.g4of7 {width: 53%;}
	.g5of7 {width: 66%;}
	.g6of7 {width: 79%;}
	.g7of7 {width: 100%;}

	/* 8 COLUMN GRID */
	.g1of8	{width: 11%;}
	.g2of8	{width: 22%;}
	.g3of8	{
	width: 34%;
}
	.g4of8  {width: 48.5%;}
	.g5of8  {
	width: 60%;
}
	.g6of8	{
	width: 71%;
}
	.g7of8	{width:	86%;}
	.g8of8	{width: 100%;}
	
	/* 9 COLUMN GRID  did not add 1% for border line*/
	.g1of9	{
	width: 9%;
}
	.g2of9	{
	width: 20%;
}
	.g3of9	{width: 31.8333%;}
	.g4of9  {width: 42.9444%;}
	.g5of9  {width: 54.0555%;}
	.g6of9	{
	width: 65%;
}
	.g7of9	{
	width:	73%;
}
	.g8of9	{width: 85.8888%;}
	.g9of9	{width: 100%;}
	
	/* 10 COLUMN GRID  did not add 1% for border line.  Meaning if borderline added, grid will enlarge and skip to next line */
	.g1of10	{width: 8.5%;}
	.g2of10	{width: 18.5%;}
	.g3of10	{width: 28.5%;}
	.g4of10 {width: 38.5%;}
	.g5of10 {width: 48.5%;}
	.g6of10	{width: 58.5%;}
	.g7of10	{width:	68.5%;}
	.g8of10	{width: 78.5%;}
	.g9of10	{width: 88.5%;}
	.g10of10 {width: 100%;}
	

/*  Full Width MOBILE PORTRAIT */
@media only screen and (min-width: 200px) and (max-width: 480px) {
	/* full width column */
	.page2, .page2, .page3, .page4, .page5, .page6, .page7 {
	width: 98%;
	max-width: 98%;
	}
	.g1of2, .g1of3, .g2of3, .g1of4, .g1of5, .g2of5, .g3of5, .g1of6, .g2of6, .g3of6, .g1of8, .g2of8, .g5of8, .g6of8, .g3of9, .g6of9, .g3of10, .g5of10 {
	width: 98% !important;
	margin-bottom: 1em;
	}
	.g3of4, .g3of8 {
	width: 96%;
	}
	.g4of4 {
	margin-top: 430px;  /* navigation3 block  */
	}
	.g1of5_home2 {
	margin-top: 1em;
	}
	.g1of9 {
	width: 48%;
	}
	.g2of6 {
	margin-bottom: -3em;
	font-size: 90%;
	}
	/* slider3_container  */
	.g2of7 {
	width: 85%;
	margin-top: -420px;
	}	
	.background_footer1b {
	margin-top: 50px;
	height: 280px;
	}
	.background_home2 {
	height: 420px;
	}
	.background_navigation_left {
	min-height: auto;
	height: 0px;
	width: 95%;
	}
	.background_navigation_right {
	font-size: 80%;
	width: 18%;
	}
	.bdiv_akten {
	height: 710px;
	}
	.bdiv_basis {
	height: 480px;
	}
	.bdiv_post {
	height: 500px;
	}
	.bdiv_post_long {
	height: 600px !important;
	}
	.bdiv_produkte {
	height: 654px;
	}
	.button_green {
	margin: 0 auto;
	}
	.flower, .flower3 {
	width: 50%;
	margin: 0 auto;
	}
	.header {
	font-size: 3.5em;
	line-height: 1em;
	width: 45%;
	}
	.header2 {
	font-size: 2.5em;
	width: 75%;
	margin-left: 25%;
	}
	.header4, .header4_green, .header4_red, .header4_yellow, .header5 {
	margin: 0 auto;
	}
	.header3 {
	width: 96%;
	}
	.header3_basis {
	width: 96%;
	}
	.header3_produkte {
	width: 96%;
	margin-left: 1.5%;
	}
	.header3_post {
	width: 96%;
	}
	.header3_akten {
	width: 96%;
	}
        .hh {
            font-size: 150%;
        }
	.logo {
	margin-top: 0em;
	}
	.menu_green {
	width: 19%;
	}
	.ml {
	margin-left: 0;
	}
	.ml3 {
	margin-left: 0;
	}
	.ml4 {
	margin-left: 0;
	}
	.navigation3 {
	font-size: 120%;
	}
	.navigation3 li {
	height: auto;
	padding-top: 8px;
	width: 70%;
	padding-top: 3%;
	padding-bottom: 1%;
	max-width: 80%;
	}
	.paragraph_intro2_h {
	margin-left: 2%;
	}
	.page2 {
	width: 98%;
	}
        #slider1_container {
	left: 0px;
	top: -37px;
	}
	#social_container_right {
	margin-left: -14%;
	margin-top: 240px !important;
	}
	.menu_green:hover .submenu {
	width: 31%;
	}
}
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 740px) {  /* shows at 480px  PORTRAIT 2-column  */
	.page, .page2, .page3, .page4, .page5, .page6, .page7 {
	width: 96%;
	max-width: 96%;
	}
	.page4, .page5, .page6 {
	margin-left: 3.25% !important;
	}
	.page7 {
	margin-left: 3% !important;
	}
	/* full width column */
	.g2of3, .g3of4, .g1of5, .g2of5, .g3of5, .g3of6, .g1of8, .g2of8, .g3of8, .g5of8, .g6of8, .g3of9, .g6of9, .g3of10, .g5of10 {
	width: 96% !important;
	max-width: 96%;
	}
	.g2of6 {
	max-width: 47%;
	width: 47% !important;
	}
	.g1of3, .g1of4, .g1of5, .g1of6 {
	width: 47% !important;
	max-width: 47% !important;
	}
	.g2of7 {
	width: 40%;
	margin-left: 49%;
	margin-top: -310px;
	}
	.g1of5, .g1of9 {
	width: 48%;
	}
	.background_footer1b {
	margin-top: 0px;
	}
	.background_home2 {
	height: 390px;
	}
	.background_navigation_left {
	margin-left: 1%;
	min-height: auto;
	height: 0px;
	}
	.background_navigation_right {
	font-size: 80%;
	width: 18%;
	}
	.bdiv_akten {
	height: 750px;
	}
	.bdiv_basis {
	height: 430px;
	}
	.bdiv_post {
	height: 530px;
	}
	.bdiv_post_long {
	height: 960px;
	}
	.bdiv_produkte {
	height: 730px;
	}
	.flower {
	width: 60%;
	margin: 0 auto 5% auto;
	}
	.flower3 {
	width: 50%;
	margin: 0 auto 5% auto;
	}
	.hd_akten {
	height: 160px;
	}
	.hd_basis { /* height of Privat boxes     */
	height: 250px;
	}
	.hd_post {
	height: 200px;
	}
	.hd_produkte {
	height: 140px;
	}
	.header {
	font-size: 3.5em;
	line-height: 1em;
	width: 45%;
	}
	.header2 {
	font-size: 3em;
	width: 75%;
	margin-left: 25%;
	}
	.header4, .header4_green, .header4_red, .header4_yellow, .header5 {
	margin: 0 auto;
	}
	.header3 {
	width: 92.5%;
	}
	.header3_akten {
	width: 91%;
	margin-left: 3.9%;
	}
	.header3_basis {
	width: 91%;
	margin-left: 3.9%;
	}
	.header3_produkte {
	width: 91%;
	margin-left: 3.7%;
	}
	.header3_post {
	width: 91.4%;
	margin-left: 3.7%;
	}
        .hh {
            font-size: 150%;
        }
	.logo {
	margin-top: -1em;
	}
	.menu_green {
	width: 19%;
	}
	.menu-login, .menu-signup {
	width: 25%;
	}
	.ml {
	margin-left: 0;
	}
	.ml3 {
	margin-left: 0;
	}
	.ml4 {
	margin-left: 0;
	}
	.nav_horizontal {
	height: 55px;
	}
	.nav_horizontal li {
	padding-bottom: 0.75em;
	}
	#social_container_right {
	left: 90% !important;
	margin-left: -4%;
	margin-top: 370px !important;
	}
	.menu_green:hover .submenu {
	width: 18%;
	}
}

/* TABLET HORIZONTAL  */
@media screen and (min-width: 740px) and (max-width: 768px) {
	.page, .page2, .page3, .page4, .page5, .page6, .page7 {
	width: 96%;
	max-width: 96%;
	}
	.page4, .page5, .page6 {
	margin-left: 3.5% !important;
	}
	.page7 {
	margin-left: 3% !important;
	}
	.g1of2 {
	width: 96%;
	}
	.g1of3, .g1of4 {
	width: 48% !important;
	}
	.g1of5,.g1of6 {
	width: 32% !important;
	}
	.g2of6 {
	width: 47%;
	max-width: 47%;
	}
	.g1of8 {
	width: 15%;
	}
	.g1of9 {
	width: 17%;
	}
	.g6of9 {
	width: 60%;
	}
	.background_home2 {
	height: 380px;
	}
	.bdiv_akten {
	height: 750px;
	}
	.bdiv_basis {
	height: 460px;
	}
	.bdiv_post {
	height: 440px;
	}
	.bdiv_post_long {
	height: 760px;
	}
	.bdiv_produkte {
	height: 754px;
	}
	.hd_akten {
	height: 160px;
	}
	.hd_basis { /* height of Privat boxes     */
	height: 250px;
	}
	.hd_post {
	height: 200px;
	}
	.hd_produkte {
	height: 140px;
	}
	.header {
	font-size: 3.5em;
	line-height: 1em;
	width: 45%;
	}
	.header2 {
	font-size: 3em;
	width: 75%;
	margin-left: 25%;
	}
	.header3 {
	width: 96%;
	}
	.header3_akten {
	width: 91%;
	margin-left: 3.8%;
	}
	.header3_basis {
	width: 94% !important;
	margin-left: 4%;
	}
	.header3_produkte {
	width: 93%;
	margin-left: 3.8%;
	}
	.header3_post {
	width: 91%;
	margin-left: 4%;
	}
	.logo {
	margin-top: 1em;
	}
	.menu_green {
	width: 18%;
	}
	.menu-login, .menu-signup {
	width: 49%;
	}
	.ml {
	margin-left: 0;
	}
	.ml3 {
	margin-left: 0;
	}
	.ml4 {
	margin-left: 0;
	}
	.background_navigation_right {
	font-size: 80%;
	width: 18%;
	}
	.nav_horizontal {
	height: 55px;
	}
	.nav_horizontal li {
	padding-bottom: 0.75em;
	}
	#slider1_container {  /* .g3of5   */
	top: 30px;
	}
	#social_container_right {
	margin-left: -6%;
	margin-top: -20px !important;
	}
	.menu_green:hover .submenu {
	width: 17%;
	}
}
/* TABLET/NETBOOK */
@media screen and (min-width: 768px) and (max-width: 1024px) {  /* shows on 618px x 540px wide screen  */
	.page, .page2, .page3, .page4, .page5, .page6, .page7 {
	width: 96%;
	max-width: 96%;
	}
	.page2 {
	margin-left: 3.5%;
	}
	.page4, .page5 {
	margin-left: 3.8% !important;
	}
	.page6 {
	margin-left: 4.4%!important;
	}
	.page7 {
	margin-left: 3.3% !important;
	}
	.g1of3 {
	width: 30%;
	}
	.g1of5 {
	width: 32% !important;
	}
	.g1of6 {
	width: 31%;
	}
	.g2of6 {
	width: 31% !important;
	max-width: 32%;
	}
	.g3of5 {
	width: 51%;
	margin-left: 1%;
	}
	.g2of7 {
	color: #666;
	width: 23%;
	margin-left:  1%;
	padding-top: 120px;
	}
	.g1of8 {
	width:  18%;
	}
	.g2of8 {
	width: 21%;
	}
	.g5of8 {
	width: 55%;
	}
	.g1of9 {
	width: 16%;
	}
	.background_home2 {
	height: 390px;
	}
	.background_navigation_left {
	padding-bottom: 40px !important;
	padding-top: 40px;
	}
	.background_navigation_right {
	font-size: 80%;
	width: 18%;
	}
	.bdiv_akten {
	height: 785px;
	}
	.bdiv_basis {
	height: 520px;
	}
	.bdiv_post {
	height: 500px;
	}
	.bdiv_post_long {
	height: 500px;
	}
	.bdiv_produkte {
	height: 754px;
	}
	.hd_akten {
	height: 160px;
	}
	.hd_basis { /* height of Privat boxes     */
	height: 250px;
	}
	.hd_post {
	height: 200px;
	}
	.hd_produkte {
	height: 140px;
	}
	.header {
	font-size: 3.5em;
	line-height: 1em;
	width: 45%;
	}
	.header2 {
	font-size: 3.5em;
	width: 75%;
	margin-left: 25%;
	}
	.header3 {
	width: 91.5%;
	}
	.header3_akten {
	width: 90.7%;
	margin-left: 4.1%;
	}
	.header3_basis {
	width: 90.5%;
	margin-left: 4.4%;
	}
	.header3_produkte {
	width: 90.7%;
	margin-left: 4.2%;
	}
	.header3_post {
	width: 90.8%;
	margin-left: 4.9%;
	}
	.logo {
	margin-top: 1em;
	}
	.menu_green {
	width: 18%;
	}
	.menu-login, .menu-signup {
	width: 49%;
	}
	.nav_horizontal {
	height: 55px;
	}
	.nav_horizontal li {
	padding-bottom: 0.75em;
	}
	#slider1_container {  /* .g3of5   */
	top: 25px;
	}
	#slider3_container {  /* .g2of7   */
	}
	#social_container_right {
	margin-left: -5%;
	margin-top: -10px !important;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) { /* shows 849px tablet landscape */
	.page2, page3, .page4, .page5, .page7 {
	width: 96%;
	max-width: 96%;
	}
	.page2 {
	margin-left: 3.75%;
	}
	.page4 {
	margin-left: 3.7% !important;
	}
	.page5 {
	margin-left: 3.7% !important;
	}
	.page6 {
	width: 97%;
	max-width: 97%;
	margin-left: 3.7%!important;
	}
	.page7 {
	width: 97%;
	max-width: 97%;
	margin-left: 3.7% !important;
	}
	.g1of5 {
	width: 24% !important;
	}
	.g1of6 {
	width: 22.8%;
	}
	.g3of5 {
	width: 51%;
	margin-left: 1%;
	}
	.g2of6 {
	width: 31% !important;
	max-width: 32% !important;
	}
	.g2of7 {
	color: #666;
	width: 23%;
	margin-left:  1%;
	margin-top: -100px;
	}
	.g1of8 {
	width: 18%;
	}
	.g2of8 {
	width: 21%;
	}
	.g5of8 {
	width: 57%;
	}
	.g1of9 {
	width: 16%;
	}
	.g6of9 {
	width: 64%;
	}
	.background_home2 {
	height: 360px;
	}
	.bdiv_akten {
	height: 710px;
	}
	.bdiv_basis {
	height: 520px;
	}
	.bdiv_post {
	height: 500px;
	}
	.bdiv_post_long {
	height: 505px;
	}
	.bdiv_produkte {
	height: 754px;
	}
	.hd_akten {
	height: 160px;
	}
	.hd_basis { /* height of Privat boxes     */
	height: 250px;
	}
	.hd_post {
	height: 200px;
	}
	.hd_produkte {
	height: 140px;
	}
	.header2 {
	font-size: 3.5em;
	margin-bottom: -1em;
	margin-left: 45%;
	margin-top: 1em;
	width: 65%;
	}
	.header3 {
	width: 91.5%;
	}
	.header3_akten {
	width: 91.5%;
	}
	.header3_basis {
	width: 89.5%;
	margin-left: 4.3%;
	}
	.header3_produkte {
	width: 90.2%;
	margin-left: 4.3%;
	}
	.header3_post {
	width: 91.7% !important;
	margin-left: 4.3%;
	}
	.logo {
	margin-top: 1em;
	}
	#slider1_container {  /* .g3of5   */
	top: 70px;
	}
	#slider3_container {  /* .g2of7   */
	}
	#social_container_right {
	margin-left: -3%;
	margin-top: -5px !important;
	}
}

/* LANDSCAPE LAPTOP/DESKTOP */
@media only screen and (min-width: 1280px) and (max-width: 1400px) {
	.page2, .page3, .page4, .page5 {
	width: 88% !important;
	max-width: 88% !important;
	}
	.page2 {
	margin-left: 10.25%;
	}
	.page4 {
	margin-left: 10.25% !important;
	}
	.page5 {
	margin-left: 10.25% !important;
	}
	.page6, .page7 {
	width: 86%;
	max-width: 86%;
	margin-left: 10.25% !important;
	}
	.g1of9 {
	width: 16%;
	}
	.g6of9 {
	width: 64%;
	}
	.bdiv_akten {
	height: 510px;
	}
	.bdiv_basis {
	height: 520px;
	}
	.bdiv_post {
	height: 500px;
	}
	.bdiv_post_long {
	height: 505px;
	}
	.bdiv_produkte {
	height: 754px;
	}
	.hd_akten {
	height: 160px;
	}
	.hd_basis { /* height of Privat boxes     */
	height: 250px;
	}
	.hd_post {
	height: 200px;
	}
	.hd_produkte {
	height: 100px !important;
	}
	.header2 {
	font-size: 3.5em;
	margin-bottom: -1em;
	margin-left: 45%;
	margin-top: 1em;
	width: 75%;
	}
	.header3 {
	width: 78.5%;
	}
	.header3_akten {
	width: 78.5%;
	margin-left: 10.75%;
	}
	.header3_basis {
	width: 82.4%;
	margin-left: 10.75%;
	}
	.header3_post {
	width: 78.5%;
	margin-left: 10.75%!important;
	}
	.header3_produkte {
	margin-left: 10.8%;
	width: 82.8%;
	}
	#slider1_container {
	top: 40px;
	}
	#social_container_right {
	margin-left: -1%;
	margin-top: -50px !important;
	}
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) { 
	.page2, page3, .page4, .page5 {
	width: 83.5%;
	max-width: 83.5%;
	}
	.page2 {
	margin-left: 10.5%;
	}
	.page4 {
	margin-left: 10.55% !important;
	}
	.page5 {
	margin-left: 10.55% !important;
	}
	.page7 {
	margin-left: 13.5% !important;
	}
	.page6 {
	width: 79%;
	max-width: 79% !important;
	margin-left: 13.5% !important;
	}
	.page7 {
	width: 79%;
	max-width: 79%;
	}
	.g1of9 {
	width: 16%;
	}
	.g6of9 {
	width: 64%;
	}
	.hd_akten {
	height: 180px;
	}
	.hd_basis { /* height of Privat boxes     */
	height: 250px;
	}
	.hd_post {
	height: 200px;
	}
	.hd_produkte {
	height: 200px;
	}
	.hd4 {
	height: 190px;
	}
	.hd4_address {
	height: 325px;
	}
	.header3 {
	width: 78%;
	}
	.header3 {
	width: 82%;
	}
	.header3_produkte	{
		
	}
	
}

/* PRINT */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  a[href]:after {content: " (" attr(href) ")"}
  abbr[title]:after {content: " (" attr(title) ")"}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";
	color: #ccc;
}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
  img {max-width: 100% !important; }
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
}