/**
* @version $Id: template.css
* @author B49
* @package Joomla
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/

@font-face { 
font-family: "Roboto+Condensed"; 
src: url("/v1/templates/b49/fonts/RobotoCondensed-Regular.ttf"); 
} 

body,html {
	height:100%;}

body {
	color: #000;
	margin: 0px;
	padding: 0;
	background-color: #999999;
}

h1 {display:none;}

.bannertitel{
	font-family: 'Roboto+Condensed', sans-serif;
	font-size:52px;
	font-weight:bold;
	color: #0A419B;
	}

.bannertitel a{
	color: #0A419B;
	text-decoration: none;
	}
	
#inhalt .titel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	color: #0A419B;
}

#inhalt .titel2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #0A419B;
	padding-top: 20px;
	line-height: 30px;
	}
	
#inhalt .titel3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A419B;
	padding-top: 20px;
	line-height: 20px;
	padding-bottom: 10px;
	}
	
#inhalt .titel4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0A419B;
	padding-top: 10px;
	}
	
#inhalt a {
	color: inherit;
}

#inhalt .lauftext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#inhalt .zelleuntenrand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-top:5px;
	padding-bottom:5px;	
	}
	
#inhalt .spalterechtsbündig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	padding-right:10px;
	width:30%;
	}

#inhalt .ohnerandlinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#inhalt .ohnerandrechts{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	border-bottom-color: #CCC;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.weisserhg{
	background-color:#FFF;
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:1280px;
	z-index:0;
	padding-bottom:30px;
	}
	
.linkespalte{
	padding-top:145px;
	width:300px;
	position:relative;
	float:left;
	padding-left:30px;
	}

.rechtespalte{
	width:950px;
	background-color:#fff;
	margin-left:330px;
	position:relative;
	}

.logobereich{
	background-color:#FFF;
	z-index:10;}
	
.inhaltsbereich{
	background-color:#D8E8F1;
	margin-left:0px;
	margin-top:-100px;
	margin-right: 55px;
	padding-top: 65px;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right:30px;}
	
.inhaltsbereich p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-top:10px;
	line-height:20px;
	padding-right:20px;
	}
		
.inhaltsbereich ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-top:0px;
	padding-right:20px;
	padding-left:14px;
	line-height:20px;
	}
	
.inhaltsbereich li{
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: circle;
}

/* galerie klassen ---------------------------------------------------------------- */

.album-in-lightbox-open h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	color: #0A419B;
	}
	
.ba-caption-content h3, .ba-caption-content p {
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* sprachfilter  -------------------------------------------------------------------- */

#inhalt .lang-inline {
	padding-left: 470px;}
	
#inhalt .lang-inline a:hover {
	text-decoration: underline;
}


/* menü klassen -------------------------------------------------------------------- */

.mainmenu{
	font-family: 'Roboto+Condensed', sans-serif;
	font-size: 28px;
	color: #0A419B;
	text-align: right;
	line-height:28px;
	padding-top:20px;
}

ul.menu li {
	padding-right:130px;
	font-weight: 800;
}
	
ul.menu li a {
	color: #0A419B;
	display: block;
	text-decoration: none;
}

.parent a{
	text-decoration:none;}

ul.menu li a:hover {
	text-decoration: underline;
	color:#C70000;
	}
ul.menu li.current a {
	text-decoration: none;
	color:#B3D1E4;
}


/* --- SUBLEVEL --- */
ul.menu ul {
	margin-top: -25px;}

ul.menu ul,
ul.menu ul li {
	font-size: 18px;
	color: #0A419B;
	padding-left: 90px;
	font-weight: lighter;
}

ul.menu ul li a:link ,
ul.menu ul li a:visited {
	font-size: 18px;
	display: block;
	text-decoration: none;
	background-color:#FFF;
	color:#0A419B;
}
ul.menu ul li a:hover {
	text-decoration: underline;
	color:#C70000;
}

