/* unifem variables */
@variables {
	unifem_gruen_100: #c8c81c;
	unifem_gruen_50: #e3e38d;
	unifem_gruen_25: #f1f1c6;
	unifem_gruen_15: #f7f7dd;
	unifem_rot: #c50347;
	unifem_blau: #0079bc;
	unifem_hellblau: #edf4fa;
	
	unifem_blau_kleine_schrift: #005485; /* plain wrong, took 003366 instead */
	unifem_blau_navi_linie: #b8d2eb;	
}

body {
	background-color:#FFFFFF;
	background-image:url('../images/layout/background_image.jpg');
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: relative;
}
h1, h2, h3 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid black;
	line-height:1.4;
}
h1{
	margin-bottom:16px;
	width:480px;
}
h2{
	line-height:1.5;
	width:480px;
	margin-top:16px;
}
h3 {
	margin-top:3px;
	border-bottom:0px;
}
h3 span {
	background-color:#f7f7dd;
}

div.homeTitle {
	font-size: 16px;
	margin: 16px 0px 10px 0px;
}

div.blaugross {
	font-size: 16px;
	margin: 32px 0px 8px 0px;	
	color: #0079bc;
}

p, td{
	line-height:16px;
	margin-top:2px;
	font-size:12px;
}

div.autoSize{
	width:inherit;
	padding:0px;
	margin:0px;
	border:0px;
}
div.bgGreen100, span.bgGreen100, table.bgGreen100{
	background-color: #c8c81c;
}
div#mainDiv {
	width:960px;
}

/* formulare */
.formSubmit {}
.formInputL, .formInputM, .formTextareaL, .formTextareaM, .formInputSK {border: 1px solid black}
.formInputL {width:390px}
.formInputM {width:320px}
.formInputSK {width:30px}
.formTextarea {width:394px}
.formTextareaM {width:325px}
span.kartenserie {margin:0px 6px 0px 0px;padding:0;width:88px}
.formLabel {height:26px;vertical-align:top;text-align:left}
.formLabelRight {height:26px;vertical-align:top;text-align:right;padding-right:4px}
.formField {vertical-align:top}
.formFieldRequired {display:none !important;}

/* layout bereich oben */
div#bereich_oben {
	width:inherit;
	height:176px;
	background-color:#FFFFFF;
}

/* layout bereich links */
td.bereich_links {
	vertical-align:top;
	text-align:left;
	width:192px;
	background-color: #edf4fa;
}

/* layout bereich links */
td.bereich_mitte {
	vertical-align:top;
	text-align:left;
	width:480px;
	background-color: #FFFFFF;
}

/* layout bereich rechts */
td.bereich_rechts {
	vertical-align:top;
	text-align:left;
	width:240px;
}

/* print version */
noPrint{

}

/* links */
a{
	text-decoration: underline;
	color: #003366;
}

a:hover {
	text-decoration: none;
}

a.menu {
	text-decoration: none;
	color: #000000;	
}

a.negative {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	margin-right: 4px;
}

a.negative:hover {
	text-decoration: underline;
}

div.negative {
	height: 16px;
	background-color: #003366;
}

div.negative_spenden {
	height: 16px;
	width: 94px;
	background-color: #003366;
}

/* rosaroter balken */
td.rosaTitel{
	background-color:#c50347;
	color:#FFFFFF;
	font-size:11px;
	padding-left:16px;
}


/* menu oben (�BER UNIFEM, PROJEKTE, AKTIV WERDEN, AKTUELL)*/
span.menuTop, span.menuTopActive{
	height:16px;
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
	border:0;
	position:absolute;
	width:96px;
	padding-left:16px;
	background-color:#e3e38d;
	line-height:1.5;
}
span.menuTopActive{
	background-color:#ffffff;
}
span.menuTopActive a{
	color:#c50347;
}

/* floating bild fuer projekt overview */
img.projektBild {
	float: left;
	margin: 0px 16px 16px 0px;
}

/* styles f�r die home seite */
span.menuTopHome{
	height:16px;
	color: #FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
	border:0;
	position:absolute;
	width:144px;
	padding-left:16px;
	background-color:#c50347;
	line-height:1.5;
}
span.menuTopCoordHome{
	position:absolute;
}
span.menuTopCoordHome img{
	border:0;
}
span.menuTopTextHome{
	padding-left:16px;
	padding-right:16px;
	padding-top:8px;
	height:inherit;
	width:128px;
	background-color:#f1f1c6;
	text-align:left;
}
span.menuTopTextHome a{
	text-decoration:underline;
	color:#003366;
}

/* der pfeil */
img.arrow{
	margin-bottom:-2px;
}


