/*

LEGENDE:

color: 				Schriftfarbe
background-color: 	Hintergrundfarbe
background:url		Hintergrundbild

font-size:			Schrftgrösse
font-family:		Schrift Typ
h1, h2,...			Übrschriften

a					Links (Farbe, Unterstrichen)
a:hover				Links bei Mouseover
a:actice			aktive Links

height:				Höhe des Modus
width:				Breite des Moduls
line-height:		Zeilenabstand

margin:				Aussenabstand des Moduls
margin-top:			Aussenabstand oben
margin-left:		Aussenabstand links
margin-right:		Aussenabstand rechts


padding:			Innenabstand
padding top:		Innenabstand oben
padding-left:		Innenabstand links
padding-right:		Innenabstand rechts


ohne Punkt: Element
mit Punkt: Klasse
(Klassen werden verwendet, wenn die Formatierungen desoefteren verwendet werden. )
mit #: ID Selektor
(ID verwendet wenn diese Formatierung nur einmal benoetigt wird, wie z.B. bei Header, Footer, etc.
Eine ID kann pro Seite nur einmal verwendet werden)
*/

/****---transparente layer ARTIKEL---****/


.kroete-at-transparent {
	left:117px;
    top:1060px;
	position:absolute;
  	z-index:2;
}

.kroete-en-transparent {
	left:117px;
    top:960px;
	position:absolute;
  	z-index:2;
}

.erdbeerwoche1-at-transparent {
	left:110px;
    top:305px;
	position:absolute;
  	z-index:2;
}

.erdbeerwoche1-en-transparent {
	left:110px;
    top:285px;
	position:absolute;
  	z-index:2;
}

.erdbeerwoche2-at-transparent {
	left:110px;
    top:1015px;
	position:absolute;
  	z-index:2;
}

.erdbeerwoche2-en-transparent {
	left:110px;
    top:915px;
	position:absolute;
  	z-index:2;
}

.erdbeerwoche3-at-transparent {
	left:110px;
    top:1385px;
	position:absolute;
  	z-index:2;
}

.erdbeerwoche3-en-transparent {
	left:110px;
    top:1265px;
	position:absolute;
  	z-index:2;
}


/****---Vorschau Kunst---****/


.vorsch1 {
	position:absolute;
	left:450px;
    top:350px;
    z-index:-2;
}

.vorsch1-trans {
	position:absolute;
	left:450px;
    top:350px;
    z-index:2;
}

.vorsch2 {
	position:absolute;
	left:405px;
    top:278px;
    z-index:-2;
}

.vorsch2-trans {
	position:absolute;
	left:405px;
    top:278px;
    z-index:2;
}

.vorsch3 {
	position:absolute;
	left:467px;
    top:210px;
    z-index:-2;
}

.vorsch3-trans {
	position:absolute;
	left:467px;
    top:210px;
    z-index:2;
}

.vorsch4 {
	position:absolute;
	left:560px;
    top:224px;
    z-index:-2;
}

.vorsch4-trans {
	position:absolute;
	left:560px;
    top:224px;
    z-index:2;
}

.vorsch5 {
	position:absolute;
	left:612px;
    top:302px;
    z-index:-2;
}

.vorsch5-trans {
	position:absolute;
	left:612px;
    top:302px;
    z-index:2;
}

.vorsch6 {
	position:absolute;
	left:599px;
    top:395px;
    z-index:-2;
}

.vorsch6-trans {
	position:absolute;
	left:599px;
    top:395px;
    z-index:2;
}

.vorsch7 {
	position:absolute;
	left:531px;
    top:461px;
    z-index:-2;
}

.vorsch7-trans {
	position:absolute;
	left:531px;
    top:461px;
    z-index:2;
}

.vorsch8 {
	position:absolute;
	left:439px;
    top:477px;
    z-index:-2;
}

.vorsch8-trans {
	position:absolute;
	left:439px;
    top:477px;
    z-index:2;
}

.vorsch9 {
	position:absolute;
	left:350px;
    top:441px;
    z-index:-2;
}

.vorsch9-trans {
	position:absolute;
	left:350px;
    top:441px;
    z-index:2;
}

.vorsch10 {
	position:absolute;
	left:295px;
    top:365px;
    z-index:-2;
}

.vorsch10-trans {
	position:absolute;
	left:295px;
    top:365px;
    z-index:2;
}

.vorsch11 {
	position:absolute;
	left:307px;
    top:269px;
    z-index:-2;
}

.vorsch11-trans {
	position:absolute;
	left:307px;
    top:269px;
    z-index:2;
}

.worldsfirst-loop {
	position:absolute;
	left:293px;
    top:121px;
    z-index:-3;
}