ul.menu ul li.active a {
	text-decoration: none;
	color:#B3D1E4;
}

/* --- SUBLEVEL 2 --- */

ul.menu ul ul {
	margin-left: -180px;
	margin-top: 0px;
	margin-right: -210px;
	padding-left: -70px;
	text-align: left;
	
}

ul.menu ul ul,
ul.menu ul ul li {
	font-size: 12px;
	color: #0A419B;
	font-weight: lighter;
}

ul.menu ul ul li a:link ,
ul.menu ul ul li a:visited {
	font-size: 12px;
	display: block;
	text-decoration: none;
	background-color:#FFF;
	color:#0A419B;
}
ul.menu ul ul li a:hover {
	text-decoration: underline;
	color:#C70000;
}

ul.menu ul ul li.active a {
	text-decoration: none;
	color:#B3D1E4;
}

.bginhalt {
	background-image: url(/v3/images/bg_dc.png);
	background-repeat: repeat;}

.inhalt {	
	background-image: url(/v3/images/bg_dc.png);
	background-repeat: repeat;
	padding-left:25px;
	padding-right:25px;
}

.inhalt p{
	font-family: TradeGothic, Helvetica;
	font-size: 11pt;
	color: #002E60;
	line-height: 14pt;
	max-width: 805px;
	text-align: justify;
}

.lightboxtitle {
	font-family: TradeGothic, Helvetica;
	font-size: 16pt;
	color: #002E60;
}

.lightboxsubtitle {
	font-family: TradeGothic, Helvetica;
	font-size: 14pt;
	color: #002E60;
}

.lightboxemail a{
	font-family: TradeGothic, Helvetica;
	font-size: 14pt;
	color: #002E60;
	text-decoration: none;
}

/* formular  -------------------------------------------------------------------- */
#inhalt input[type="text"],
#inhalt input[type="date"],
#inhalt input[type="datetime"],
#inhalt input[type="email"],
#inhalt input[type="number"],
#inhalt input[type="search"],
#inhalt input[type="time"],
#inhalt input[type="url"],
#inhalt textarea,
#inhalt select 
{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
	border: 1px solid #ccc;
	height:20px;
	color: #002E60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
		padding: 2px;
}

/* Input element having an invalid value */
#inhalt select.error,
#inhalt input.error {
	border-color: #b94a48;
	background-image: url(/v1/images/nok.png);
	background-position: right 0px;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	background-color: #FCC;
}

/* Input element having a valid value */
#inhalt select.valid,
#inhalt input.valid {
	border-color: #468847;
	background-image: url(/v1/images/ok.png);
	background-position: right 0px;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	background-color: #FFF;
}

#inhalt .gross {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

#inhalt .grosshoch {
	width: 400px;
	height:100px;}
	
#inhalt input[type="text"]:focus,
#inhalt input[type="date"]:focus,
#inhalt input[type="datetime"]:focus,
#inhalt input[type="email"]:focus,
#inhalt input[type="number"]:focus,
#inhalt input[type="search"]:focus,
#inhalt input[type="time"]:focus,
#inhalt input[type="url"]:focus,
#inhalt textarea:focus,
#inhalt select:focus
{
	box-shadow: 0 0 5px #002E60;
	padding: 2px;
	border: 1px solid #002E60;
}


#inhalt input[type=submit],
#inhalt input[type=button]{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: none;
	padding: 8px 15px 8px 15px;
	background: #002E60;
	color: #fff;
	height:30px;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#inhalt input[type=submit]:hover,
#inhalt input[type=button]:hover{
	background: #EA7B00;
	color: #fff;
}

.inhalt a {
color: inherit;}

a img:hover{
filter: opacity(50%); /* Standard */
-webkit-filter: opacity(50%);; /* Webkit */
filter: opacity(50%);  /* IE6-9 */
-webkit-filter: opacity(50%); /* Old WebKit */
}

