@CHARSET "UTF-8";


* {
    margin: 0;
    padding: 0; }


body {
    /*background-color: #F0EFEC;  warm grey */
    /*background-color: #AFBCBF;  light blue */
    /*background-color: #D6D3D6;*/
	
    background-image: url(../site-images/header_bgr/body_bgr_rep_punkte_square.gif);
	background-image: url(../site-images/header_bgr/body_bgr_transition.jpg);
	background-repeat: repeat-x;
	background-color: #ECEDF1;
    font-family: Verdana, Arial, sans-serif;
    font-size: small; 
    overflow-y: scroll; }

/* russian homepage */

/*
body#ru {
	font-family: Arial, Helvetica, sans-serif;
	}
	*/
    
a {          color: #000; }
	
a:hover {    color: #0051BA; }

	
#content a:link { color: #005B99; }
#content a:visited { color: #00386B; }
#content a:hover { color: #0051BA; }

	
/* external links */
a.external span
{
position: absolute;
left: -5000px;
width: 4000px;
}

a.external:link,
a.external:visited
{
background: url(../site-images/icons/icon_link_external.gif) no-repeat 100% 1px;
padding: 0 20px 0 0; 
}
 
ul li {
    list-style-type: none; }
	
#content ul {
    margin-bottom: 1.5em; }
    
#content ul li {
    list-style-type: none;
    background-image: url(../site-images/icons/content-list-marker.gif);
    background-repeat: no-repeat;
    background-position: 0 6px; 
    padding: 0 0 5px 15px; }
	
/* ol used on page kondom */

ol {
    margin-left: 1.5em; }

ol li {
    line-height: 1.5em;
	margin-bottom: 1em; }
	
h1 {
    font-size: 120%;
	letter-spacing: 0.1em;
	
	/*font-weight: normal;*/
	margin-bottom: 20px;
	/*background-color: #EEE;*/
	/*border-bottom: 1px solid #C91CA3;*/
	color: #AF003D;
    border-bottom: 1px solid #CCC;

    /*border-bottom: 1px solid #26547C;*/
	padding: 2px 0; }

h2 {
    color: #666;
    margin: 1em 0 1em 0;
	font-size: 100%; }
	
p {
	margin-bottom: 1.5em; 
	line-height: 1.5em; }
	
p.box {
    font-weight: bold; }
	
p.message {
    /*background-color: #EEE; */
	/*border-top: 1px solid #C97FAF; */
	border-color: #C97FAF; 
	border-style: dotted;
	border-width: 0 0 1px 0; 
	/*color: #95127C;*/
	font-weight: bold;  }
	
span.item { 
    display: block;
    border-bottom: 1px solid #CCC;
    color: black;
    font-weight: bold; }
	
span.risk { 
    color: #000; }
	
img,
a img {
    border: none; }
	
table {
	margin-bottom: 1.5em; }
    
table td {
    padding: 0; }

#wrapper {
    position: relative;
    margin: 20px auto 0 auto;
    padding: 0 0 0 0;
    width: 980px; 
    background-color: #E8E2D6;
	/*border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #CB01A3;*/ }

#header {
    position: relative;
    background-image: url(../site-images/header_bgr/header_bgr_illustration.jpg);
    /*background-image: url(../site-images/header_bgr/header_bgr_chest2.jpg);*/
    /*background-image: url(../site-images/header_bgr/header_bgr_wrist_pink.jpg);*/
	/*background-image: url(../site-images/header_bgr/header_bgr_people.jpg);*/
	/*background-image: url(../site-images/header_bgr/header_bgr_illu_moskito.jpg);*/
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
    height: 160px;
    margin-bottom: 40px; }
	
#header #logo {
    display: none;
    position: absolute;
	left: 20px;
	top: 50px; }

ul#nav      a,
ul#subnav   a,
ul#i18n     a {
	text-decoration: none; 
	font-weight: bold; }

ul#nav,
ul#subnav {
    font-size: 95%; }
	
ul#nav li,
ul#i18n li {
    display: inline; }
	
ul#nav  a,
ul#i18n a {
    display: block;
    float: left; }

ul#nav {
    position: absolute;
	bottom: 0;
	left: 0;
    width: 980px;
    height: 23px;
    padding: 0 0 0 0;
    background-color: #CCC;
	border-top: 1px solid #AF003D;
	border-bottom: 1px solid #AF003D; } 