.button-transparent {
	position:absolute;
	left:293px;
    top:121px;
    z-index:1;
}

/****---GEBURT design startseite---****/



.spirale {
	position:absolute;
	top:112px;
	left:245px;
    z-index:1;
}

.ausstellung-geburt {
	left:102px;
    top:339px;
	position:absolute;
	z-index:2;
    font-size:14px;
	line-height:14px;
	font-style:italic;
}

.ausstellung-geburt-en {
	left:128px;
    top:339px;
	position:absolute;
	z-index:2;
    font-size:14px;
	line-height:14px;
	font-style:italic;
}

.konzept-geburt {
	left:143px;
    top:364px;
	position:absolute;
	z-index:2;
}

.praesentation-geburt {
	left:106px;
    top:387px;
	position:absolute;
	z-index:2;
}

.opencall-geburt {
	left:133px;
    top:410px;
	position:absolute;
	z-index:2;
}


.textbeitrag-geburt-at {
	left:415px;
    top:630px;
	position:absolute;
	z-index:2;
    font-size:14px;
	line-height:14px;
	font-weight: bold;
}

.textbeitrag-geburt-en {
	left:410px;
    top:630px;
	position:absolute;
	z-index:2;
    font-size:14px;
	line-height:14px;
	font-weight: bold;
}

.kunstlerinnen {
	left:765px;
    top:235px;
	position:absolute;
	z-index:2;
    font-size:14px;
	line-height:14px;
	font-style:italic;
}

.inhaltlich {
	left:765px;
    top:250px;
	position:absolute;
	z-index:2;
    font-size:10px;
	line-height:14px;
	font-style:italic;
}

.alexandrova {
	left:765px;
    top:275px;
	position:absolute;
	z-index:2;
}

.krahenmann {
	left:765px;
    top:298px;
	position:absolute;
	z-index:2;
}

.beaudoin {
	left:765px;
    top:321px;
	position:absolute;
	z-index:2;
}

.moser {
	left:765px;
    top:344px;
	position:absolute;
	z-index:2;
}

.kobusiewicz {
	left:765px;
    top:367px;
	position:absolute;
	z-index:2;
}

.ascencao {
	left:765px;
    top:390px;
	position:absolute;
	z-index:2;
}

.beelen {
	left:765px;
    top:413px;
	position:absolute;
	z-index:2;
}

.kordon {
	left:765px;
    top:436px;
	position:absolute;
	z-index:2;
}

.schmid {
	left:765px;
    top:459px;
	position:absolute;
	z-index:2;
}

.rossa {
	left:765px;
    top:482px;
	position:absolute;
	z-index:2;
}

.smrekar {
	left:765px;
    top:505px;
	position:absolute;
	z-index:2;
}

.rajnar {
	left:765px;
    top:540px;
	position:absolute;
	z-index:2;
}



/****---GEBURT künstlerInnenseite (name-text = Video, name-kategoie = Beschreibung)---****/

.geburtpfeil-links {
	left:80px;
    top:145px;
	position:absolute;
}
	
.geburtpfeil-rechts {
	left:884px;
    top:145px;
	position:absolute;
}

.video-layer1 {
	left:105px;
    top:100px;
	position:absolute;
  	z-index:2;
}

.video-layer2 {
	left:737px;
    top:445px;
	position:absolute;
  	z-index:2;
}

.jugendfrei {
	left:105px;
    top:100px;
	position:absolute;
  	z-index:3;
}

.button18plus {
	left:410px;
    top:250px;
	position:absolute;
  	z-index:4;
}

.kobusiewicz-text {
	left:105px;
    top:100px;
	position:absolute;
}

