/*
author: Daniel Friedrich
web: www.atrium-mediadesign.de
*/


/*TABLE OF CONTENTS

I. general

II. screen and projection
01 - global
02 - header
03 - main
04 - footer

III. screen and (max-width: 1000px)
01 - global
02 - header
03 - main
04 - footer

IV. screen and (max-width: 700px)
01 - global
02 - header
03 - main
04 - footer

V. print
01 - global
02 - header
03 - main
04 - footer
*/

/*
______________________________________

I. general
______________________________________
*/
*[irrelevant="true"]
{
	display: none;
}
*[irrelevant="false"]
{
	display: inherit;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6
{
	-webkit-text-size-adjust: none;
	color: rgb(95,95,95);
	font-family: Arial, Tahoma, sans-serif;
}
div#floatClear
{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	clear: both;
}
b
{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight: bold;
}
i
{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-style: italic;
}
.requiredField
{
	border: 2px solid rgb(0,165,79);
	background: rgb(240,240,240);
}



/*
______________________________________

II. screen and projection
______________________________________
*/

/* 01 - global*/
.unnecessaryScreen
{
	display: none;
}
body
{
	background-color: transparent;
}

/* 02 - header*/

/* 03 - main*/
form
{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
fieldset
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
p
{
	width: 100%;
	height: 100%;
	padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 12px;
	color: rgb(0,165,79);
}
img
{
	width: 110px;
	height: 35px;
	margin: 5px 0px 5px 0px;
	border: 1px solid rgb(0,165,79);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
}
input
{
	width: 100%;
	height: 35px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid rgb(95,95,95);
	background: rgb(255,255,255);
	color: rgb(95,95,95);
	transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	-webkit-transition: background 0.25s ease;
	-o-transition: background 0.25s ease;
}
input:focus
{
	background: rgb(240,240,240);
}
input#submit
{
	width: 100%;
	height: 34px;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid rgb(0,165,79);
	background: rgb(255,255,255);
	float: right;
	color: rgb(0,165,79);
	font-size: 18px;
	font-weight: bold;
}
input#submit:hover
{
	cursor: pointer;
}
input#submit:active
{
	background: rgb(0,165,79);
	color: rgb(255,255,255);
}
textarea
{
	width: 100%;
	max-height: 92px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid rgb(95,95,95);
	background: rgb(255,255,255);
	color: rgb(95,95,95);
	float: right;
	resize: none;
	transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	-webkit-transition: background 0.25s ease;
	-o-transition: background 0.25s ease;
}
textarea:focus
{
	background: rgb(240,240,240);
}
::-webkit-input-placeholder
{
	color: rgb(200,200,200);
}
::-moz-placeholder
{
	color: rgb(200,200,200);
}
:-ms-input-placeholder
{
	color: rgb(200,200,200);
}
:-moz-placeholder
{
	color: rgb(200,200,200);
}

/* 04 - footer*/
}



/*
______________________________________

III. screen and (max-width: 1000px)
______________________________________
*/
@media only screen and (max-width: 1000px)
{
/* 01 - global*/
/*.unnecessary1000
{
	display: none;
}
body
{
	width: 640px;
}*/
/* 02 - header*/

/* 03 - main*/

/* 04 - footer*/
}



/*
______________________________________

IV. screen and (max-width: 700px)
______________________________________
*/
@media only screen and (max-width: 700px)
{
/* 01 - global*/
/*.unnecessary700
{
	display: none;
}
body
{
	width: 320px;
}*/
/* 02 - header*/

/* 03 - main*/

/* 04 - footer*/
}



/*
______________________________________

V. print
______________________________________
*/
@media only print
{
/* 01 - global*/

/* 02 - header*/

/* 03 - main*/

/* 04 - footer*/
}