/* $Id: styles.css,v 1.0 2012/04/10 09:56:39 goba Exp $ */
/*
Page Name: Photography by Robert Skrobich - iFrame
Description: Photography, Painting, Design. 
Version: 1.0
Author: Robert Skrobich
Author URI: http://www.skrobich.de/
*/

*{
    margin:0;
    padding:0;
}


body {
     background:#212121;
}

 
a {
     text-decoration: none;
     }


@font-face {
 font-family: BernhardFashion BT;
 src: url("BernFash.eot") /* EOT file for IE */
}
@font-face {
 font-family: BernhardFashion BT;
 src: url("BernFash.ttf") /* TTF file for CSS3 browsers */
}

.phover {
     margin: auto;
	 padding:0;
     overflow: hidden;
     }
     
.phover a span {
	display: none;
	font-family: CircleD, sans-serif;
	font-size: 3.2em;
    height: 100%;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1000;
    }
	
.vhover {
     margin: auto;
	 padding:0;
     overflow: hidden;
     }
     
.vhover a span {
	display: none;
	font-family: CircleD, sans-serif;
	font-size: 3.2em;
    height: 100%;
    padding-top: 170px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1000;
    }
	
.hhover {
     margin: auto;
	 padding:0;
     overflow: hidden;
     }
     
.hhover a span {
	display: none;
	font-family: CircleD,  sans-serif;
	font-size: 3.5em;
    height: 100%;
    padding-top: 115px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1000;
    }
	
.panorama {
	border: 3px solid #ccc;
	height: 190px;
	width: 830px;
	position: absolute;
    top: 35px;
    left: 385px;
    padding: 0;	
}

.panorama a img { 
    padding: 0px; 
    width:  830px;
    height: 190px;
	border: 0;
}

.beauty {
	border: 3px solid #ccc;
	height: 400px;
	width: 290px;
	position: absolute;
    top: 35px;
    left: 1245px;
    padding: 0;	
}

.beauty a img { 
    padding: 0px; 
    width:  290px;
    height: 400px;
	border: 0;
}
 
.artwork { 
	border: 3px solid #ccc;
	position: absolute;
	left: 385px;
	top: 255px; 
	height: 290px; 
	width: 400px;
	margin: auto;
	padding: 0px; 
}

.artwork img { 
  padding: 0px; 
  width:  400px;
  height: 290px;
	border: 0;
  }

.events	{
	border: 3px solid #ccc;
	position: absolute;
	left: 385px;
	top: 575px; 
	height: 290px; 
	width: 400px; 
	margin: auto;
	padding: 0px; 
  }
	
.events img { 
	padding: 0px; 
	height: 290px; 
	width: 400px; 
	border: 0;
	}


.landscape	{
	border: 3px solid #ccc;
	position: absolute;
	left: 815px;
	top: 575px; 
	height: 290px; 
	width: 400px; 
	margin: auto;
	padding: 0px; 
  }
	
.landscape img { 
	padding: 0px; 
	height: 290px; 
	width: 400px; 
	border: 0;
	}

.composing {
	border: 3px solid #ccc;
	position: absolute;
	left: 815px;
	top: 255px; 
	height: 290px; 
	width: 400px;
	margin: auto;
	padding: 0px; 
  }
	
.composing img { 
	padding: 0px; 
	height: 290px; 
	width: 400px; 
	border: 0;
	}


.emotions { 
	border: 3px solid #ccc;
	position: absolute;
	left: 65px;
	top: 465px; 
	height: 400px; 
	width: 290px;
	margin: auto;
	padding: 0px; 
	}

.emotions img { 
	padding: 0px; 
	width: 290px;
  height: 400px;
	border: 0;
	}

.plakat {
	border: 3px solid #ccc;
	position: absolute;
	left: 1245px;
	top: 465px; 
	height: 400px; 
	width: 290px;
	margin: auto;
	padding: 0px; 
  }
	
.plakat img { 
	padding: 0px; 
	height: 400px; 
	width: 290px; 
	border: 0;
	}


.portrait {
	border: 3px solid #ccc;
	position: absolute;
	left: 65px;
	top: 35px; 
	height: 400px; 
	width: 290px;
	margin: auto;
	padding: 0px; 
    }
	
.portrait img { 
	padding: 0px; 
	height: 400px; 
	width: 290px; 
	border: 0;
	}
	    
.contact {
	display: block;
	position: absolute;	
	font-family: Times New Roman, sans-serif;
	color: #aaa;
	margin: 30px;
	padding: 0px; 
  }

.contact p {
	margin: 0px;
	padding: 10px 20px 20px 30px;
  }

.contact h1 {
	margin: 0px;
	padding-left: 30px;
  }

.dimmer {
	background-color: rgba(15, 15, 15, 0.6);
   	color: #fff;
    	text-shadow: #000 0px 0px 20px;
    	}