@charset "utf-8";
/* www.schwulenberatungberlin.de */

/* ----------------------------- | Body | ----------------------------- */

* {
   margin: 0;
   padding: 0;
   
}

body {
	background: #f5efd9 url(../images/bg-body.jpg) repeat-x;
   font: 14px "Trebuchet" Arial, Helvetica, sans-serif;
   color: #000;
   line-height: 1.5em;
   font-size:14px!important;
}

/* ----------------------------- | Tags | ----------------------------- */

p {
   margin: 0 0 15px 0;
}

hr {
   height: 1px;
   border: 0;
   color: #fff;
   background: #fff;
   margin: 20px auto;
   border-top: 1px solid #d8d3c3;
   width: 100% !important;
}

a {
   color: #b62014;
   text-decoration: underline;
   outline: none;
}

a:hover {
   text-decoration: none;
}

/* ----------------------------- | Classes | ----------------------------- */

ul.liste {
   list-style-type: none;
   margin-bottom: 15px;
}
					
ul.liste li {
   background: url(../images/li-list.gif) 0 5px no-repeat;
   padding-left: 15px;
}

.first_ul {
	display:block;
	float:left;
	list-style-type:none;
	margin-bottom:15px;
	padding:7px 0 0 21px;
	width:155px;
}
					
.first_li {
   background: url(../images/li-list.gif) 0 5px no-repeat;
   padding-left: 15px;
	width:139px;
}

.sub_ul  {
   list-style-type: none;
   margin-bottom: 15px;
}

.sub_li {
   background: url(../images/li-list.gif) 0 5px no-repeat;
   padding-left: 15px;
}

.third_ul{
   list-style-type: none;
   margin-bottom: 15px;
}

.third_li {
   background: url(../images/li-list.gif) 0 5px no-repeat;
   padding-left: 15px;
}

.clear {
   float: none;
   clear: both;
}

.text-indent {
   text-indent: -5000px;
   font-size: 0.1em;
}

.highlight {
	color: #9a979a;
}

.highlight01 {
	color: #b62014;
}

.images {
   border: 1px solid #d8d3c3;
   padding: 2px;
   margin: 0 0 15px 0;
}

.border {
	border: 1px solid #d8d3c3;
   padding: 2px;
}


/* ----------------------------- | Branding | ----------------------------- */

h1 {
   overflow: hidden;
   font-size: 0.1em;
   text-indent: -5000px;
   width: 380px;
   height: 140px;
   margin: 0 0 0 65px;
   float: left;
}

h1 a {
   width: 380px;
   height: 140px;
   display: block;
}

/* ----------------------------- | Headlines | ----------------------------- */

h2 {
	font-size: 1.8em;
   font-weight: normal;
   color: #b62014;
   margin: 15px 0 0 230px;
}

h3 {
	font-size: 1.0em;
   color: #b62014;
   margin-bottom: 5px;
}

h4 {
	font-size: 1.0em;
   color: #b62014;
   margin-bottom: 15px;
}

/* ----------------------------- | Container | ----------------------------- */

#container {
   background: url(../images/bg-container.gif) repeat-y;
   width: 968px;
   margin: 0 auto;
}

/* ----------------------------- | Header | ----------------------------- */

#header {
   background: url(../images/bg-header.jpg) no-repeat;
   height:345px;
	width:968px;
	position:relative;
}

/* ----------------------------- | NavigationAdditional | ----------------------------- */

#navigationAdditional {
	width: 375px;
   height: 30px;
   padding: 17px 0 0 593px;
}

#navigationAdditional ul {
   list-style: none;
}

#navigationAdditional li {
   float: left;
}

#navigationAdditional a {
   text-indent: -5000px;
   display: block;
   overflow: hidden;
   float: left;
}

#navigationAdditional a.spanisch {
	background: url(../images/bg-navigationAdditional.jpg) no-repeat;
   width: 33px;
   height: 30px;
}

#navigationAdditional a.spanisch:hover,
#navigationAdditional a.spanischActive {
	background: none;
   width: 33px;
   height: 30px;
}

#navigationAdditional a.tschechisch {
	background: url(../images/bg-navigationAdditional.jpg) -39px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.tschechisch:hover,
#navigationAdditional a.tschechischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.englisch {
	background: url(../images/bg-navigationAdditional.jpg) -79px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.englisch:hover,
#navigationAdditional a.englischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.russisch {
	background: url(../images/bg-navigationAdditional.jpg) -118px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.russisch:hover,
#navigationAdditional a.russischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.polnisch {
	background: url(../images/bg-navigationAdditional.jpg) -159px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.polnisch:hover,
#navigationAdditional a.polnischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.portugiesisch {
	background: url(../images/bg-navigationAdditional.jpg) -199px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.portugiesisch:hover,
#navigationAdditional a.portugiesischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.slowakisch {
	background: url(../images/bg-navigationAdditional.jpg) -238px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.slowakisch:hover,