ul#nav a {
    height: 19px;
    padding: 4px 20px 0 20px; 
	/*
    border-left: 1px solid #CB01A3;
	*/
	border-left: 1px solid #AF003D; }


ul#nav li.fontSizes a {
    float: right;
    width: 40px;
    border-right: none; }
    
ul#nav li.fontSizes a:hover {
    background-image: none;
    background-color: #CCC; }
    
ul#nav li.home a {
    padding-left: 25px;
    width: 220px; 
	border-left: none; }
 
/* nav marking */
    
ul#nav a:hover,
body.safer 		#nav li.safer a,
body.hiv 		#nav li.hiv a,
body.job		#nav li.job a,
body.home		#nav li.home a ,
body.drogen     #nav li.drogen a,
body.kontakt    #nav li.kontakt a {
    /*background-color: #3A4972;*/
    background-color: #EEE;
    background-image: url(../site-images/icons/subnav_marker2.gif);
    background-repeat: no-repeat;
    background-position: 3px 9px; } 

ul#i18n {
    position: absolute;
    top: 136px;
    right: 715px;
	z-index: 10;}

ul#i18n a {
    padding:  3px 5px 3px 5px;
	width: 20px;
    border-right: 1px solid #CB01A3; 
    font-weight: normal; }

ul#i18n li.ru a {
    border-right: none; }

body.home ul#i18n li.pt a {
	border-right: 1px solid #CB01A3;
	}
    
ul#i18n a:hover,
body#de     ul#i18n li.de a,
body#fr     ul#i18n li.fr a,
body#en     ul#i18n li.en a,
body#pt     ul#i18n li.pt a,
body#ru     ul#i18n li.ru a,
body#ro     ul#i18n li.ro a {
    background-image: url(../site-images/icons/subnav_marker2.gif);
    background-color: #CCC;
    background-repeat: no-repeat;
    background-position: 0 8px; } 

#subnav {
    clear: left;
	float: left;
    width: 215px; 
    margin-left: 20px; }
    

#subnav li a {
    font-size: 95%;
    display: block;
    width: 140px;
    padding: 4em 0 0 86px; }
    

/* subnav marking */
#subnav li a {
    background-repeat: no-repeat;
    background-position: 70px 50px; }
    
#subnav li {
    background-repeat: no-repeat; 
    background-position: left bottom; 
    margin-bottom: 10px; }
	
    
#subnav li a:hover,	
#wrapper.was-immer-gilt 		#subnav li.was-immer-gilt a,
#wrapper.was-bietest-du-an      #subnav li.was-bietest-du-an a,
#wrapper.schutz-durch-kondom	#subnav li.schutz-durch-kondom a,
#wrapper.impfung                #subnav li.schutz-durch-impfung a,
#wrapper.kein-risiko            #subnav li.kein-risiko a,
#wrapper.hiv                    #subnav li.hiv a,
#wrapper.ohne-hiv-risiko        #subnav li.ohne-hiv-risiko a,
#wrapper.sti                    #subnav li.sti a,
#wrapper.zum-arzt               #subnav li.zum-arzt a,
#wrapper.ist-sexarbeit-erlaubt  #subnav li.ist-sexarbeit-erlaubt a,
#wrapper.die-polizei-kommt      #subnav li.die-polizei-kommt a,
#wrapper.schutzalter            #subnav li.schutzalter a,
#wrapper.klare-abmachungen      #subnav li.klare-abmachungen a,
#wrapper.schutz-vor-gewalt      #subnav li.schutz-vor-gewalt a,
#wrapper.bar-oder-internet      #subnav li.bar-oder-internet a,
#wrapper.schwul                 #subnav li.schwul a,
#wrapper.hetero                 #subnav li.hetero a,
#wrapper.other                  #subnav li.other a,
#wrapper.aussteigen             #subnav li.aussteigen a,
#wrapper.drogen                 #subnav li.drogen a,
#wrapper.notfall                #subnav li.notfall a,
#wrapper.risiken                #subnav li.risiken a,
#wrapper.impressum              #subnav li.impressum a,
body.kontakt                    #subnav li.kontakt a {
    background-image: url(../site-images/icons/subnav_marker2.gif); } 


