@charset "UTF-8";
/* styles23.css 
2018-09-03 */



html {
	width: 100%;
	height: 100%;
}


body{
	position: relative;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	background:#000 url(img/backgrounds/black-denim-145x145.jpg);
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:62.5%;
	line-height:1;
	vertical-align:baseline;
}

#index > #wrapper {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	background-image: url(../media/photo/1-portraits/sonja-romei-by-ingo-pertramer-2017/sonja-romei-by-ingo-pertramer-2017-IMGP2146-banner.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size:cover !important;
}

#index #header .container { background: none !important; }

#index #title h1 a{}
#index #title h1 a:link,
#index #title h1 a:visited{background:none;color:#fff;/* text-shadow:3px 0 0 #000, 4px 0 0 #fff; */}
#index #title h1 a:hover{background:none;color:#eee;/* text-shadow:3px 0 0 #fff, 4px 0 0 #000; */}
#index #title h1 a:active{background-color:none;color:#fff;/* text-shadow:3px 0 0 #000, 4px 0 0 #fff; */}

#index #title h1.current a:link,
#index #title h1.current a:visited{background:none;color:#fff;/* text-shadow:3px 0 0 #000, 4px 0 0 #fff; */}
#index #title h1.current a:hover{background:none;color:#eee;/* text-shadow:3px 0 0 #fff, 4px 0 0 #000; */}
#index #title h1.current a:active{background-color:none;color:#fff;/* text-shadow:3px 0 0 #000, 4px 0 0 #fff; */}


img{border:none;max-width:100%;height:auto;}

a{
	text-decoration:none;
	outline:none !important;}

h1{font-size:2em;margin:1em 0;padding:0;}
h2{font-size:1.5em;margin:1em 0;padding:0;}
h3{font-size:1.2em;margin:1em 0;padding:0;}
p{fonz-size:1em;margin:0 0 1em;padding:0;}

.left{float:left !important;display:inline !important;}
.right{float:right !important;display:inline !important;}
.small-font{font-size:0.8em;line-height:1.5em;}
p.credit{float:right;font-size:0.8em;line-height:1.5em;margin:0;}

.footnote{
	font-size:0.6em;
	line-height:1;
	display:inline-block;
	vertical-align:text-top;
}
p.footnote{
	margin:1em;
	padding:0;
	font-size:0.8em;
}



#wrapper{
	position: relative;
	width:100%;
	margin:0 auto;
	padding:0;
}

.section{
	position:relative;
	width:960px;
	overflow:hidden;
	margin:0 auto 40px;
	padding:10px 0;
	background:#fff;

	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    border-radius:3px;
	-webkit-box-shadow:0 0 3px #333;
	   -moz-box-shadow:0 0 3px #333;
	        box-shadow:0 0 3px #333;
}




/*
============================
HEADER
============================
*/

#header{
	width:100%;
	margin:0 auto;
	padding:0;
	/*background:rgba(0,0,0,0.2);
	border-bottom:1px solid #000;*/
}

#header .container{
	position:relative;
	width:920px;
	margin:0 auto;
	padding:40px 20px;
	overflow:hidden;
	background:url(img/backgrounds/spotlight.png) no-repeat 0 0;
}

.nav{
	position:relative;
	float:right;
}

#title{
	position:relative;
	float:left;
	width:auto;
}

#title h1{
	margin:0;
	padding:0;
	font:normal 50px/1 'BebasNeueRegular','Helvetica Neue',Arial,sans-serif;
	text-transform:uppercase;
}

#title h1 a{
	display:block;
	margin:0;
	padding:.8em 0 .5em 1px;
	text-decoration:none;
	text-shadow:3px 0 0 #111, 4px 0 0 #444;
	letter-spacing:.2em;
}
#title h1 a:link,
#title h1 a:visited{background:none;color:#555;}
#title h1 a:hover{background:none;color:#ccc;}
#title h1 a:active{background-color:none;color:#fff;}

