/* @group Reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; text-align: left; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
dfn { display: none; }


html {
	/*font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 100;
}

body {
	text-rendering:optimizeLegibility;
	line-height:1;
}

/* @end */

/* @group Page Elements */

div.content {
	width: 42%;
	margin-left: 9em;
	margin-right: 1em;
	margin-top: 2em;
	color: #808080;
	position: relative;
	z-index: 90;
	padding: 1em;
	border-top-right-radius: 1em;
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 1em;

	background-color: rgba(255,255,255,0.50);
	/* For IE – resetting background color hack */
	background: transparent\5;
	/* For IE 5.5 – 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
	/* For IE 8*/
	-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF)”;
}

div.splashcontent {
	width: 60%;
	margin-left: 2em;
	margin-right: 1em;
	margin-top: 2em;
	color: #808080;
	position: relative;
	z-index: 90;
	padding: 1em;
	border-top-right-radius: 1em;
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 1em;

	background-color: rgba(255,255,255,0.50);
	/* For IE – resetting background color hack */
	background: transparent\5;
	/* For IE 5.5 – 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
	/* For IE 8*/
	-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF)”;
}


div.content2columns {
	padding:0px;
	margin-top: 3em;
	margin-left: 9em;
	position: relative;
	z-index: 100;
	padding: 0.5em;
}

div.contentblog {
	width: 70%;
	margin-left: 6em;
	margin-right: 1em;
	margin-top: 2em;
	color: #808080;
	position: relative;
	z-index: 90;
	padding: 1em;
	border-top-right-radius: 1em;
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 1em;
}

div#contentLeft, div#contentRight {
	border-top-right-radius: 1em;
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 1em;
	background-color: rgba(255,255,255,0.50);
	/* For IE – resetting background color hack */
	background: transparent\5;
	/* For IE 5.5 – 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
	/* For IE 8*/
	-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF)”;
}

div#contentLeft {
	float:left;
	width: 45%;
	height:95%;
	overflow: hidden;
}

div#contentRight {
	width: 45%;
	overflow: hidden;
	margin-top: 32em;
	padding-left: 2%;
}

div#contentRightNews {
	width: 45%;
	overflow: hidden;
	padding-left: 8%;
}

div.newsEntry h4 + a.newsdownload {
	position: relative;
	margin-top: -1.2em;
}

div.newsEntry a.newsdownload {
	position: relative;
	float: right;
	clear: both;
	font-weight: bold;
}

div#signupFormDiv {
	position: relative;
	z-index: 95;
	left: 2.8em;
	width: 60%;
	border-top-right-radius: 1em;
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 1em;

	background-color: rgba(255,255,255,0.50);
	/* For IE – resetting background color hack */
	background: transparent\5;
	/* For IE 5.5 – 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
	/* For IE 8*/
	-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF)”;
	margin-left: 6em;
}

/* @end */


/* @group Image Elements */

img#pillJoggerLogoBeforeMenu {
	margin-left: 5em;
	margin-top: 2em;
	margin-bottom: 1em;
	z-index: 100;
	position: relative;
}

img#coreProductLogoWelcome, #copyright {
	position: absolute;
	bottom: 10%;
	left: 9em;
}

img#backgroundTitel {
	position: absolute;
	z-index: 50;
	top: 33%;
	width: 64%;
}

img#backgroundTitelContact {
	position: absolute;
	z-index: 5;
	top: 33%;
	width: 84%;
	left: 0;
}

img.newsLogo {
	width: 85%;
	max-width: 435px;
	min-width: 200px;
	border-style: solid;
	border-color: #e79f2b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}

/* @end */


/* @group Headings */

h1, h2, h3, h4, h5, h6 {}

h1 {
	color: #e79f2b;
	font-size: 18pt;
	margin-bottom: 1em;
	word-spacing: -2px;
	font-weight: bold;
}

h2 {}

h3 {}

h3.green {
	color: #5c9340;
	font-weight: bold;
	margin-bottom: 5px;
}

h4, #signup div {
	font-size: 10pt;
	line-height: 15pt;
	color: #7e7e7e;
}

#signupForm div {
	font-size: 10pt;
	line-height: 23pt;
	color: #7e7e7e;
	font-weight: bold;
	/*width: 75%;*/
	position: relative;
}

h5 {}

h6 {}

p.tiny {
	font-size: 7pt;
	padding-left: 5.25em;
}

/* @end */


/* @group Links */

a:link, a:visited, a:hover, a:active {
}

a:link, a:visited {
	color:  #e79f2b;
}

a:hover, a:active {
	color: #4e8b52;
}

a.newsdownload,
a.newsdownload:visited,
a.newsdownload:hover,
a.newsdownload:active {
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: thin solid #e79f2b;
	padding: 0.6em;
}


a.newsdownload, a.newsdownload:visited {
	color: white;
	font-size: 10pt;
	background-color: gray;
}
a.newsdownload:hover, a.newsdownload:active {
	color: #e79f2b;
	font-size: 10pt;
	background-color: white;
}

/* @end */


/* @group MENU */

div.MainMenu {}

.menu {
	width: 75%;
	text-align: left;
	font-weight: 100;
	position: relative;
	z-index: 100;
	background: url(../styles/media/menu_BGgradient.jpg) repeat-y;
	background-size: 100%;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 0em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 0em;
	-moz-box-shadow: 1px 1px 1px #ffc67f;
	-webkit-box-shadow: 1px 1px 1px #ffc67f;
	box-shadow: 1px 1px 1px #ffc67f;
	padding-top: 0.5em;
	padding-left: 3em;
	padding-bottom: 0.5em;
	margin-bottom: 4em;
	float: left;
	clear: both;
}
 
