/*
www.artscreen.de

89071F rot
DBAF41 gelb
2D5621 gruen dunkel
*/

/*################
#   Generelles   #
################*/

/* zum testen Anzeige der Boxen padding: .5em; 
  div {border: 1px dotted #00f; margin: 1em; }	 */

html		{ font-size: 75% }

html>body	{ font-size: 12px }

body { background: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: center;
	word-spacing:0.2em;
	padding: 0;
	margin: 0 auto;
}

/*body, table {  Why do tables use larger font otherwise?  
	font-size: 12px;}*/

/* default alignment of table cells */
td {vertical-align: top; text-align: left;}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {float: left;margin: 0 0.5em 0.5em 0;}
.rechts {float: right;margin: 0 0 0.5em 0.5em;}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Floats aufzulösen. oder clear:both;
--------------------------------------------------------------------------------------- */

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */
img, a img {border: 0; margin: 0}


h1 {font-size: 1.2em; font-weight: bold; color: #2D5621; padding: 0 0 6px 0; margin: 0; width:400px;}
p {padding: 0.5em 0; margin: 0;}


/* LINKS *************/

a, li a, li b a			{color: #fff; text-decoration:underline }
a:hover, .more a:hover, .pager a:hover, li a:hover, li b a:hover, li b li a:hover, li li a:hover {color: #fff; text-decoration:none }
a:visited, li a:visited	{color: #fff; text-decoration:underline }

a[href ^="mailto:"]	{ padding: 5px 20px 5px 0; background: transparent url(../_images/icons/icon_mailto.gif) no-repeat center right}
a[href$='.doc'], 
a[href$='.rtf']		{ padding: 5px 20px 5px 0; background: transparent url(../_images/icons/icon_doc.gif) no-repeat center right}
a[href$='.pdf']		{ padding: 5px 20px 5px 0; background: transparent url(../_images/icons/icon_pdf.gif) no-repeat center right}
a[href$='.txt']		{ padding: 5px 20px 5px 0; background: transparent url(../_images/icons/icon_txt.gif) no-repeat center right}
a[href$='.xls']		{ padding: 5px 20px 5px 0; background: transparent url(../_images/icons/icon_xls.gif) no-repeat center right}



/* LISTEN *************/

ul, ol {margin-bottom: 0; margin-left:40px}
ul {list-style-image:url(../_images/list_punkt.gif);}
li {margin-bottom: 0.5em;}


/*################
# Box Aufteilung #
################*/

#wrapper {
	margin: 50px auto;
	text-align: left;
	width: 320px;
	color:#FFF;
	}

#bg {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:-1;
	}


.smilie_white {
	height:5px;
	margin-bottom:1px;
	width:6px;
	}


/* FORM ##########################*/
input,
input:hover, 
input:active,
textarea,
textarea:hover, 
textarea:active {
    border: none;
	padding: 5px;
	margin: 3px 0 0 0;
}


button[type="submit"], button[type="reset"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	color:#FFF;
	padding:7px 15px;
	border:0;
/*	border-radius:5px;*/
	background:#349EDB;
}
button[type="submit"]:hover, button[type="reset"]:hover {
	background:#FFF;
	color:#349EDB;
}



.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	background-color:#FFF;
/*	border: 1px solid #00CC00;*/
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	color:#FFF;
	background-color: #ccc;
/*	border: 1px solid #CC0000;*/
}

/* KOPF ##########################*/


/* MITTE #########################*/


/* FUSS ##########################*/