/*-----------------------------------------------------
 * Master Styles for Screen Media - Wupperverband
 * 
 * version: 1.0
 * author: 	timo kujawa
 * website: http://www.fabriquedimages.de/
 *-----------------------------------------------------*/

* {
	font-size: 100%;
}

body {
	font-family:Arial, sans-serif;
	color: #333;
	font-size: 75%;	/* Default einstellen, von dem alle folgenden %-Werte ausgehen => 100% = 12px */
	line-height: 20px;
	background: #fff;
}

body.contrasted {
	background:#444 !important;
}


/* =links
------------------------------------------------------------------------------*/
a:link, a:visited {
    color: #333;
    outline: none;
}

a:hover {
	text-decoration:underline;
}

a.reverse {
	text-decoration:underline;
}

a.reverse:hover {
	text-decoration:none;
}


/* =page structure
------------------------------------------------------------------------------*/


/* =header
------------------------------------------------------------------------------*/


/* =navigation
------------------------------------------------------------------------------*/


/* =subnavigation
------------------------------------------------------------------------------*/


/* =navbar
------------------------------------------------------------------------------*/


/* =main styles - Startseite
------------------------------------------------------------------------------*/


/* =main styles - Unterseiten
------------------------------------------------------------------------------*/


/* =sidebar styles 
------------------------------------------------------------------------------*/


/* =footer
------------------------------------------------------------------------------*/


/* =content elements
------------------------------------------------------------------------------*/
p {
	line-height:18px;
}

#error {
	border: 1px dashed #dd273d;
	padding:10px;
	display:none;
	color:#dd273d;
	font-weight:bold;
	margin:10px 0;
	*margin:10px 0 0 0;
}
.error {
	background:#dd273d;
}

#captcha_container {
	margin-top:10px;
}
#captcha {
    border: 1px solid #3094cf;
    margin-top:6px;
}
#captcha_input {
    float:left;
}
#captcha_image {
    width:100px;
    height:35px;
    overflow:hidden;
    float:left;
	margin-right:20px;
}

/*** Kontaktformular ***/
#kontaktForm a {
	color:#384c92;
	background:url(arrow_right_blue.png) no-repeat 6px 4px;
	padding:0 0 0 15px;
}

#kontaktForm label {
	float:left;
	width:120px;
}
#kontaktForm #submit {
	background:url(btnSubmit.png) no-repeat;
	border:none;
	height:3em;
	width:7.2em;
	cursor:pointer;
	padding:0;
	outline:none;
}

#kontaktForm #cancel {
	background:url(btnCancel.png) no-repeat;
	border:none;
	margin-right:20px;
	width:12.3em;
	height:3em;
	cursor:pointer;
	padding:0;
	outline:none;
}

#kontaktForm input[type="text"] {
	width:18.9em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}

#kontaktForm select {
	width:5em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:1.8em;
	padding:2px 2px 2px 0;
	font-family:Arial, Helvetica, sans-serif;
}

#kontaktForm textarea {
	width:28em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:9em;
	font-size:12px;
}

#kontaktForm .row {
	margin:15px 0;
}

#kontaktForm .plz {
	width: 5em !important;
	margin-right:3px;
}
#kontaktForm .ort {
	width: 13.2em !important;
}

.contrasted #kontaktForm label {
	color:#fff;
}
.contrasted #kontaktForm p {
	color:#fff;
}
.contrasted #kontaktForm font {
	color:#fff !important;
}
.contrasted #kontaktForm #cancel {
	background:url(btnCancel_white.png) no-repeat;
}
.contrasted #kontaktForm #submit {
	background:url(btnSubmit_white.png) no-repeat;
}


/*** Bestellformular ***/
#bestellList {
	/*margin:10px 0 15px 0;*/
	width:100%;
}
#bestellList thead tr th {
	background:#707eb1;
	border-bottom:1px solid #fff;
	text-align:left;
	color:#fff;
	padding:0 5px;
	line-height:22px;
}
#bestellList td {
	vertical-align:middle;
	padding:5px;
	border-bottom:1px solid #fff;
}
#bestellList .head3 {
	text-align:center;
}
#bestellList .even td {
	background:#eee;
}
#bestellList .odd td {
	background:#ddd;
}
#bestellList .col1 {
	width:50px;
}
#bestellList .col1 img {
	width:50px;
	overflow:hidden;
}
#bestellList .col2 {
	width:330px;
}
#bestellList .col3 {
	text-align:center;
}

#bestellForm a {
	color:#384c92;
	background:url(arrow_right_blue.png) no-repeat 6px 4px;
	padding:0 0 0 15px;
}

#bestellForm label {
	float:left;
	width:120px;
}

#bestellForm #submit {
	background:url(btnSubmit.png) no-repeat;
	border:none;
	height:3em;
	width:7.2em;
	cursor:pointer;
	padding:0;
	outline:none;
}

#bestellForm #cancel {
	background:url(btnCancel.png) no-repeat;
	border:none;
	margin-right:20px;
	width:12.3em;
	height:3em;
	cursor:pointer;
	padding:0;
	outline:none;
}

#bestellForm input[type="text"] {
	width:18.9em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}

#bestellForm select {
	width:5em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:1.8em;
	padding:2px 2px 2px 0;
	font-family:Arial, Helvetica, sans-serif;
}

#bestellForm textarea {
	width:18.9em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:7em;
	font-size:12px;
}

#bestellForm .plz {
	width:5em !important;
	margin-right:3px;
}
#bestellForm .ort {
	width:13.2em !important;
}

#bestellForm .row {
	margin:15px 0;
}