.inhalt .bild_mittel {
padding-bottom: 50px;
padding-right: 50px;
float: left; 
}

.inhalt .bild_klein {
padding-bottom: 50px;
padding-right: 50px;
float: left; 
}

.inhalt .bild_gross {
padding-bottom: 50px;
padding-right: 50px;
float: left;
}

.gross-image-wrapper{
max-width:732px;
height:auto;
position: relative;
display:block;
padding-bottom: 50px;
padding-right: 50px;
float: left;
}
.gross-image-wrapper img{
width:100% !important;
height:auto !important;
display:block;
}

.mittel-image-wrapper{
max-width:341px;
height:auto;
position: relative;
display:block;
padding-bottom: 50px;
padding-right: 50px;
float: left;
}
.mittel-image-wrapper img{
width:100% !important;
height:auto !important;
display:block;
}

.klein-image-wrapper{
max-width:213px;
height:auto;
position: relative;
display:block;
padding-bottom: 50px;
padding-right: 50px;
float: left;
}
.klein-image-wrapper img{
width:100% !important;
height:auto !important;
display:block;
}

/* Tooltip text for images*/
.gross-image-wrapper .text_gross {
font-family: TradeGothic, Helvetica;
font-size: 12pt;
visibility: hidden;
background-color: white;
color: #000;
text-align: center;


position: absolute;
z-index: 1;
padding: 10px;

width: 90%;
bottom: 50px;
left: 50%; 
margin-left: -50%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.gross-image-wrapper:hover .text_gross {
visibility: visible;
opacity:0.9;
}

/* Tooltip text for images*/
.klein-image-wrapper .text_klein {
font-family: TradeGothic, Helvetica;
font-size: 12pt;
visibility: hidden;
background-color: white;
color: #000;
text-align: center;


position: absolute;
z-index: 1;
padding: 10px;

width: 74%;
bottom: 50px;
left: 50%; 
margin-left: -50%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.klein-image-wrapper:hover .text_klein {
visibility: visible;
opacity:0.9;
}

/* Tooltip text for images*/
.mittel-image-wrapper .text_mittel {
font-family: TradeGothic, Helvetica;
font-size: 12pt;
visibility: hidden;
background-color: white;
color: #000;
text-align: center;


position: absolute;
z-index: 1;
padding: 10px;

width: 320px;
bottom: 50px;
left: 50%; 
margin-left: -50%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.mittel-image-wrapper:hover .text_mittel {
visibility: visible;
opacity:0.9;
}

.tooltip .tooltiptext3 {
visibility: visible;
background-color:#fff;
font-family:'TradeGothic', Helvetica, sans-serif; font-size:14px;

width: 400px;
height:0px;
color: #000;
text-align: left;
padding: 0;
position: relative;
z-index: 1;
left: 50%;
margin-left: -200px;
margin-top: 0px;


/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
opacity: 1;
transition: opacity 1s;
overflow:hidden;
}

.tooltip .tooltiptext2 {
font-family:'TradeGothic', Helvetica, sans-serif; font-size:14px;
}

.tooltip:hover .tooltiptext2 {
visibility: hidden;
}

.tooltip:hover .tooltiptext3 {
visibility: visible;
opacity: 0.8;
margin-top: -165px;
margin-left: -200px;
height:160px;
-webkit-transition:all 1.0s ease-in-out;
-moz-transition:all 1.0s ease-in-out;
-o-transition:all 1.0s ease-in-out;
transition:all 1.0s ease-in-out;
}



.clr{clear:both;overflow:hidden;font-size:0;line-height:0;}
ul{list-style:none;margin:0;padding:0}
a,img{outline:none;margin:0;padding:0;border:none;}
form { padding:0;margin:0; }
header, nav, menu, section, aside, article, footer { display:block; }



iframe {border:none;}
dl dd {
padding:0 0 0 10px;
margin:0;
}

fieldset { border:none;margin:0;padding:0;}
input, textarea, button {
background: none repeat scroll 0 0 #BBC6CC;
border: 1px solid #95A8B3;
color: #0B1B24;
font-size: 11px;
height: 16px;
line-height: 15px;
padding: 2px 10px;}
button {
background: url("../images/but.gif") repeat-x scroll left top transparent;
border: medium none;
color: #96C4E1;
height: 20px;
line-height: 13px;
padding: 3px 4px 4px;}

p { margin:0 0 10px; }

.module p {width: 190px;}

.page_bg { background-image:url("../images/wallpaper.gif") no-repeat left top ;}


.page { min-height: 100%; }

.wrapper {   margin: 0 auto; }

.main { width:960px;margin:0 auto; }
.top { margin:0 auto;width:960px;height:38px}
.top .menu { height:26px;padding:6px 0;}
.top .menu li { float:left;height:26px;margin:0 10px 0 0;font-size:12px;}
.top .menu a { float:left;background: transparent url(../images/top_menu_r_bg.png) no-repeat top right;text-decoration:none;}
.top .menu a span { float:left;height:26px;padding:0 10px;color:#fff;line-height:25px;background: transparent url(../images/top_menu_l_bg.png) no-repeat top left;cursor:pointer;}


#img {
background: url("../images/headerimg.jpg") no-repeat scroll right bottom transparent;
bottom: 0;
height: 294px;
position: absolute;
right: 0;
width: 358px;
}

header {

height: 252px;
margin: 0 auto;
position: relative;
width: 960px;
}

#headerwrapper {height: 220px; margin: 0 auto;}


header h1 a, header h1 a:link, header h1 a:visited, header h1 a:hover {color: #FF0000;
color: #FFFFFF;
font-family: Tahoma,Arial,Verdana,sans-serif;
line-height: 36px;
margin: 0;
padding: 0;
text-align: left;
font-size: 30px;
font-weight: 700;
text-decoration: none;
}

header table {
height: 36px;
left: 22px;
overflow: hidden;
position: absolute;
top: 60px;
width: 500px;
}

header table, header table th, header table td {border: none !important;}
header table { width: 100%; }
header table td { height: 80px;vertical-align: middle; }

header #search { position: absolute; top: 13px; left:20px; height: 20px; width: 172px;}

#search .search {
background: url("../images/search_bg.jpg") repeat scroll right top transparent;

}

#search .search .inputbox {
border: medium none;
color: #000;
float: left;
font-size: 11px;
height: 25px;
line-height: 14px;
padding: 2px 4px;
width: 138px;
}

#search .search .button {
background: url("../images/search_but.gif") no-repeat scroll left top transparent;
float: left;
height: 25px;
margin: 2;
padding: 0;
text-indent: -9999px;
width: 26px;
border: medium none;
}


