/* CSS-Datei portal.agrarfrost.de */

/**********************
****** Standard *******
***********************/
* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial;
	color: #005880;
}



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

.wrapper {
	width: 100%;
	border: none;
}

header {
	background-image: url('../img/header_bg.png');
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	height: 139px;
	left: 0;
	top: 0;
	z-index: 0;
}

nav {
	min-width: 310px;
	max-width: 649px;
	margin: 0 auto;
}

div.header_agf {
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 0 auto;
	height: 139px;
	width: 222px;
	z-index: 55555;
}

div.header_bg {
	margin: 0;
	padding: 0;
	background-color:white; 
	height:99px;
}

footer {
	background-color: #005880;
	width: 100%;
	margin-top: 20px;
	height: 43px;
	position: fixed;
	bottom: 0px;
	color: #ffffff;
	font-family: Arial;
}

img.footer_agf {
	display: none;
}

footer nav {
	padding-top: 4px;
	margin: auto auto;
}


footer nav p {
	min-width: 310px;
	max-width: 649px;
	text-align: center;
}

footer nav ul {
	margin: 0 auto;
}

footer nav ul li {
	font-weight: bold;
	list-style-type: none;
	float: left;
	margin-left: 25px;
}

footer nav ul li a {
	color: white;
}


.content_main {
	min-width: 310px;
	max-width: 649px;
	min-height: 400px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 50px;
	padding-left: 10px;
}

h2 {
	margin-bottom: 10px;
}


p.info {
	margin-top: 12px;
}

.importantinfo {
	text-decoration: underline;
}

.hdl {
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

.warn {
	font-weight: bold;
	color: red;
}

.nowarn {
	font-weight: bold;
	color: green;
}

.clr {
	clear: both;
	height: 3px;
	margin: 0;
	padding: 0;
}

.bigclr {
	clear: both;
	height: 10px;
	margin: 0;
	padding: 0;
}

img.printer {
	float: right;
}

/**********************
****** Letter *********
***********************/

div.letter {
	margin-top: 25px;
	margin-bottom: 45px;
}


div.letter p {
	margin-top: 8px;
	margin-bottom: 8px;
}


/**********************
******* Table *********
***********************/

div.tbl table {
	width: 100%;
	padding: 2px;
	margin-top: 6px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
}

div.tbl table th {
	border: 1px solid #CCCCCC;
	height: 18px;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
}

div.tbl table td {
	border: 1px solid #CCCCCC;
	height: 18px;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
}

tr.bgh th {
	background-color: #005880;
	color: #FFFFFF;
}

tr.bgh th a {
	background-color: #005880;
	color: #FFFFFF;
}

tr.bg1 td {
	background-color: #FFFFE0;
}

tr.bg2 td {
	background-color: #FFEEBB;
}

div.tbl label.error { 
	font-size: 1.1em;
	color: red; 
	font-weight: bold;
	margin-left: 4px;
}

div.tbl input#submit_btn {
	float: left;
	width: 150px;
	margin-right: 30px;
}

div.tbl input.kommentar {
	width: 99%;
	height: 20px;
}

div.tbl tr.kommentar_row {
	height: 55px;
}

div.tbl tr.kommentar_row td {
	font-weight: bold;
	font-size: 0.75em;
	border: 0;
}

/****************************
******* Form/Spedvollm.******
*****************************/
h2.spedvollm {
	width: 550px;
}

div.form_con {
	border: 1px solid #005880;
	padding: 6px;
	width: 550px;
}

div.form_con label {
	float: left;
}

div.form_con input {
	float: right;
	margin-right: 5px;
	width: 350px;
}

div.form_con input.dis {
	background-color: #F0F0F0;
}

div.form_con select.dis {
	background-color: #F0F0F0;
}


div.form_con span.radiocon {
	float: right;
	font-size: .8em;
	font-weight: bold;
}

div.form_con input.abw_lief {
	float: none;
	display: inline;
	width: auto;
}

div.form_con label.l_abw_lief {
	float: none;
	display: inline;
	width: auto;
	margin-right: 45px;
}

div.form_con p.place_loading {
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 5px;
	width: 350px;
	font-size: .8em;
	color: #000;
	font-family: Helvetica;
}



div.form_con input#submit_btn {
	display: block;
	float: none;
	margin: 0 auto;
	width: 150px;
}


div.form_con select {
	float: right;
	margin-right: 5px;
	width: 354px;
}

div.form_con label.error { 
	width: 355px;
	font-size: .8em;
	float: right;
	clear: both; 
	color: red; 
	display: block;
	font-weight: bold;
	vertical-align: top; 
	margin-right: 5px;
}

p.infowarn {
	width: 550px;
	color: red;
	font-weight: bold;
	font-size: 0.9em;
}


/**********************
*** media-queries *****
***********************/


@media screen and (min-width: 670px) {

	nav {
		min-width: 650px;
		max-width: 899px;
		margin: 0 auto;
	}

	div.header_agf {
		margin: 0;
	}

	img.footer_agf {
		margin-top: -6px;
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 20px;
	}

	footer nav {
		padding-top: 12px;
		margin: auto auto;
	}

	footer nav p {
		display: inline;
		text-align: left;
		float: left;
		width: 250px;
		margin-left: 10px;
	}

	footer nav ul li {
		margin-left: 25px;
	}

	.content_main {
		min-width: 650px;
		max-width: 899px;
	}

}

@media screen and (min-width: 900px) {

	nav {
		min-width: 900px;
		max-width: 900px;
		width: 900px;
	}
	
	img.footer_agf {
		margin-left: 60px;
		margin-right: 100px;
	}

	footer nav ul li {
		margin-left: 40px;
	}

	.content_main {
		max-width: 900px;
	}
}

@media print {   
	.content_main {
		padding: 0;
		margin: 0;
	}

    .noprint, .noprint *
    {
        display: none !important;
    }
}