/* menu links */
div.menuLeft, div.menuLeftIndent{
	font-size:11px;
	padding-left:16px;
	height:16px;
	font-weight:bold;
	border-top:1px solid #b8d2eb;
	line-height:1.5;
}
div.menuLeft a, div.menuLeftIndent a{
	text-decoration: none;
	color: #000000;	
}
div.menuLeftIndent{
	padding-left:32px;
	font-weight:normal;
}
div.menuLeftActive{
	background-color:#FFFFFF;
	border-top:1px solid #c50347;
}
div.menuLeftActive a{
	color:#c50347;
}
div.menuLeftIndentActive{
	background-color:#FFFFFF;
}
div.menuLeftIndentActive a{
	color:#c50347;
}

/* gallery styles  */

.gallery_box {
	position: relative;
}

ul.gallery {
  margin: 5px 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
  overflow: hidden; /*enclose floats, modern browsers*/
  background-color: #ffffff;
}

ul.gallery li {
	width: 136px;
	height: 136px;
	float: left;
	margin: 2px;
	border: solid 1px #ebebeb;
	background-color: #f5f5f5;
}

ul.gallery img {
	visibility: hidden;
}

/* statement styles */
div.statement_container{
	width: 240px;
}

div.statement_bild{
	width: 240px;
	margin: 0px;
}

div.statement_zitat{
	width: 208;
	margin: 16px 16px 4px 16px;
	color: #003366;
	font-family: Arial;
	font-size: 15px;
	line-height: 1.2em;
}

div.statement_text{
	width:208;
	margin: 0px 16px;
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.1em;
}

/* the top service menu */
span.serviceMenuEntry a, span.serviceMenuSeparator a, span.serviceMenuEntryActive a, span.serviceMenuEntrySmall a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
span.serviceMenuSeparator {
	color:#c8c81c;
}
span.serviceMenuEntryActive a{
	color:#c50347;
}
span.serviceMenuEntrySmall{
	font-size:9px;
}


/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #e3e38d; /*#f1f1c6*/; /* border zwischen inaktiven tabs und content */
    border-width:0 0 2px;
    Xposition:relative;
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
    margin:0 10px 0 0; /* space between tabs */
    padding:1px 0 0; /* gecko: make room for overflow */
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav .selected,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
    /*margin:0 0.16em -1px 0; */ /* for overlap */
	margin:0 10px -2px 0;
	
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected a{ 
    line-height:1.5;	
}


.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background:#f1f1c6; /* tab background */
    border:solid #e3e38d;
    border-width:2px 2px 0 2px;
    color:#000;
    text-decoration:none;
		padding:2px 8px 2px 8px;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#FFFFFF; /* selected tab background */
    color:#c50347;
	border-bottom:0px;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
    background:#FFFFFF; /* selected tab background */
    color:#c50347;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    padding:0; /* raise selected tab */
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color:#e3e38d; /* selected tab border color */
}

.yui-skin-sam .yui-navset .yui-content {
    background:#ffffff; /* content background color */
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    border:solid #e3e38d; /* content border */
    border-width:0 2px 2px 2px;
	padding:16px 4px; /* content padding */
}

div#formTabContainer em{
	padding:0;
	border:0px;
}

/* jQuery Tools Overlay */
.jqtools-overlay {
    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#fff;
    padding:16px;

    width:480px;	
    min-height:200px;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

.overlay-trigger {
    cursor:pointer;
}

/* close button positioned on upper right corner */
.jqtools-overlay .close {
    background-image:url(http://www.unifem.ch/images/layout/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    }
    


.modal-backdrop {
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
}
.modal {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -250px 0 0 -280px;
    position: fixed;
    top: 50%;
    width: 560px;
    z-index: 11000;
    font: 12px Arial, sans-serif;
}
.modal a {
  text-decoration: none;
}
.modal .close {
    margin-top: 7px;
}
.modal.fade {
    -transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
    -moz-transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
    -webkit-transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
    -o-transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
    top: -25%;
}
.modal.fade.in {
    top: 50%;
}
.modal-header {
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 15px;
}
.modal-body {
    padding: 15px;
}
.modal-body form {
    margin-bottom: 0;
}
.modal-footer {
    background-color: #F5F5F5;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF inset;
    margin-bottom: 0;
    padding: 14px 15px 15px;
}
.modal-footer:before, .modal-footer:after {
    content: "";
    display: table;
}
.modal-footer:after {
    clear: both;
}
.modal-footer .btn {
    float: right;
    margin-left: 5px;
}
.modal .popover, .modal .twipsy {
    z-index: 12000;
}

.hide {
    display: none;
}

.fade {
    -transition: opacity 0.15s linear 0s;
    -moz-transition: opacity 0.15s linear 0s;
    -webkit-transition: opacity 0.15s linear 0s;
    -o-transition: opacity 0.15s linear 0s;
    opacity: 0;
}
.fade.in {
    opacity: 1;
}
.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    opacity: 0.25;
    text-shadow: 0 1px 0 #FFFFFF;
}