#content {
background: url("../images/content_m.gif") repeat-y scroll center top transparent;
margin: 0 auto;
position: relative;
width: 960px;

z-index: 100;
}

#breadcrumbs { position:absolute;bottom:30px;left:0;}

.separator { font-size:12px;padding:20px 0 0;display:block;color:#505050;font-size:12px;font-weight:700; }




/* --------------------------------------------------------- LOGIN */

#login-form {
margin:0;
padding:0;
}

fieldset.userdata {
border:none;
margin:0 10px;
padding:0;
height:150px;
position:relative;
width: 160px;
}

#login-form ul { margin:20px 20px 0; }

fieldset.userdata label {display:block;line-height:16px; }
#form-login-remember label { display:inline; }

fieldset.userdata input { 	padding-right:35px;
color:#000;
height:21px;
border:1px solid #666;
padding-left:15px;
}
fieldset.userdata input.button { position:absolute;bottom:0;left:0;width:80px;}


fieldset.userdata input.button {
margin-left:5px;
padding-left:15px;
border:none;
color:#000;
height:21px;
cursor:pointer;
background-color: #999;
}

#form-login-username,
#form-login-password,
#form-login-remember { margin:0 0 10px;overflow:hidden; }

#modlgn-remember { float:none;margin:0 0 0 10px;border:none;background:none;width:auto; }