#title h1.current a:link,
#title h1.current a:visited{background:none;color:#fff;}
#title h1.current a:hover{background:none;color:#ccc;}
#title h1.current a:active{background-color:none;color:#fff;}




/*
============================
NAVIGATION
============================
*/

.nav{
	font:600 20px/1 'Terminal Dosis','Courier New','Helvetica Neue',Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.nav ul{
	list-style:none outside none;
	margin:0;
	padding:0;
}
.nav li{
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

.nav a{
	display:block;
	text-decoration:none;
	margin:0;
	padding:3em 0 1.4em 2em;
	text-shadow:0 0 3px #000;
}
.nav a:link,
.nav a:visited{
	background:none;
	color:#999;
}
.nav a:hover{background:#none;color:#ccc;}
.nav a:active{background:none;color:#fff;}



.nav li.current a:link,
.nav li.current a:visited{
	background:none;
	color:#fff;
}
.nav li.current a:hover{background:#none;color:#ccc;}
.nav li.current a:active{background:none;color:#fff;}



/*
=================================
MAIN CONTENT
=================================
*/

#main a{text-decoration:none;padding:0 3px;}
#main a:link{color:#222;border-bottom:2px solid #ccc;}
#main a:visited{color:#222;border-bottom:2px solid #ccc;}
#main a:hover{color:#222;border-bottom:2px solid #ccc;background:#222;color:#ccc;}
#main a:active{color:#ddd;border-bottom:2px solid #ddd;background:none;}

#main{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:1.6em;
	line-height:1.4em;
	color:#222;
	-webkit-text-size-adjust:none;
	/*background:rgba(50, 50, 50, 0.3);
	border-top:1px solid #222;
	border-bottom:1px solid #000;*/
}

/*#main a:link{color:#999;border-bottom:1px dotted #ccc;}
#main a:visited{color:#999;border-bottom:1px dotted #ccc;}
#main a:hover{color:#222;border-bottom:1px solid #ccc; background:#eee;}
#main a:active{color:#000;border-bottom:none;}*/

#main .container{
	position:relative;
	width:100%;
	max-width:1040px;
	margin:0 auto 80px;
	padding:0;/*40px 0 10px;*/
	/*background:rgba(0, 0, 0, 0.1);*/
	font:normal 16px/1.3em 'Arimo','Helvetica Neue',Arial,sans-serif;
	overflow:hidden;
}

.block > h2{
	margin:0;
	padding:0 0 .8em;
	font:500 24px/1 'Abel','Courier New','Helvetica Neue',Arial,sans-serif;
	color:#222;/*#444;*/
	text-transform:uppercase;
	/*text-shadow:1px 1px 1px #ccc;*/
}


/* RESET image link border, background.. */
a.poster-image:link,
a.poster-image:visited,
a.poster-image:hover,
a.poster-image:active,
.reset-link{text-decoration:none !important;border:none !important;background:none !important;}


/* ICON FONT LINKS */

.webSymbols{font-family:'WebSymbolsRegular' !important;}


/* Showreel 2014 */

a.poster-image:link,
a.poster-image:visited,
a.poster-image:hover,
a.poster-image:active {
	display: block;
	/* width: 920px;
	height: 516px;
	background: url('../media/photo/sonjaromei-showreel-2014-screen.jpg') no-repeat center center !important;
	background-size: cover; */
}


/* tabs .items */
.archiv .items div {
	display:none;	
	margin:20px 0 0;	
	padding:0;
	/*height:640px;*/
	font-size:14px;
	overflow:hidden;
}

/* root element for tabs  */
.archiv .idTabs ul { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	overflow:hidden;
	/*background:#fc0;	*/
}

/* single tab */
.archiv .idTabs li { 
	float:left;	 
	text-indent:0;
	padding:0 20px 0 0;
	margin:0 !important;
	list-style-image:none !important;
}

.archiv .idTabs li a {
	display:block;
	margin:0;
	padding:0;
	text-decoration:none !important;
	border-bottom:none !important;
	background:none !important;
	font:500 24px/1 'Abel','Courier New','Helvetica Neue',Arial,sans-serif;
	text-transform:uppercase;
	}
.archiv .idTabs li a:link,
.archiv .idTabs li a:visited {color:#ccc !important; /*text-shadow:none !important;*/}
.archiv .idTabs li a:hover {color:#222 !important;/*text-shadow:1px 1px 1px #ccc !important;*/}
.archiv .idTabs li a:active {}


/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.archiv .idTabs a.selected, 
.archiv .idTabs li.selected a {cursor:default !important;}

.archiv .idTabs a.selected:link, 
.archiv .idTabs li.selected a:link,
.archiv .idTabs a.selected:visited, 
.archiv .idTabs li.selected a:visited,
.archiv .idTabs a.selected:hover, 
.archiv .idTabs li.selected a:hover,
.archiv .idTabs a.selected:active, 
.archiv .idTabs li.selected a:active {color:#222 !important;/*text-shadow:1px 1px 1px #ccc !important;*/}


.archiv .tab_header {
	margin: 0 auto 36px;
	padding: 36px 0 0;
	border-top: 3px double #ccc;
	font-size: 2em;
	line-height: 1;
	text-align: center;
}
.archiv dl {
	position:relative;
	overflow:hidden;
	margin:20px 0 0;
	padding:0 20px;
	vertical-align:baseline;
	background:rgba(255,255,255,1);
}

.archiv dt.first,
.archiv dd.first {border-top:none;/*margin:20px 0 0;*/}

.archiv dt {
	clear:left;
	margin:0;
	padding:36px 0;
	font:500 18px/1.33333333 'Abel','Courier New','Helvetica Neue',Arial,sans-serif;
	vertical-align:baseline;
	border-top:1px solid #ccc;
	color:#222;
}

.archiv dd {
	margin:0;
	padding:36px 0;
	vertical-align:baseline;
	font:normal 16px/1.5 'Arimo','Helvetica Neue',Arial,sans-serif;
	border-top:1px solid #ccc;
}




.vita-profil{
	position:relative;
	margin:0;
	padding:0 15px 0 20px;
	overflow:hidden;
}

.vita-profil .pic{float:right;width:40%;}
.vita-profil .pic img{width:100%;height:auto;}

.vita-profil .text{
	position:absolute;
	left:15px;
	bottom:0;
	width:50%;
}

.vita-profil .text h3,
.vita-profil .text p{/*margin-left:0.5em;*/}

.vita-profil h2{
	margin:0 0 1em;
	padding:0;
	line-height:1.1em;
	font:500 32px/1 'Abel','Courier New','Helvetica Neue',Arial,sans-serif;
	/*font:bold 2em/1.1em 'Helvetica Neue', Arial, sans-serif;*/
}
.vita-profil h3{
	font-size:1em;
	font-weight:400;
	margin:0em 0 0;
	padding:0;
	/*border-bottom:5px solid #000;*/
}
.vita-profil p{
	margin-bottom:1.5em;
}

.vita-profil .tag,
.vita-profil .descr{
	float:left;
	display:inline;
	/*font-size: 0.8em;*/
	/*border-bottom:2px solid #ccc;*/
}
.vita-profil .tag{/*width:40%;font-size:0.8em;text-transform:uppercase;*/}
.vita-profil .descr{/*width:50%;*/padding-left:0.5em;}


.vita-musik ul{
	margin:0 1em 1em;
	padding:0 0 0 1em;
	list-style:circle outside none;
}
.vita-musik li{
	margin:0 0 1em 1em;
	padding:0 0 0 .5em;
}



.vita-sprecherin ul{
	margin:0 1em 1em;
	padding:0 0 0 1em;
	list-style:circle outside none;
}
.vita-sprecherin li{
	margin:0 0 0 1em;
	padding:0 0 0 .5em;
}



/*
CONTENT : Picture Gallery
============================
*/

.galleryContainer{
	position:relative;
	margin:0;
	padding:0 0 0 1em;
	display:block;
	overflow:hidden;
}

.galleryContainer a {
	display:block;
	float:left;
	width:160px;
	height:160px;
	text-decoration:none !important;
	border:none !important;
	background:none !important;
	margin:0 20px 20px 0 !important;
	padding:0 !important;
}

.galleryContainer img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 0 #ddd;
	-moz-box-shadow: 0px 0px 10px 0 #ddd;
	box-shadow: 0px 0px 10px 0 #ddd;
}








.main{width:66.67%;}
.side{width:33.33%;}

.side .event{
	display:block;
	margin:1.4em 0 0;
	padding:0;
	font:bold 2.5em/1em 'BebasNeueRegular','Helvetica Neue',Arial, sans-serif;
	letter-spacing:1px;
	text-shadow:1px 1px 2px #eee;
}
.side .subEvent{
	display:block;
	margin:0 0 1em;
	padding:0;
	font-size:1.2em;
	font-weight:normal;
}
.side .date{
	display:block;
	font-size:1.2em;
	margin:0 0 .1em;
	padding:0;
}
.side .location{
	display:block;
	font-size:1.2em;
	margin:0 0 1.2em;
	padding:0;
}
.side .info{
	display:block;
	margin:0 0 1.5em;
	padding:0;
}
.side a{
	margin:0;
	padding:0;
}

.archiv table{
	width:100%;
	border-collapse:collapse;
}
.archiv td{
	padding: 0.4em 2em 0.4em 0.5em;
	vertical-align:baseline;
	border-bottom: 1px dashed #ccccc0;
	color: #222;
	}
.archiv td.date{text-align:right;font-family:"Lucida Console", Monaco, monospace;}
.archiv td.type{text-transform:uppercase;font-size:.7em;}
.archiv td.city{}
.archiv td.venue{}
.archiv td.descr{padding:0.4em 0.5em;}

.archiv td.date{white-space:nowrap;}
.archiv td.date .day{}






/* VITA */

#vita table{padding-bottom:1em;}




/* VITA Profil */









#kontakt h3{margin-top:.5em;}






/*
============================
FOOTER
============================
*/

#footer{
	width:100%;
	margin:0;
	padding:2em 0 5em;
	border-top:15px solid rgba(10, 10, 10, 0.4);
	background:rgba(0,0,0,0.2);
	color:#777;
	font:normal 1.5em/1.5em 'Helvetica Neue',Arial, sans-serif;
	/*text-shadow:0 0 3px #222;
	letter-spacing:1px;*/
}

#footer .container{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#footer a{text-decoration:none;padding:2px;}
#footer a:link,
#footer a:visited{color:#777;border-bottom:1px dotted #333;}
#footer a:hover{color:#ccc;border-bottom:none;background:rgba(0,0,0,0.2);}
#footer a:active{}









/*
=================================
FEATURE FULLSCREEN
=================================
*/

#featured.picture-slider{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
	background-color:#000;
	/*border-top:1px dashed #333;
	border-bottom:1px dashed #333;*/
}

#slide-container{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#slide-container div{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:0;
	-webkit-box-shadow:inset 0 5px 50px #000;
	-moz-box-shadow:inset 0 5px 50px #000;
	box-shadow:inset 0 5px 50px #000;
}

#slide-container div.current{z-index:2;}
#slide-container div.previous{z-index:1;}

#slide-container p.caption{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	margin:0;
	padding:20px;
	display:inline-block;
	text-align:left;
	color:#fff;
	font:bold 48px/1em 'Helvetica Neue', Arial, sans-serif;
	text-shadow:0 0 15px #000;
	z-index:4;
}

#overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
}

#overlay.dots{background-image:url(img/overlays/dots.png);}
#overlay.dots-000-opc80{background-image:url(img/overlays/dots-000-opc80.png);}
#overlay.dots-000-opc60{background-image:url(img/overlays/dots-000-opc60.png);}

#overlay.ptn1{background-image:url(img/overlays/01.png)}
#overlay.ptn2{background-image:url(img/overlays/02.png);}
#overlay.ptn3{background-image:url(img/overlays/03.png);}
#overlay.ptn4{background-image:url(img/overlays/04.png);}
#overlay.ptn5{background-image:url(img/overlays/05.png);}
#overlay.ptn6{background-image:url(img/overlays/06.png);}
#overlay.ptn7{background-image:url(img/overlays/07.png);}
#overlay.ptn8{background-image:url(img/overlays/08.png);}
#overlay.ptn9{background-image:url(img/overlays/09.png);}
#overlay.ptn10{background-image:url(img/overlays/10.png);}

#overlay.chess-000-opc60{background-image:url(img/overlays/chess-000-opc60.png);}

#overlay.dotchess-000-opc20{background-image:url(img/overlays/dotchess-000-opc20.png);}
#overlay.dotchess-000-opc40{background-image:url(img/overlays/dotchess-000-opc40.png);}
#overlay.dotchess-000-opc60{background-image:url(img/overlays/dotchess-000-opc60.png);}



#prev a,
#next a{
	position:absolute;
	display:block;
	top:40%;
	width:10%;
	min-width:48px;
	height:20%;
	/*background:url(https://www.sonjaromei.com/img/black_opc50.png);*/
	z-index:5;
	opacity:0.3;
}