.contrasted #bestellList thead tr th {
	background:#222;
	border-bottom:1px solid #444;
	color:#fff;
}
.contrasted #bestellList td {
	border-bottom:1px solid #444;
	color:#444;
}
.contrasted #bestellList .even td {
	background:#fff;
}
.contrasted #bestellList .odd td {
	background:#fff;
}
.contrasted #bestellForm label {
	color:#fff;
}
.contrasted #bestellForm a {
	background:url(arrow_right_white.png) no-repeat 6px 4px;
	color:#fff;
}
.contrasted #bestellForm p {
	color:#fff;
}
.contrasted #bestellForm font {
	color:#fff !important;
}
.contrasted #bestellForm #cancel {
	background:url(btnCancel_white.png) no-repeat;
}
.contrasted #bestellForm #submit {
	background:url(btnSubmit_white.png) no-repeat;
}


/*** Feedbackformular ***/
#feedbackForm .row {
	margin:8px 0;
}
#feedbackForm {
	width:100%;
}
#feedbackForm a {
	color:#384c92;
	background:url(arrow_right_blue.png) no-repeat 6px 4px;
	padding:0 0 0 15px;
}
#feedbackForm label {
	float:left;
	width:120px;
}
#feedbackForm .optLabel {
	font-weight:bold;
	color:#384C92;
	margin-right:12px;
	width:auto;
}
#feedbackForm .fullLabel {
	float:left;
	width:100%;
}

#feedbackForm input[type="text"] {
	width:17em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}

#feedbackForm input[type="radio"] {
	margin:0 5px 0 0;
	vertical-align:text-top;
	float:left;
	height:20px;
	line-height:20px;
}

#feedbackForm textarea {
	width:99%;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:9em;
	font-size:12px;
}

#feedbackForm #submit {
	background:url(btnSubmit.png) no-repeat;
	border:none;
	height:3em;
	width:7.2em;
	cursor:pointer;
	padding:0;
	outline:none;
}

#feedbackForm #cancel {
	background:url(btnCancel.png) no-repeat;
	border:none;
	margin-right:20px;
	width:12.3em;
	height:3em;
	cursor:pointer;
	padding:0;
	outline:none;
}

.contrasted #feedbackForm label {
	color:#fff;
}
.contrasted #feedbackForm a {
	background:url(arrow_right_white.png) no-repeat 6px 4px;
	color:#fff;
}
.contrasted #feedbackForm p {
	color:#fff;
}
.contrasted #feedbackForm font {
	color:#fff !important;
}
.contrasted #feedbackForm #cancel {
	background:url(btnCancel_white.png) no-repeat;
}
.contrasted #feedbackForm #submit {
	background:url(btnSubmit_white.png) no-repeat;
}


/*** Tell-a-Friend Formular ***/
#tellAFriendForm .row {
	margin:8px 0;
}
#tellAFriendForm {
	width:100%;
}
#tellAFriendForm a {
	color:#384c92;
	background:url(arrow_right_blue.png) no-repeat 6px 4px;
	padding:0 0 0 15px;
}
#tellAFriendForm label {
	float:left;
	width:165px;
}
#tellAFriendForm .url {
	color:#384c92;
	float:left;
}
#tellAFriendForm .longer {
	width:33em;
}
#tellAFriendForm input[type="text"] {
	width:17em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}
#tellAFriendForm textarea {
	width:17em;
	border-style:solid;
	border-width:1px;
	border-color:#ABADB3 #E3E9EF #E3E9EF #E3E9EF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	float:left;
	height:9em;
	font-size:12px;
}

#tellAFriendForm #captcha_image {
	margin-right:65px;
}

#tellAFriendForm #submit {
	background:url(btnSubmit.png) no-repeat;
	border:none;
	height:3em;
	width:7.2em;
	cursor:pointer;
	padding:0;
	outline:none;
}

#tellAFriendForm #cancel {
	background:url(btnCancel.png) no-repeat;
	border:none;
	margin-right:20px;
	width:12.3em;
	height:3em;
	cursor:pointer;
	padding:0;
	outline:none;
}

.contrasted #tellAFriendForm label {
	color:#fff;
}
.contrasted #tellAFriendForm a {
	background:url(arrow_right_white.png) no-repeat 6px 4px;
	color:#fff;
}
.contrasted #tellAFriendForm p {
	color:#fff;
}
.contrasted #tellAFriendForm font {
	color:#fff !important;
}
.contrasted #tellAFriendForm #cancel {
	background:url(btnCancel_white.png) no-repeat;
}
.contrasted #tellAFriendForm #submit {
	background:url(btnSubmit_white.png) no-repeat;
}



/* =sidebar elements
------------------------------------------------------------------------------*/


/* misc
------------------------------------------------------------------------------*/
hr, .hide {
	display: none;
}

a img {
	border: none;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
}

h2 {
	color:#3094cf;
	font-size:116.67%;
	text-transform:uppercase;
}

h3 {
	color:#333333;
	margin:20px 0 10px 0;
}

h4 {
	color:#333333;
	background:#eee;
	padding:2px 8px;
	margin:25px 0 0 0;
}

.contrasted #simplemodal-overlay {
	background-color:#444 !important;
}
.contrasted h2 {
	color:#fff;
}
.contrasted h3 {
	color:#fff;
}
.contrasted h4 {
	color:#fff;
	background:#222;
}

.voila_rep_id {display:none; font-size:0px; position:absolute; top:-5000px; left:-5000px;}


/* self-clear floats
------------------------------------------------------------------------------*/
.ggroup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ggroup { 
	display:inline-block;
}
/* Hides from IE-mac */
* html .ggroup {
	height: 1%;
}
.ggroup {
	display: block;
}
.lgroup {
	overflow:hidden;
	_height:1%;
}