.module .search {
background-color: #CCC;	
border: 1px dotted #000;
height: 30px;
}

.search label { display:none; }
#mod-search-searchword {
border:1px solid #CCC;
background:none;
color:#000;
width:160px;
font-size: 12px;
}
.module .search .button { position:absolute;right:0;top:0;text-indent:-9999px;width:20px;height:20px;}

/* maincol */
.maincol h2,
.maincol h2 a {
color:#000;
font-size: 14px;
line-height:normal;
margin:0 0 10px;
}


.items-leading,
.category-desc
{
margin:0 0 20px;
}

/* items row */
.items-row .item {
margin:0 0 30px 0;text-align:justify; background:#fff;padding:10px;
border:1px solid #e7e7e7;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.items-row .item h2,
.items-row .item h2 a { font-size:18px;}
.item .readmore { text-align:right;margin:0;}
.item .readmore a { color:#2E7AA2;font-weight:700; }


.actions { overflow:hidden;margin:0 0 10px;}
.actions li { float:left; }
.actions li img { float:left;margin:0 6px 0 0; }


.category-desc img { margin:0 10px 4px }
.category-desc a, .category-desc a:link, .category-desc a:visited { color:#2E7AA2;text-decoration:underline;}
.image-left { float:left;margin:0 10px 4px 0; }
.image-right { float:left;margin:0 0 4px 10px; }


.item-title { font-size:12px; }
.main .categories-list ul li {
padding: 5px;
}

.category-desc {
line-height: 1.7em;
margin: 10px 0;
padding-left: 0;
}

.category-desc p { line-height:normal; }
.pagination { overflow:hidden;padding:10px 0; }
.pagination .counter { margin:0; }

.pagination ul { overflow:hidden;}
.pagination ul li {
float:left;
margin:0 6px 0 0;
}

.pagination .pagenav {
display:block;
background:#fff;
margin:0 4px 0 0;padding:2px 6px;
border:1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:10px 0;
}


.pagenav .pagenav-prev { visibility:hidden; }
.pagenav .pagenav-next { visibility:hidden; }
.pagenav-prev, .pagenav-next {
background:#fff;
margin:0 4px 0 0;padding:2px 6px;
border:1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:10px 0;
}

/* end maincol */

/* tables */

table { border-collapse:collapse }

/*  table, table th, table td { border:solid 1px #d5d5d5 !important }  */

table, table th, table td { !important }


table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
background:#dedede;
color:#777
}


table.weblinks,
table.category
{ margin:10px 10px 20px 0px;width:99%; }

table.weblinks td
{ border-collapse:collapse; }

table.weblinks td,
table.category td
{ padding:7px; }

table.weblinks th,
table.category th
{ padding:7px;text-align:left }

td.num
{ vertical-align:top;text-align:left; }

td.hits
{ vertical-align:top;text-align:center }

td p
{ margin:0;line-height:1.3em }

.filter
{ margin:10px 0 }

.display-limit,
.filter
{ text-align:right;margin-right:7px }

/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img
{ padding:2px 10px }

.filter-search
{ float:left; }
.filter-search .inputbox
{width:6em}

.hidelabeltxt { visibility:hidden;}


legend.element-invisible
{
position:absolute;
/* need margin top and left doesn't work for the legend element */
margin-left:-3000px;
margin-top:-3000px;
height:0px;
}

.cat-items
{ margin-top:20px }

#contact-slider .panel {
background:#fff;
margin:0 0 10px 0;
padding:10px;
border:1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:10px 0;
}

#contact-slider .panel h3 { margin:0; }
#contact-slider .panel h3 a { font-size:14px;line-height:normal; }
#contact-slider .panel .pane-slider { padding:10px 0 0 0; }
#contact-slider .panel .pane-slider div { padding:10px 0 0 0;overflow:hidden; }

.contact-email label
{ float:left;width:140px; }

#member-registration label { display:block; }
#member-registration legend { font-size:20px; }

#member-registration dd { padding:0;margin:0 0 10px; }

.contact-links li { line-height:20px; }


/* */
#jform_email-lbl { width:200px;float:left; }
#article-index li { line-height:20px; }

.maincol li {line-height:20px;}
.maincol .menu li,
#article-index li,
.maincol .latestnews li,
.maincol .relateditems li,
.maincol .categories-module li
{
padding: 0 5px 0 10px;
line-height:20px;
background: transparent url(../images/arrow-1.png) no-repeat top left;
}

#article-index ul,
.maincol .menu { padding: 0 0 10px; }

.stats-module dt {
float: left;
font-weight: bold;
margin: 0 10px 0 0;
}

.maincol .login,
.maincol .registration,
#user-registration {
background: #FFF;
border: 1px solid #E7E7E7;
margin:0 0 10px 0;
padding:20px 80px 20px 20px;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0 0 10px 0;
}

