/* 

Centivio - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:10px 0px 6px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Tahoma, Arial, Verdana;	font-weight:normal; color:#5a4e39;}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:26px; line-height:28px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a {color:#5a4e39;text-decoration:underline;}
a:hover{color:#857963;}
a img{border:none}
.imgleft img{float:left; margin-right:12px;

    display: inline-block;
    padding: 2px;
    color: #fff;
    text-decoration: none;

   -moz-box-shadow: 0 1px 5px #afadae;
   -webkit-box-shadow: 0 1px 5px #afadae;
   
}
.imgright{float:right; padding-left:12px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#4c4c4c;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#4c4c4c;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote_top.png);
	background-repeat:no-repeat;
}


/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{ background-image:url(../images/bg_container_top.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; height:263px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{width:980px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{ height:230px; width:980px;}
#logo{ width:600px; float:left;}
#pad_logo{ padding:10px 0px 0px 20px;}
/*#contact{background-image:url(../images/bg_contact.gif); width:248px; height:93px; float:right; margin-top:18px;}*/
#contact{width:248px; height:93px; float:right; margin-top:18px;}
/*
#contact ul{margin:0px; padding:5px 0px 0px 20px;}
#contact ul li{list-style-type:none; padding:5px 31px; color:#5a4e39;}
#contact ul li a, #contact ul li a:visited{color:#5a4e39; text-decoration:none;}
#contact ul li.url{background-image:url(../images/icon_lcd.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.mail{background-image:url(../images/icon_email.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.phone{background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-position:5px 4px;}
#contact ul li.donate{background-image:url(../images/03_24x24.png); background-repeat:no-repeat; background-position:0px 4px;}
*/
#topmenu{width:980px; float:left; height:60px;margin-top:-20px;}


/* Top Navigation bar menu styling */
#nav {margin:0px; padding:11px 0px 0px 0px;}
#nav ul{ 
	padding:0 0 0 0px;
	margin:0;
	list-style: none;
}
#nav li{
	list-style:none;
	float:left;
	display:inline;
	padding:0px 0px 0px 0px;
	margin-right:32px;
	font:normal 12px Arial;
	
}

#nav li.current{background-image:url(../images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
#nav li.current a:hover{background-image:none !important;}