.menu li {
	position:relative;
	display:inline;
	cursor:pointer;
	word-spacing: normal;
	float: left;
}
 
.menu li a {
	color: #5c9340;
	width:100%;
	height:100%;
	padding-left: 1.5em;
}

.menu li a:hover {
	color: #e79f2b;
}

.menu li ul {
	position:absolute;
	color: #3f7343;
	display: none;
	z-index: 105;
	text-align: left;
	margin-top: -0.25em;
	margin-right: 0;
	margin-bottom: 0;
	left: -0.75em;
}
 
.menu li ul li {
	position:relative;
	left:0px;
	display: list-item;
	cursor: pointer;
	width: 9em;
	padding-top: 0;
	padding-bottom: 5px;
	margin-top: 4px;
}
 
.menu li ul li a {
	display:block;
	margin-left:3px;
	margin-right:3px;
}
 
.menu li:hover > ul {
	display:block;
}

ul.menu li a.current_menu_entry {
  	color: #FF9917;
}

/* @end */


/* @group Pills Images */

/* Welcome and others */
div#WelcomeIMG {
	width: 100%;
	position: fixed;
	bottom: 0;
	right: 0;
	float: right;
	clear: none;
}

img#pillsWelcome {
	width: 50%;
	max-width: 600px;
	position: absolute;
	bottom: 2em;
}
img#mobileWelcome {
	width: 50%;
	max-width: 750px;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* About */
img#pillsAbout {
	width: 45%;
	max-width: 462px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 1em;
}

/* Team */
img#pillsTeam {
	width: 42%;
	max-width: 462px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 1em;
}

/* App  */
div#AppIMGtop {
	width: 100%;
	position: fixed;
	top: 9em;
	right: 0;
	float: left;
	clear: both;
	z-index: 1;
}

img#symbolsApp {
	width: 70%;
	max-width: 729px;
	position: absolute;
	bottom: 6em;
	z-index: 1;
	margin-left: 2em;
}

img#leftPillApp {
	width: 36%;
	max-width: 137px;
	float: left;
	clear: both;
}
img#greenSymbolsApp {
	width: 40%;
	max-width: 563px;
	float: right;
	clear: both;
	margin-top: 5em;
}

/* App Screens */
div#AppScreensIMG {
	width: 100%;
	position: fixed;
	top: 15em;
	bottom: 0;
	right: 0;
}
img#appScreen {
	width: 15%;
	max-width: 200px;
	float: left;
	margin-left: 1%;
	clear: none;
}

img#appScreen1 {
	width: 44%;
	max-width: 366px;
	float: left;
	margin-left: 2%;
	clear: none;
}
img#appScreen4 {
	width: 20%;
	max-width: 245px;
	float: left;
	margin-left: 1%;
	clear: none;
}

/* News */
img#pillsNews {
	width: 40%;
	max-width: 371px;
	float: right;
	clear: both;
	bottom: 0;
	right: 2em;
	position: absolute;
	z-index: 0;
}

/* Jobs */
img#pillsJobs {
	width: 42%;
	max-width: 564px;
	float: right;
	clear: both;
	bottom: 10em;
	right: 1em;
	position: absolute;
}


/* SignUp */
img#pillsSignup {
	width: 40%;
	max-width: 353px;
	position: absolute;
	bottom: 0;
	right: 2em;
}

/* Contact */
img#pillsContact {
	width: 100%;
	max-width: 850px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom: 20em;
	padding-right: 0%;
	z-index: 6;
}


/* @end */


/* @group FORM @ SignUp */

form#signup {
	position: relative;
	z-index: 90;
	display: block;
}

form#signupForm input[type=checkbox] {
	margin-right: 0.5em;
}

form#signupForm label {
	display: block;
	margin-top: 1em;
	margin-left: 1.25em;
}

form#signupForm input[type=text] {
	/*background: url(../styles/media/textarea_BG.png) repeat-x;*/
	width: 80%;
	max-width: 14cm;
}

input[type="text"],input[type="submit"],textarea {
	font:10pt/1 "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 3px;
	border: 1px inset #e79f2b;
	position: relative;
	margin: 0 0 0 1.5em;
}

/*input,textarea {
	font:10pt/1 "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 3px;
	border: 2px inset #e79f2b;
}*/

input {
	background-color: white;
}

textarea {}


/* @end */



/* @group Elements */

hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #5c9340;
	border-bottom: transparent;
}

hr.menuLine {
	border: 0px; /* Für Firefox und Opera */
	border-top: 1px solid orange;
	border-bottom: transparent;
	width: 100%;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}


/* @end */

/* @group List's */

div#listingAbout ul.aboutPage li {
	width: 45%;
	margin-left: 5em;
	margin-right: 1em;
	position: relative;
	list-style-image: url(../styles/media/bullet_arrow.png);
	list-style-position: outside;
	left: 7em;
	font-style: italic;
	z-index: 95;
	padding-top: 0.5em;
}

#listingAbout ul.aboutPage li h4 {
	color: #5c9340;
	font-weight: bold;
	font-size: 10pt;
	line-height: 12pt;
}

ul.teamPage li {
	margin-left: 2em;
	list-style-image: url(../styles/media/bullet_arrow.png);
	list-style-position: outside;
}

/* @end */