#subnav li.was-bietest-du-an        { background-image: url(../site-images/illustrations/ficken_xsmall.jpg); }
#subnav li.schutz-durch-kondom      { background-image: url(../site-images/illustrations/gesund_bleiben_xsmall.jpg); }
#subnav li.schutz-durch-impfung     { background-image: url(../site-images/illustrations/impfen_xsmall.jpg); }
#subnav li.hiv                      { background-image: url(../site-images/illustrations/aids_kranker_xsmall.jpg); }
#subnav li.ohne-hiv-risiko          { background-image: url(../site-images/illustrations/zungenkuss_xsmall.jpg); }
#subnav li.sti                      { background-image: url(../site-images/illustrations/geschlechtskrankheiten_xsmall.jpg); }
#subnav li.zum-arzt                 { background-image: url(../site-images/illustrations/arzt_xsmall.jpg); }
#subnav li.job-1                    { background-image: url(../site-images/illustrations/legal_arbeiten_xsmall.jpg); }
#subnav li.job-2                    { background-image: url(../site-images/illustrations/professionell_sein_xsmall.jpg); }
#subnav li.job-3                    { background-image: url(../site-images/illustrations/privatleben_xsmall.jpg); }
#subnav li.aussteigen               { background-image: url(../site-images/illustrations/aussteigen_xsmall.jpg); }
#subnav li.drogen                   { background-image: url(../site-images/illustrations/alkohol_und_drogen_xsmall.jpg); }
#subnav li.notfall                  { background-image: url(../site-images/illustrations/krankenwagen_xsmall.jpg); }
#subnav li.risiken                  { background-image: url(../site-images/illustrations/risiken_xsmall.jpg); }
	
/* nested subnav for section job */
#subnav li.job-1,
#subnav li.job-2,
#subnav li.job-3 {
    background-position: left top; }

#wrapper.job-1 #subnav li.job-1 a,
#wrapper.job-2 #subnav li.job-2 a,
#wrapper.job-3 #subnav li.job-3 a {
    background-image: url(../site-images/icons/subnav_marker2.gif); } 

#wrapper.job-1 #subnav li.job-1 ul li a,
#wrapper.job-2 #subnav li.job-2 ul li a,
#wrapper.job-3 #subnav li.job-3 ul li a {
    background-image: none; }

body.job #subnav li ul {
	display: none; }

body.job #subnav li ul {
    margin: 0 0 2em 0; }
    
body.job #subnav li ul li {
    height: 1.5em; }
	
body.job #subnav li ul li a {
	height: 1em;
	padding-top: 1em;
	font-weight: normal;
	font-size: 90%;  
	background-position: 70px 15px;}

#wrapper.job-1 			            #subnav li.job-1 ul,
#wrapper.ist-sexarbeit-erlaubt 	    #subnav li.job-1 ul,
#wrapper.die-polizei-kommt   		#subnav li.job-1 ul,
#wrapper.schutzalter			    #subnav li.job-1 ul,

#wrapper.job-2 			            #subnav li.job-2 ul,
#wrapper.klare-abmachungen		    #subnav li.job-2 ul,
#wrapper.schutz-vor-gewalt      	#subnav li.job-2 ul,
#wrapper.bar-oder-internet 		    #subnav li.job-2 ul,
    
#wrapper.job-3 			            #subnav li.job-3 ul,
#wrapper.schwul	                    #subnav li.job-3 ul,
#wrapper.hetero    	                #subnav li.job-3 ul,
#wrapper.other		                #subnav li.job-3 ul {
	display: block; }

/* no images for kontakt and impressum */
body.kontakt    #subnav, 
body.impressum  #subnav {
    margin: 0; }

body.kontakt    #subnav li a,
body.impressum  #subnav li a{
    margin: 0; 
    padding: 0 0 0 20px;
    background-position: 5px 3px; }

body.kontakt h2 {
	font-size: 14px; }

#contact-tbl td {
	vertical-align: top;
	padding-right: 4em;
}
	
#contacts-international h2 a {
    display: block;
	border: 1px solid #ccc;
	padding: 4px;
	width: 180px;
	margin-bottom: 2em; 
	background-image:url(../site-images/icons/icon_minusforless.jpg);
    background-repeat: no-repeat;
	background-position: 160px 4px;
}
	
#contacts-international.closed h2 a {
	background-image: url(../site-images/icons/icon_plusformore.jpg);
}