#nav li a, #nav li a:visited{color:#ffffff; text-transform:uppercase; font-size:18px; font-weight:bold; text-decoration:none; display:block; padding:25px 0px 5px 0px;}
#nav li a:hover{background-image:url(../images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
span.descmenu{font-size:12px; text-transform:capitalize; color:#ffffff; padding:0px 0px 0px 0px;}
/*** END OF TOP ***/

/*** CONTENT ***/
#content{width:980px;}
#padding_content{ padding:30px 0px 30px 0px; float:left}
#maincontent{ padding:0px 0px 0px 0px; margin:-30px;}


/* main */
#main{width:640px; float:left;}
#maintext{padding:0px 30px 20px 20px}
#maintext_portfolio{padding:0px 0px 0px 0px}
.boxtop{ width:270px; float:left; padding:0px 0px 0px 0px;}
.spacer{width:50px; float:left; display:block; height:100px;}
.read{
	background-image:url(../images/icon_checks.gif); background-repeat:no-repeat; background-position:0 0; padding:0px 0px 10px 25px;
}

/* side */
#side{width:323px; float:left;}
.sidebox{  padding:0px 10px 10px 0px;}
.c_middlesidebox{background-image:url(../images/c_middle.gif); background-repeat:repeat-y; background-position:left; width:323px; margin-top:10px}
.c_topsidebox{background-image:url(../images/c_top.gif); background-repeat:no-repeat; background-position:left top; width:323px;}
.c_bottomsidebox{background-image:url(../images/c_bottom.gif); background-repeat:no-repeat; background-position:left bottom; width:323px;}
.contentbox{padding:10px 18px 30px 18px;}
.contentbox h2, .contentbox p{color:#fff;}
.side_bg{
	background-image:url(../images/bg_sideglow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:282px;
	padding:0px 0px 0px 27px;
}
.sidebox blockquote{margin:0px !important; padding:0px  !important; background-image:url(../images/quote_top.png); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(../images/quote_bottom.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:30px 8px 30px 8px;}

.sidetext{padding:0px 20px 0px 27px;}
ul.l1{margin:0px; padding:0px; list-style-type:none; font-size:14px;}
ul.l1 li{list-style-type:none; background-image:url(../images/arrow_large.gif); background-position:center left; background-repeat:no-repeat; border-bottom:solid 1px #e6e6e6; line-height:30px; padding:0px 20px}
ul.l1 li a, ul.l1 li a:visited{color:#4c4c4c; text-decoration:none;}
ul.l1 li a:hover{text-decoration:underline;}
ul.l2{margin:0px; padding:0px; list-style-type:none;}
ul.l2 li{list-style-type:none; padding:0px 0px 13px 30px; background-image:url(../images/icon_checks.png); background-repeat:no-repeat; 
	background-position:0px 0px; line-height:18px;}
ul.l2 li a, ul.l2 li a:visited{color:#4c4c4c; text-decoration:none;}
ul.l2 li a:hover{text-decoration:underline;}
.but{vertical-align:middle;}
.inputbox01{width:205px; border:0px; vertical-align:middle; padding:4px 4px 6px 3px; color:#999; background-image:url(../images/bg_input_src.gif); background-repeat:no-repeat; margin-right:5px;}
#newsletter fieldset{border:0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{ width:980px; margin:0px auto; color:#fff !important}
#footer a, #footer a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}

/*** CONTENT BOTTOM ***/
#content_bottom{height:215px; width:980px; margin:0 auto;}
.box_bottom{width:290px; float:left; padding:20px 0px 0px 0px}
.separator_box{float:left; width:40px; height:100%;}
.box_bottom h3{color:#fff;}
.box_bottom, .box_bottom p{color:#fff}
.box_bottom ul li a, .box_bottom ul li a:visited{color:#fff; text-decoration:none;}
ul.listimg{list-style-type:none; margin:0px; padding:0px;}
ul.listimg li{background-image:none; padding:0px 8px 4px 0px; border-bottom:none; display:inline; float:left;}

#twitter{
	background-image:url(../images/bg_twitter.gif);
	background-repeat:no-repeat;
	width:303px;
	color:#5a4e39;
	height:140px;
}

#twitter p{
	color:#5a4e39;
	padding:5px 23px 10px 10px;
	font-size:11px;
	font-family:Tahoma, Arial, Verdana;
}

/*** END OF CONTENT BOTTOM ***/
#foot_copyright{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	text-align:center;
	color:#fff;
}
/*** END OF FOOTER ***/

.news-list-morelink{clear:both;padding-top:10px;}
.news-single-img {float:left;}
.news-single-img img{ margin-right:12px;

    display: inline-block;
    padding: 2px;
    color: #fff;
    text-decoration: none;

   -moz-box-shadow: 0 1px 5px #afadae;
   -webkit-box-shadow: 0 1px 5px #afadae;
   
}
.news-list-start{width:300px;float:left;margin-left:10px;}
.box_bottom .csc-textpic-imagewrap {background:#ffffff;padding:10px;height:145px;-moz-border-radius: 5px;
   -webkit-border-radius: 5px;}
   
   /* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	
	color: black;display:none;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 0px;
	font-weight: bold;
background:#dedede; border:0px;padding:5px;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

.lang{}
.lang a{padding:5px;}

.lang{width:130px; float:left; margin-top:60px;}

#logo{float:left;}
#contact{float:left;}
#slideshow{border:5px solid white;padding:0px;
-moz-box-shadow: 0px 0px 5px #969696; /* for Firefox 3.5+ */
-webkit-box-shadow: 0px 0px 5px #969696; /* for Safari and Chrome */
box-shadow: 0px 0px 5px #969696; /* all*/
-o-box-shadow: 0px 0px 5px #969696; /* Opera */
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}