.maincol .login label { float:left;width:100px;}
.maincol .login .login-fields {overflow:hidden;margin:0 0 10px;}


.error {
background:#fdcdc9;
margin:0 0 20px 0;
padding:10px;
border:none;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#system-message { margin:0; }
#system-message dt.warning{ color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700; }
#system-message dd.warning li { line-height:20px;background: transparent url(../images/arrow-2.png) no-repeat left top;padding:0 0 0 20px; }

.tip-wrap {
background:#fff;
margin:0 0 10px 0;
padding:10px;
border:1px solid #e5e5e5;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* --------------------------------------------------------- NEWSLETTER (ACYMAILING) */
.acymailing_module_form
{
padding:0 0 10px 0 !important;
}
#user_name_formAcymailing1,
#user_email_formAcymailing1
{
width:150px;
margin:0 10px;
padding:1px;
font-size:11px;
background-color: #CCC;
}

/* form walidator --------------------------------------------------------------------- */
/* Input element having an invalid value */
select.error,
input.error {
	border-color: #b94a48;
	background-image: url(/v1/images/nok.jpg);
	background-position: right 5px;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	background-color: #FCC;
}

/* Input element having a valid value */
select.valid,
input.valid {
	border-color: #468847;
	background-image: url(/v1/images/ok.jpg);
	background-position: right 5px;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	background-color: #FFF;
}

/* File inputs with invalid value */
input[type="file"].error {
    color: #b94a48;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* File inputs with valid value */
input[type="file"].valid {
    color: #468847;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Element showing an inline error message */
.form-error {
    display: block;
    color: #b94a48;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-10px;
}

/* Element showing the help text declared in data-validation-help */
span.help {
    color: #999;
    font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}

/* Here you can style the look of the input while server being
  requested when using data-validation="server" */
select.async-validation,
input.async-validation,
select.validating-server-side, /* deprecated */
input.validating-server-side /* deprecated */ {
    opacity: 0.5;
    background-image: url('data:image/gif;base64,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');
    background-position:  right 5px center;
    background-repeat: no-repeat;
    background-color: #FFF;
}

/* Here you can style the entire form while server being
  requested when using data-validation="server" */
form.async-validation,
form.validating-server-side /* deprecated */ {

}

/* Container for error messages when having configuration
   parameter "errorMessagePosition" set to "top" */
div.form-error {
    background-color: #f2dede;
    padding: 15px;
    margin-bottom: 20px;
    border: #b94a48 1px solid;
    border-radius: 4px;
}

/* Title in top of the error message container */
div.form-error strong {
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 0 0 10px;
}

/* Typography styling in the error message container */
div.form-error strong,
div.form-error ul li {
    line-height: 140%;
    color: #b94a48;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

div.form-error ul,
div.form-error ul li {
    background: none;
}