#contacts-international a {
	outline: none; 
}
	
#contacts-international.closed ul {
	display: none; 
}
	
#footer {
    position: relative;
    height: 50px;
    margin-top: 1em;
	border-top: 1px solid #AF003D; 
	background-color: #FFF;}

#footer div#logoLL {
    margin-left: 15px;
    margin-top: 0; }

#footer div#logoAhs {
    position: absolute;
    left: 120px;
    top: 5px; }
 
#footer div#checkpoint {
    position: absolute;
	left: 240px; 
	top: 5px; }
	
#footer ul {
    position: absolute;
	top: 5px;
	right: 15px;
	margin: 0.5em 0; }
	
#footer ul li {
    display: block;
	float: left;
	border-right: 1px solid #AF003D;
	font-size: 80%; 
	padding: 0 8px 0 8px; }
	
#footer ul li a:link,
#footer ul li a:visited {
    text-decoration: none; }
	
#footer ul li a:visited img,
#footer ul li a:link img,
#footer ul li a:active img {
    outline: none; }
    
#footer li.copyright,
#footer li.privacy {
    border-right: none; }	 

#content {
    position: relative;
	margin: 0 200px 0 265px; 
	font-size: 95%; }

body.contentFullWidthtrue #content {
    margin: 0 20px 0 265px; }
	
/* group of 2 */
	
div.groupof2 p {
    float: left; 
	width: 230px;
	margin: 0 20px 0 0;
	padding: 0 0 20px 0;
	font-weight: bold; }
	
	
div.groupof2 p img {
    margin-bottom: 1em; }
	
    
/* box */
.box {
  margin-bottom: 2em;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC; 
  font-size: 90%; 
  line-height: 1.5em; }
  
.box h2 {
  background-color: #CCC;
  padding: 0 10px 0 5px; }

.box p {
  padding: 0 10px 0 5px; }


/* Picture with legend boxes */
div.pictureWithLegend {
    position: relative;
    width: 550px;   }
    
div.pictureWithLegend .pictureAndTitle {
    float: left;
    margin: 30px 20px 0 0; }
    
div.pictureWithLegend h2 {
    font-size: 120%; 
    position: absolute; 
    top: 0px;
	margin: 0; }
    
div.pictureWithLegend div.legend {
    margin-left: 200px;
    padding-top: 25px; }
    
ul#tn-chooser {
    position: absolute;
    top: 0;
    left: 370px;
    width: 500px; 
    height: 140px; }

ul#tn-chooser li {
    display: block;
    float: left;
    width: 120px;
    height: 100px;
    background-image: none;
    padding: 0; }
    
ul#tn-chooser a:link,
ul#tn-chooser a:visited {
    outline: none; }
    
p.legend {
    font-size: x-small;
    font-weight: bold; }

/* hiv-sti */
#wrapper.hiv-sti ul#tn-chooser {
    position: relative;
	left: 0;
	margin: 2em 0 0 0; 
	font-weight: bold; }

/* was bietest Du an */


#wrapper.was-bietest-du-an #content {
    min-height: 500px; }
	
#wrapper.was-bietest-du-an ul#tn-chooser {
    width: auto; }
	
#wrapper.was-bietest-du-an ul#tn-chooser li {
    width: 90px; }

ul#tn-chooser.wbda {
    left: 0;
    top: 14em; }

#item-container.wbda {
    margin: 0; }
	
#item-container.wbda  div.pictureWithLegend {
    position: relative;
    width: auto; }
	

/* PAGE SPECIFIC STYLES */

	
/* home page */
/* Homepage */
body.home #content {
	margin-left: 20px; 
    min-height: 440px; }
	
	
body.home #daswichtigste {
    margin-left: 370px; }
	
body.home ul#tn-chooser {
    margin-top: 60px; }

#home-intro {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px; 
    padding-right: 20px; }
    
div#item-container {
    margin-left: 370px; 
    padding-top: 150px; }

/* used for index of safer work*/
	
/* helper classes */
.clearboth {
	clear: both; }
	
/* specials */
#pageAccess {
    position: absolute; left: -1000em; width: 20em; }
	
/* contribute helper to make editing of hidden stuff possible */
body.displayHiddentrue .pictureWithLegend,
body.displayHiddentrue .map-item,
body.displayHiddentrue #contacts-international ul  {
	display: block !important;
}