/*

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)
*/

/****---VAGINA 2.0 slidebox---****/

.diamant-hintergrund {
	position:absolute;
	top:70px;
	left:175px;
	z-index:1;
}

.slidebox {
	left:90px;
    top:69px;
	position:absolute;
  	z-index:2;
}

.diamant-vordergrund {
	position:absolute;
	top:70px;
	left:76px;
	z-index:3;
}

/****---VAGINA 2.0 Bild Rechte unter Beitrag---****/

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

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

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

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

.ntontis-bildtext {
	left:105px;
    top:680px;
	position:absolute;
}

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

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

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

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

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

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

/****---VAGINA 2.0 hauptseite (name) und künstlerInnenseite (name-text, name-kategoie)---****/

.konzept-vagina {
	left:79px;
    top:363px;
	position:absolute;
	z-index:4;
}

.amae {
	left:715px;
    top:160px;
	position:absolute;
	z-index:5;
}

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

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

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

.amae-kategorie {
	left:105px;
    top:550px;
	position:absolute;
	z-index:5;
}

.ascencao {
	left:725px;
    top:180px;
	position:absolute;
	z-index:5;
}

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

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

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

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

.holland {
	left:735px;
    top:200px;
	position:absolute;
	z-index:5;
}

.holland-text {
	left:105px;
    top:95px;
	position:absolute;
}

.holland-kategorie {
	left:105px;
    top:710px;
	position:absolute;
	z-index:5;
}

.pfeil-rechts-holland {
	left:930px;
    top:145px;
	position:absolute;
}

.ntontis {
	left:745px;
    top:220px;
	position:absolute;
	z-index:5;
}

.ntontis-text {
	left:105px;
    top:95px;
	position:absolute;
}

.ntontis-kategorie {
	left:105px;
    top:610px;
	position:absolute;
	z-index:5;
}


.proyer {
	left:755px;
    top:240px;
	position:absolute;
	z-index:5;
}

.proyer-text {
	left:100px;
    top:90px;
	position:absolute;
}

.proyer-kategorie {
	left:105px;
    top:710px;
	position:absolute;
	z-index:5;
}

.pfeil-rechts-proyer {
	left:920px;
    top:145px;
	position:absolute;
}


.rackham {
	left:765px;
    top:260px;
	position:absolute;
	z-index:5;
}

.rackham-text {
	left:105px;
    top:95px;
	position:absolute;
}

.rackham-kategorie {
	left:105px;
    top:710px;
	position:absolute;
	z-index:5;
}

.pfeil-rechts-rackham {
	left:935px;
    top:145px;
	position:absolute;
}

.scholz {
	left:775px;
    top:280px;
	position:absolute;
	z-index:5;
}

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

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

.scholzvideo-layer2 {
	left:730px;
    top:510px;
	position:absolute;
  	z-index:2;
}

.scholz-kategorie {
	left:105px;
    top:550px;
	position:absolute;
	z-index:5;
}

.strasser {
	left:785px;
    top:300px;
	position:absolute;
	z-index:5;
}

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

.strasser-kategorie {
	left:105px;
    top:560px;
	position:absolute;
	z-index:5;
}

.pfeil-rechts-strasser {
	left:915px;
    top:145px;
	position:absolute;
}

.thyes {
	left:795px;
    top:320px;
	position:absolute;
	z-index:5;
}

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

.thyes-kategorie {
	left:105px;
    top:550px;
	position:absolute;
	z-index:5;
}

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

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


.sichtweise {
	left:805px;
    top:362px;
	position:absolute;
	z-index:5;
}


/****---für weitere beiträge wurde nur eine klasse definiert - ewauswahl -> erweiterte auswahl ---****/

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

.ewauswahl-trans {
	left:105px;
    top:100px;
	position:absolute;
	z-index:6;
}

.ewauswahl-kategorie {
	left:105px;
    top:550px;
	position:absolute;
	z-index:5;
}


.pfeil-rechts-ewauswahl {
	left:885px;
    top:145px;
	position:absolute;
}

.biagi {
	left:795px;
    top:420px;
	position:absolute;
	z-index:5;
}


.demko {
	left:785px;
    top:440px;
	position:absolute;
	z-index:5;
}

.sladek {
	left:775px;
    top:460px;
	position:absolute;
	z-index:5;
}

.klampfl {
	left:765px;
    top:480px;
	position:absolute;
	z-index:5;
}

.mattheis {
	left:755px;
    top:500px;
	position:absolute;
	z-index:5;
}

.roedelius {
	left:745px;
    top:520px;
	position:absolute;
	z-index:5;
}

.freudenweide {
	left:735px;
    top:540px;
	position:absolute;
	z-index:5;
}

.zombronner {
	left:725px;
    top:560px;
	position:absolute;
	z-index:5;
}


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





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

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 ---****/

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


a:hover {
	color: #AD005A;
	/*font-weight: bold;*/
}

a:active {
	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;
}

.blume {
	position:absolute;
	top:110px;
	left:261px;
}



/*.screenshot {
	position:absolute;
	top:40px;
	left:61px;
	z-index:-1;
}*/

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

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


/************** KLASSEN KUNSTGESCHICHTE KAPITEL **************/

.konzept {
	left:90px;
    top:377px;
	position:absolute;
}

.jungpalaeolithikum {
	left:19px;
    top:200px;
	position:absolute;
}
	
.mittelsteinzeit {
	left:63px;
    top:156px;
	position:absolute;
}
	
.bronzezeit {
	left:116px;
    top:123px;
	position:absolute;
}