#navigationAdditional a.slowakischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.griechisch {
	background: url(../images/bg-navigationAdditional.jpg) -277px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.griechisch:hover,
#navigationAdditional a.griechischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.franzoesisch {
	background: url(../images/bg-navigationAdditional.jpg) -317px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.franzoesisch:hover,
#navigationAdditional a.franzoesischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.tuerkisch {
	background: url(../images/bg-navigationAdditional.jpg) -356px 0 no-repeat;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

#navigationAdditional a.tuerkisch:hover,
#navigationAdditional a.tuerkischActive {
	background: none;
   width: 33px;
   height: 30px;
   margin-left: 5px;
}

ul#schrift {
	list-style-type:none;
	position:absolute;
	top:137px;
	left:778px;
	}
	
ul#schrift li {
	display:block;
	float:left;
	}

#schrift a {
   display:block;
   height:14px;
   line-height:12px;
   top:5px;
   width:14px;
   list-style:none; 
   text-indent:-9999px;
}

#schrift a.decrease {
   xposition:absolute;
   left:94px;
   width:20px;
   height:20px;
   background-image:url(../images/minus.gif);
   text-indent:-9999px;
   display:block;
   
   
   
}

#schrift a.reset {
   xposition:absolute;
    width:20px;
   height:20px;
   left:107px;
   background-image:url(../images/reset.gif);
   text-indent:-9999px;
   display:block;
}

#schrift a.increase {
   xposition:absolute;
    width:20px;
   height:20px;
   left:122px;
   background-image:url(../images/plus.gif);
   text-indent:-9999px;
   display:block;
}

/* ----------------------------- | NavigationAdditional01 | ----------------------------- */

#navigationAdditional01 {
	height:30px;
	margin:201px 0 0 564px;
	width:500px;
}


#navigationAdditional01 ul {
   list-style: none;
}

#navigationAdditional01 li {
   float: left;
}

#navigationAdditional01 a {
   display: block;
   overflow: hidden;
   float: left;
   font-size: 1.0em;
   color: #000;
   padding-right: 10px;
   text-decoration: none;
}

#navigationAdditional01 a:hover,
#navigationAdditional01 a.active {
	text-decoration: underline;
   color: #b62014;
}

/* ----------------------------- | Sidebar | ----------------------------- */

#sidebar {
	width: 280px;
   height: 215px;
   float: left;
   margin: 110px 0 0 -230px;
   line-height: 1.6em;
}

/* ----------------------------- | Search | ----------------------------- */

#search {
	width: 190px;
   height: 50px;
   float: right;
   margin: 20px 0 0 0;
}

#search .results {
	font-size: 13px;
}

#search textarea { 
	background: #fff; 
}

#search select { 
	background: #fff;
}

#search input {
	padding: 2px;
   font-size: 13px; 
}

#search .button_ok { 
	background: url(../images/bt-submit.gif) 0 -3px;
   text-indent: -5000px;
   color: #f5efd9;
   font-size: 0.1em; 
   border: none; 
   width: 24px; 
   height: 24px; 
   cursor: pointer;
}

#search .searchheading {
	font-weight: bold; 
   color: #000; 
   font-size: 14px; 
}

#search .summary {
	font-weight: bold;
}

#search .result_block {
	padding: 5px 0 5px 0;
	background: #000;
}

#search .result_title { 
	font-size: 13px;
}

#search .result_altblock {
	padding: 5px 0 5px 0;
	background: #000;
}

#search .context { 
	font-size: 12px; 
}

/* ----------------------------- | Navigation | ----------------------------- */

#navigation {
	width: 246px;
   height:364px;
   float: left;
   margin: 0px 0 0 0px;
}

#navigation ul {
   list-style: none;
}

#navigation a {
   text-indent: -5000px;
   display: block;
   overflow: hidden;
   float: left;
}

#navigation a.wir-ueber-uns {
	background: url(../images/bg-navigation.gif) no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.wir-ueber-uns:hover,
#navigation a.wir-ueber-unsActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.terminwunsch {
	background: url(../images/bg-navigation.gif) 0 -28px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.terminwunsch:hover,
#navigation a.terminwunschActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.beratung {
	background: url(../images/bg-navigation.gif) 0 -56px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.beratung:hover,
#navigation a.beratungActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.behinderung {
	background: url(../images/bg-navigation.gif) 0 -84px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.behinderung:hover,
#navigation a.behinderungActive {
	background: none;
   width: 246px;
   height: 28px;
}



#navigation a.sucht {
	background: url(../images/bg-navigation.gif) 0 -112px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.sucht:hover,
#navigation a.suchtActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.aelter-werden {
	background: url(../images/bg-navigation.gif) 0 -140px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.aelter-werden:hover,