.kobusiewicz-bildtext-rechte1 {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.kobusiewicz-bildtext-rechte2 {
	left:105px;
    top:1130px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.kobusiewicz-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.kobusiewicz-bild {
	left:0px;
    top:150px;
	position:absolute;
}

.kobusiewicz-transparent {
	left:0px;
    top:150px;
	position:absolute;
  	z-index:2;
}

.kobusiewicz-bildtext {
	left:105px;
    top:1145px;
	position:absolute;
}


.kordon-text {
	left:105px;
    top:100px;
	position:absolute;
}

.kordon-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.kordon-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.kordon-bildtext {
	left:105px;
    top:690px;
	position:absolute;
}

.video-layer2-kordon {
	left:650px;
    top:445px;
	position:absolute;
  	z-index:2;
}


.rossa-text {
	left:105px;
    top:100px;
	position:absolute;
}

.rossa-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.rossa-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}


.schmid-text {
	left:105px;
    top:100px;
	position:absolute;
}

.schmid-bildtext-rechte1 {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.schmid-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.schmid-bild {
	left:155px;
    top:150px;
	position:absolute;
}

.schmid-transparent {
	left:155px;
    top:150px;
	position:absolute;
  	z-index:2;
}

.schmid-bildtext {
	left:0px;
    top:620px;
	position:absolute;
}

.schmid-bildtext-rechte2 {
	left:240px;
    top:595px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.smrekar-text {
	left:105px;
    top:100px;
	position:absolute;
}

.smrekar-bildtext-rechte1 {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.smrekar-bildtext-rechte2 {
	left:105px;
    top:1105px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.smrekar-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.smrekar-bild {
	left:105px;
    top:690px;
	position:absolute;
}

.smrekar-transparent {
	left:105px;
    top:690px;
	position:absolute;
}


.alexandrova-text {
	left:105px;
    top:100px;
	position:absolute;
}

.alexandrova-transparent {
	left:105px;
    top:100px;
	position:absolute;
  	z-index:2;
}

.alexandrova-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.alexandrova-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}


.ascencao-text {
	left:105px;
    top:100px;
	position:absolute;
}

.ascencao-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.ascencao-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}


.beaudoin-text {
	left:105px;
    top:100px;
	position:absolute;
}

.beaudoin-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.beaudoin-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}


.beelen-text {
	left:105px;
    top:100px;
	position:absolute;
}

.beelen-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.beelen-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}


.kraehenmann-text {
	left:105px;
    top:100px;
	position:absolute;
}

.kraehenmann-transparent {
	left:105px;
    top:100px;
	position:absolute;
  	z-index:2;
}

.kraehenmann-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.kraehenmann-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.moserwagner-text {
	left:105px;
    top:100px;
	position:absolute;
}

.moserwagner-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.moserwagner-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.rajnar-text {
	left:105px;
    top:100px;
	position:absolute;
}

.rajnar-bildtext-rechte {
	left:105px;
    top:545px;
  	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
	position:absolute;
}

.rajnar-kategorie {
	left:105px;
    top:550px;
	position:absolute;
}

.quelleV {
	color: #AD005A; 
	font-size:11px;
	line-height:10px;
}

.donatebutton {
	left:71px;
    top:685px;
	position:absolute;
}




/****---ENDE ---****/

* {
	border: 0;
	margin: 0;
	padding: 0;
}

hr {
	border-top: 1px solid;
	color: #AD005A;
	width: 770px;
}

html {
  display: block;
}

/** {
  text-rendering: optimizelegibility;
  text-justify: inter-character; 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}*/


body {
	color: #AD005A; 
	font-size:13px;	
	line-height:20px;
	font-family: Arial;
	overflow: scroll;
	/*background-color: #b7b7b7;*/
	
	/****---GOOGLE FONT ---****/
	/*font-family: "Titillium Web", Verdana, Arial, sans-serif;*/
	
}

/****---SILBENTRENNUNG ---****/

.hyphenless {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
  width: 200px;
}



h1 {
	color: #AD005A; 
	font-size:12px;
	width:bold;
}


h2 {
	color: #AD005A; 
	font-size:12px;
	font-style:kursiv;
}


.quelle {
	color: #AD005A; 
	font-size:10px;
	line-height:10px;
	font-style:italic;
}

/****---LINKS NEU ---****/

a {
	color: #AD005A;
	outline: none;
	text-decoration: none;
 	-moz-outline-style: none;
}


a:hover {
    color: #AD005A;
	/*color: #E52091; /*hell*/
	/*color: #720142; /* dunkel*/
	/*font-weight: bold;*/
    /*text-shadow: 1px 1px 1px #AD005A;*/
}

a:active {
	color: #AD005A;
}


/****---LINKS ---****/

/*a {
	color: #AD005A;
	text-decoration: underline;
	outline: none;
 	-moz-outline-style: none;
}


a:hover {
	text-decoration: underline;
	color: #AD005A;
		
}

a:active {
	text-decoration:underline;
	color: #AD005A;
}
*/





/****---FORMATIERUNG DER ABSATZ-TASTE ---****/
p {
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 10px;
}



img {
	border:0px;
  	outline: none;
  	-moz-outline-style: none;
}


/*---positionen---*/

#wrap {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	/*background-color:red;*/
}


#inhalt {
	margin-top: 20px;
	margin-left: 0;
	/*background-color: grey;*/
}


/****---CONTAINER-MODUL ---****/

#container {  
	margin-top: 0px; 
	position: relative;
	padding: 10px;
	width: 960px;	
	/*background-color: lightgrey;*/
	
	/****--- RAHMEN VOM MODUL ---****/ 
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #000 0 2px 10px;
	-moz-box-shadow: #000 0 2px 10px;
	box-shadow: #000 0 2px 10px;
	*/
}