#prev a{left:0;}
#next a{right:0;}

#prev a img{
	position:absolute;
	left:50%;
	top:50%;
	margin:-24px 0 0 -24px;
}

#next a img{
	position:absolute;
	right:50%;
	top:50%;
	margin:-24px -24px 0 0;
}

#prev a:hover,
#next a:hover{opacity:1.0;}

#slide-container .slide1{
	background-image:url(https://www.sonjaromei.com/img/gallery/SonjaRomei-Portrait01-MarkusUehlein.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide2{
	background-image:url(https://www.sonjaromei.com/img/gallery/SonjaRomei_DieMuschel_A011_C017_1105HJ.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide3{
	background-image:url(https://www.sonjaromei.com/img/gallery/SonjaRomei_DieMuschel_B001_C002_1101EJ.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide4{
	background-image:url(https://www.sonjaromei.com/img/gallery/SonjaRomei_DieMuschel_B001_C044_0921WP.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide5{
	background-image:url(https://www.sonjaromei.com/img/gallery/SonjaRomei_DieMuschel_B009_C003_1107HU.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide6{
	background-image:url(https://www.sonjaromei.com/img/gallery/film/ternitz-tenessee/495dc23f9c104_b.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide7{
	background-image:url(https://www.sonjaromei.com/img/gallery/film/ternitz-tenessee/495dc2309d4a3_b.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide8{
	background-image:url(https://www.sonjaromei.com/img/gallery/film/ternitz-tenessee/konzertpublikum_big.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide9{
	background-image:url(https://www.sonjaromei.com/img/gallery/film/ternitz-tenessee/tanzimsteinbruch_big_8_17A.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide10{
	background:#000 url(https://www.sonjaromei.com/img/gallery/film/SonjaRomei-DerUeberfall.jpeg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide11{
	background:#000 url(https://www.sonjaromei.com/img/gallery/film/SonjaRomei-DerUeberfall.jpeg);
	background-color:#000;
	background-repeat:repeat-x;
	background-position:center center;
}
#slide-container .slide12{
	background:#000 url(https://www.sonjaromei.com/img/gallery/lorelei-lee/LoreleiLee_bath04_640x960.jpg);
	background-repeat:repeat;
	background-position:center center;
}
#slide-container .slide13{
	background:#000 url(https://www.sonjaromei.com/img/gallery/lorelei-lee/LoreleiLee_room02_640x960.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide14{
	background:#000 url(https://www.sonjaromei.com/img/gallery/lorelei-lee/LoreleiLee_room04_964x640.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
#slide-container .slide15{
	background:#000 url(https://www.sonjaromei.com/img/gallery/lorelei-lee/LoreleiLee_osaka_20101004_0089_640x960.jpg);
	background-repeat:repeat-x;
	background-position:center top;
}