.griechenland {
	left:177px;
    top:101px;
	position:absolute;
}

.roemisches {
	left:421px;
    top:76px;
	position:absolute;
}

.fruehchristlich {
	left:537px;
    top:101px;
	position:absolute;
}

.spaetantike {
	left:597px;
    top:123px;
	position:absolute;
}

.vorromanik {
	left:650px;
    top:156px;
	position:absolute;
}

.romanik {
	left:695px;
    top:200px;
	position:absolute;
}

.gotik {
	left:728px;
    top:252px;
	position:absolute;
}

.rennaisance {
	left:750px;
    top:313px;
	position:absolute;
}

.mannierismus {
	left:757px;
    top:377px;
	position:absolute;
}

.barock {
	left:750px;
    top:439px;
	position:absolute;
}

.klassizismus {
	left:730px;
    top:500px;
	position:absolute;
}

.romantik {
	left:695px;
    top:553px;
	position:absolute;
}

.historismus {
	left:651px;
    top:598px;
	position:absolute;
}

.realismus {
	left:600px;
    top:631px;
	position:absolute;
}

.impressionismus {
	left:539px;
    top:653px;
	position:absolute;
}

.moderne {
	left:421px;
    top:660px;
	position:absolute;
}

.postmoderne {
	left:177px;
    top:653px;
	position:absolute;
}

.feminismus {
	left:116px;
    top:631px;
	position:absolute;
}

.zeitgenoessische {
	left:63px;
    top:598px;
	position:absolute;
}

.literatur {
	left:19px;
    top:553px;
	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;
    top:14px;
	position:absolute;
	line-height:19px;
	width:230px;	
}

.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;
}


/************** JCE POPUP **************/

.jcepopupinnen {
	left:5px;
    top:5px;
	width:760px;	
	padding-left:10px;	
	padding-right:10px;		
	font-size:13px;	
	font-family:Arial;
	border-color: #AD005A;
	border-width: 1px;
	border-style: solid;
}



/************** SUCHE **************/

#suche { 
	position:absolute;
    left:879px;
    top:45px; 
	color: #AD005A; 
	font-size:11px;
	font-weight:bold;
	boxtext: #AD005A;
	/*border-color: #AD005A;
	border-width: 1px;
	border-style: solid;
	height:40px;
	width:150px;
	border-radius: 7%;	
	padding-left:10px;
	/*height: 25px;  
	margin-top: 20px;
	/*background-color: green;*/
}

.btn-toolbar {
	left:110px;
    top:145px;
	position:absolute;
	width:760px;
	color: #AD005A; 
	font-size:13px;
	width:bold;
}

.btn-group pull-left {
	left:110px;
    top:145px;
	position:absolute;
	width:760px;
	color: #AD005A; 
	font-size:13px;
	width:bold;
}

.searchintro {
	left:110px;
    top:170px;
	position:absolute;
	width:760px;
}

.form-limit {
	left:110px;
    top:170px;
	position:absolute;
	width:760px;
}

.counter {
	left:110px;
    top:170px;
	position:absolute;
	width:760px;
}

.pagination {
	left:110px;
    top:170px;
	position:absolute;
	width:760px;
}

.search-results {
	left:110px;
    top:400px;
	position:absolute;
	width:760px;
}

/************************************************************************/

/**************BACKGROUND IMAGE**************/

/*.home  {
	
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
	}*/
	
/************** PFEIL **************/

/*<style type="text/css">
.arrow {
	border: 5px solid #444;
	font-size:0;line-height:0;height:0;padding:0;margin:0;
}
.arrow.down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.up {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}
.arrow.left {
	border-top-color:    transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.right {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-bottom-color: transparent;
}
</style>*/
	
/****---SUCHE-MODUL---****/
/*
#suche {
	float: right;
	margin-top: 20px;
	padding-left: 20px;
	height: 25px; 
	float: right;	
}

#suche a {
	float: right;
	margin-top: 20px;
	padding-left: 20px;
	height: 25px; 
	float: right;	
}

#suche a:hover {
	float: right;
	margin-top: 20px;
	padding-left: 20px;
	height: 25px; 
	float: right;
	font-style:bold;
	color: blue;
}
#suche a:active {
	float: right;
	margin-top: 20px;
	padding-left: 20px;
	height: 25px; 
	float: right;
	font-style:bold;
	color: blue;
}


/*color: #AD005A; 
	font-size:13px;	
	line-height:20px;
	font-family: Arial;*/


/****---FUSSZEILE-MODUL---****/

/*#footer {
	clear: both;
	text-align: center;	
	font-size: 10px;
	text-align: left;
	height: 22px;
	color: #000;
	background-color: #a4b9d8
}*/



/*div.breadcrumbs {
}

.cols-3 div.item.column-1, 
.cols-3 div.item.column-2, 
.cols-3 div.item.column-3 {
	float:left;
    padding-left:2%;
    width:30%;
	margin-bottom: 40px;

}

.cols-2 div.item.column-1, 
.cols-2 div.item.column-2 {
    float:left;
    padding-left:2%;
    width:48%;
	margin-bottom: 40px;
}

.pagination li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}

.result-title {
	margin-top: 10px;
}*/




/*********************** SPEZIAL LÖSUNGEN ***********************/



/*Menüeinträgen als Klasse, die man formatieren kann*/

/*.ueber-mich #container{
	background-color: red;
	
}*/

/*Rahmen*/

/*border-color: green;
border-width: 5px;
border-style: solid;*/