/****---HEADER-MODUL---****/

#header {
	margin-top: 0px;
	height: 150px;
	width: 930px;
	/*background-color:red;*/
}

/****---TOP-MODUL ---****/


#top {  
	height: 25px;  
	margin-top: 20px;
	/*background-color: green;*/
}




/****---SPALTE-MODUL---****/

#spalte {
	float: left;
	margin-top: 0px;
	/*background-color: lightblue;*/

	/*
	width: 160px;
	min-height: 200px;
	height: 200px;
	background-color: #f06129;
	border: 1px solid #000;
	*/
}

#page_content {
	margin-top: 0;
	padding-right: 10px;
	width: 780px;
	float: right;
	min-height: 300px;
	/*background-color: #ccc;*/
}

#page_content_full {
	margin-top: 0px;
	padding: 10px;
	float: left;
	width: 940px;
	min-height: 300px;
	/*background-color: #c6ccea;*/
}

/**************LANGSAM EINBLENDEN**************/

.box {
	background:#999;
	width:200px;
	height:100px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.box:hover {
	width:550px;
	height:150px;
	background:#ccc;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

/************** ZEILENUMBRUCH **************/


/*.nobr {
	white-space:nowrap;
}

/*dann im Quelltext vor jeden Wort das getrennt wird <span style="white-space: nowrap;">WORT</span>


/************** KLASSEN HOME **************/

.logo {
	position:absolute;
	top:380px;
	left:322px;
}

.logopunkt {
	position:absolute;
	top:6px;
	left:465px;
}

.lotus {
	position:absolute;
	top:90px;
	left:185px;
}

/************** KLASSEN VAGINALOGIE PFEIL **************/

.pfeil-links {
	left:77px;
    top:145px;
	position:absolute;
}
	
.pfeil-rechts {
	left:890px;
    top:145px;
	position:absolute;
}


/************** KLASSEN VAGINALOGIE KAPITEL **************/

.konzept {
	left:-10px;
    top:376px;
	position:absolute;
}

.lebensphasen {
	left:7px;
    top:275px;
	position:absolute;
}
	
.geschlechtsidentitaet {
	left:59px;
    top:183px;
	position:absolute;
}
	
.sexuelleorientierung {
	left:140px;
    top:115px;
	position:absolute;
}

.innenansichten {
	left:240px;
    top:78px;
	position:absolute;
}

.aussenansichten {
	left:526px;
    top:78px;
	position:absolute;
}

.sexualitaet {
	left:624px;
    top:115px;
	position:absolute;
}

.verhuetung {
	left:704px;
    top:183px;
	position:absolute;
}

.menstruation {
	left:757px;
    top:275px;
	position:absolute;
}

.orgasmus {
	left:775px;
    top:376px;
	position:absolute;
}

.reproduktion {
	left:757px;
    top:479px;
	position:absolute;
}

.geburt {
	left:704px;
    top:570px;
	position:absolute;
}

.sexualmedizin {
	left:624px;
    top:638px;
	position:absolute;
}

.geschlechtskrankheiten {
	left:526px;
    top:674px;
	position:absolute;
}

.eingriffe {
	left:240px;
    top:674px;
	position:absolute;
}

.gewalt {
	left:140px;
    top:638px;
	position:absolute;
}

.begrifflichkeiten {
	left:59px;
    top:570px;
	position:absolute;
}

.literatur {
	left:7px;
    top:479px;
	position:absolute;
}

.texte {
	left:110px;
    top:145px;
	position:absolute;
	width:760px;
}
/*Alle Texte in der gleichen Position*/


.texte a {
	text-decoration:none;
}

.linklinks {
	color: #AD005A; 
	font-size:11px;
	font-style:normal;
	left:-125px;
    top:12px;
	position:absolute;
	line-height:19px;
	width:230px;
}

.linklinks a {
	text-decoration:none;
}

.linkrechts {
	color: #AD005A; 
	font-size:11px;
	font-style:normal;
	left:879px;
}
  
.at {
	color: #AD005A; 
	font-size:11px;
	font-style:normal;
	left:879px;
    top:14px;
	position:absolute;
	line-height:19px;
	width:230px;
}

.at a {
	text-decoration:none;
}

.slash {
	color: #AD005A; 
	font-size:11px;
	font-style:normal;
	left:896px;
    top:14px;
	position:absolute;
	line-height:19px;
	width:230px;
}

.en {
	color: #AD005A; 
	font-size:11px;
	font-style:normal;
	left:902px;
    top:14px;
	position:absolute;
	line-height:19px;
	width:230px;
}

.en a {
	text-decoration:none;
}