#navigation a.aelter-werdenActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.hiv-aids {
	background: url(../images/bg-navigation.gif) 0 -224px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.hiv-aids:hover,
#navigation a.hiv-aidsActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.psychische-probleme {
	background: url(../images/bg-navigation.gif) 0 -168px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.psychische-probleme:hover,
#navigation a.psychische-problemeActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.haus-niebuhrstrasse {
	background: url(../images/bg-navigation.gif) 0 -196px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.haus-niebuhrstrasse:hover,
#navigation a.haus-niebuhrstrasseActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.pluspunkt {
	background: url(../images/bg-navigation.gif) 0 -252px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.pluspunkt:hover,
#navigation a.pluspunktActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.mancheck {
	background: url(../images/bg-navigation.gif) 0 -280px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.mancheck:hover,
#navigation a.mancheckActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.presse {
	background: url(../images/bg-navigation.gif) 0 -308px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.presse:hover,
#navigation a.presseActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.quer-leben {
	background: url(../images/bg-navigation.gif) 0 -308px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.quer-leben:hover,
#navigation a.quer-lebenActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.arbeit {
	background: url(../images/bg-navigation.gif) 0 -336px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.arbeit:hover,
#navigation a.arbeitActive {
	background: none;
   width: 246px;
   height: 28px;
}

#navigation a.sex {
	background: url(../images/bg-navigation.gif) 0 -364px no-repeat;
   width: 246px;
   height: 28px;
}

#navigation a.sex:hover,
#navigation a.sexActive {
	background: none;
   width: 246px;
   height: 28px;
}

/* ----------------------------- | Content | ----------------------------- */

#content {
   background: url(../images/bg-content.gif) no-repeat;
   width: 1034px;
   position: relative;
   padding: 0px 0px 0px 12px;
   margin: 0px 0px 0px -53px;
   margin-bottom: 40px;
   height:392px;
}

#content:after {
   clear: both;
   content: '.';
   display: block;
   height: 0;
   visibility: hidden;
}

#contentMain {
	width: 765px;
   float: left;
}
#contentMain-haus {
	width: 750px;
   float: left;
}

.contentColumn01 {
	width: 720px;
   margin: 10px 0 0 30px;
}


.contentColumnCenter {
	float:left;
	margin:-10px 0 0 -11px;
	width:598px;
}

.contentColumn02-haus {
	float:left;
	margin:9px 0 0 28px;
	width:507px;
}
.contentColumn02-impress {
	float:left;
	margin:9px 0 0 28px;
	width:407px;
}
.contentColumn02-presse {
	float:left;
	margin:9px 0 0 -5px;
	width:434px;
}

.contentColumn02 {
	float:left;
	margin:9px 0 0 -5px;
	width:454px;
}

.contentColumn06 {
	float:left;
	margin:9px 0 0 28px;
	width:300px;
}

.contentColumn02-kontakt {
	float:left;
	margin:9px 0 0 28px;
	width:330px;
}


.contentColumn03-haus {
	float:left;
	margin:9px 0 0 20px;
	width:195px;
}
.contentColumn03-impress {
	float:left;
	margin:9px 0 0 20px;
	width:295px;
}
.contentColumn03-presse {
	float:left;
	margin:9px 0 0 20px;
	width:109px;
}

.contentColumn03-plus {
	float:left;
	margin:9px 0 0 11px;
	width:420px;
}
.contentColumn03 {
	float:left;
	margin:9px 0 0 20px;
	width:105px;
}


.checkbox {
	margin-bottom: -10px;
}

/* ----------------------------- | Footer | ----------------------------- */

#footer {
	background: url(../images/bg-footer.gif) repeat-x;
   height: 179px;
   float: none;
   clear: both;
   margin: 0 auto;
}

.images {
   border: 1px solid #d8d3c3;
   padding: 2px;
   margin: 0 0 15px 0;
}

#innercontent {
	position: absolute;
	top: 0;
	left: 0;
	border:none;
}

/* ----------------------------- | Setcard | ----------------------------- */

div.setcard-container {
	width: 507px;
	height: auto;
	margin: 0 0 30px 0;
}

div.setcard-bild {
	width: 115px;
	height: 130px;
	float: left;
}

div.setcard-info {
	width: 392px;
	height: auto;
	float: left;
}

div.setcard-info-links {
	width: 101px;
	height: 130px;
	float: left;
	padding: 0 0 0 15px;
}

div.setcard-info-rechts {
	width: 276px;
	height: auto;
	float: left;
}

div.setcard-infotext {
	width: 507px;
	height: auto;
	float: left;
	padding: 10px 0 0 0;
}

div.trenner {
	width: 507px;
	height: 1px;
	background: #b62014;
	margin: 10px 0 10px 0;
}

div.facebook {
	position: absolute;
	width: 362px;
	height: auto;
	top: 165px;
	left: 563px;
	z-index: 100;
}