/* Formulare */
div.former {
	width: 100%;
	margin: 25px 0;
	}
hr.former {margin: 20px 0;}

label, label.beitrag {
	float: left;
	/*font: normal 13px Verdana, sans-serif;*/
	color: #3A3A3A;
	margin: 6px;
	text-align: right; 
 	padding-right: 1em;
 	width: 20%;
 	line-height: 1em;
	}

input.txt-field {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 3px;
	height: 28px;
	width: 250px;
	border:1px solid #BBB;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	/*font:12px, Arial,Sans-serif;*/
	}

select.txt-field {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 3px 3px 3px 3px;
	height: 28px;
	width: 256px;
	border: 1px solid #BBB;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	/*font:12px, Arial,Sans-serif;*/
	}

textarea.txt-desc {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 3px;
	height: 300px;
	width: 600px;
	border:1px solid #BBB;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	/*font-family: Arial, Sans-serif;
	font-size: 12px;*/
	}

div.beitrag {
	display: block; 
	margin: 0 0 0 300px;
	}

input#txt-submit {
	display: block;
	/* margin: 15px 0 15px 175px; */
	height: 28px;
	width: 100px;
	border:1px solid #BBB;
	background-color: #EFEFEF;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	/*font:12px, Arial,Sans-serif;*/
	}

input#save-submit {
	display: block;
	margin: 15px auto 15px auto;
	height: 35px;
	width: 130px;
	border:1px solid #BBB;
	background-color: #EFEFEF;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	/*font:12px, Arial,Sans-serif;*/
	font-size: 100%;
	}

input.rb {
	border: 0px !important;
	background-color: transparent !important;
	outline:none;
	}

input.stm, select.stm {
	display: inline;
	width: 120px;
	}

input.stml, select.stml {
	display: inline;
	width: 200px;
	}

input.sho {
	width: 60px;
	}

/* Table */
table.list, table.list_value {
	width: 100%;
	padding: 20px 0;
	/*font: normal 13px Verdana, sans-serif;*/
	color: #3A3A3A;
	}

table.list tr.tr-head, table.list_value tr.tr-head {
	background-color: #D9E6EE;
	font-weight: bold;
	color: #286496;
	}

table.list td, table.list_value td, table.list td.anmelden, table.list_value td.anmelden {
	padding: 5px;
	}

/* Diverse */
p.alert {
	color: #FF0000;
	}

p.success {
	color: #00CC00;
	}


/*--- Media Screnn Design ---*/

@media only screen and (min-width: 280px) and (max-width: 481px) {

h1 {
	word-wrap: break-word;
	overflow-wrap: break-word;
	}

label {
	display: block;
	float: none;
	text-align: left;
	}

label.beitrag {
	float: left;
	width: 5%;
	}

div.beitrag {
	margin: 0 0 0 40px;
	}

table.list, table.list_value {
	font-size: 15px;
	}

td.anmelden {
	display: none;
	}

img.pic {max-width: 97%;}

}