/* 
Glamour Foto
Copyrights brizk design (www.brizk.com)
Created: 18.12.2007
*/

/* Basic ######################################################### */

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding:0;
	margin:0;
	border: 0;
	color: #8d8d8d;
	background:#191919;
	line-height: 1.4em;
	}

div.wrap {
	margin: 25px auto;
	padding: 0;
	width: 980px;
	text-align:left;
	background: url(../pix/logo.gif) top left no-repeat;
	}

div.bg-image1 {
	background:url(../pix/bg1.jpg) right 100px no-repeat;
	height:800px;
	}

div.bg-image2 {
	background:url(../pix/bg2.jpg) right 100px no-repeat;
	}

div.bg-image3 {
	background:url(../pix/bg3.jpg) right 100px no-repeat;
	}

div.bg-image4 {
	background:url(../pix/bg4.jpg) right 100px no-repeat;
	}

div.bg-image5 {
	background:url(../pix/bg5.jpg) right 100px no-repeat;
	}

div.bg-image6 {
	background:url(../pix/bg6.jpg) right 100px no-repeat;
	}

div.bg-image-no {
	}	

div.page-left {
	width:130px;
	padding-top:150px;
	float:left;
	}
	
div.page-right {
	width:450px;
	float:right;
	padding:150px 350px 0 0;
	}	

div.bg-image-no div.page-right {
	width:800px;
	float:right;
	padding:150px 0 0 0;
	}		

div.left {
	width:210px;
	float:left;
	}		

div.right {
	width:210px;
	float:right;
	}

div.teaser-studio {
	background: url(../pix/teaser-studio.jpg) left 5px no-repeat;
	padding:5px 0 10px 85px;
	}

div.teaser-glamour {
	background: url(../pix/teaser-glamour.jpg) left 5px no-repeat;
	padding:5px  0 10px 85px;
	}

p {
	margin:0;
	padding:10px 0;
	}

div.logos {
	clear:both;
	margin-top:15px;
	padding:10px 0 10px 0;
	border-top: 1px solid #434343;
	}

div.portfolio-square {
	width:160px;
	float:left;
	margin:15px 20px 15px 0;
	}
	
div.seminarteaser {
	padding:0 0 10px 0;
	border-bottom: 1px solid #434343;
	margin:10px 0 0 0;
	}

div.seminarteaser div {
	width:338px;
	float:right;
	}	
		
div.seminarteaser div p.headline {
	margin:0;
	padding:0;
	}	
			
div.seminarteaser div p.date {
	margin:0;
	padding:5px 0;
	font-style:italic;
	}
			
div.seminarteaser div p.intro {
	margin:0;
	padding:0;
	}
	
ul.spread li {
	padding-top:10px;
	padding-bottom:10px;
	}

div.calendar-right {
	width:200px; 
	float:right; 
	margin:10px 0 0 0;
	}	
	
div.calendar-left {
	width:210px; 
	float:left; 
	}	

/* Headlines ######################################################### */		

h1 {
	padding:3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	font-size:1.1em;
	letter-spacing:1px;
	color:#c0c0c0;
	font-weight:normal;
	border-bottom:1px solid #434343;
	border-left:1px solid #434343;
	clear:both;
	}
	
h2 {
	padding:3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	font-size:.9em;
	letter-spacing:1px;
	color:#c0c0c0;
	font-weight:normal;
	border-bottom:1px solid #434343;
	border-left:1px solid #434343;
	clear:both;
	}
	
h1.topspace, h2.topspace {
	margin-top:20px;
	}	

/* Links & Fonts ######################################################### */	

a:link,  a:visited, a:active {color:#c6c6c6; text-decoration:none; border-bottom: 1px dashed #434343;}
a:hover {color:#ffffff; text-decoration:none}

a.button:link, a.button:visited {
	padding:4px 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	font-size:.8em;
	letter-spacing:1px;
	color:#ffffff;
	font-weight:bold;
	background:#434343;
	clear:both;
	border-bottom:1px solid #676767;
	border-right:1px solid #676767;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	}
	
a.button:hover {
	background:#5b5b5b;
	}	

div.logos a:link, div.logos a:visited, a.plain:link, a.plain:visited  { border-bottom:0}

.large-font {
	font-size:1.2em;
	line-height:1.3em;
	}	

/* Navigation ######################################################### */

div.page-left ul {
	padding:0;
	margin:0;
	list-style-type: none;
	text-align:right;
	}	
		
div.page-left ul li {
	padding:0;
	margin:0;
	}

div.page-left ul li a {
	padding: 3px 0;
	margin:0;
	display:block;
	width:130px;
	border-bottom:1px solid #434343;
	}

div.page-left ul li a:link, div.page-left ul li a:visited {
	text-decoration: none;
	border-bottom:1px solid #434343;
	}

div.page-left ul li a:hover {
	color:#ffffff;
	text-decoration: none;
	border-bottom:1px solid #c0c0c0;
	}
	
div.page-left ul li a.active:link, div.page-left ul li a.active:visited, div.page-left ul li a.active:hover  {
	color:#98f744;
	border-bottom:1px solid #98f744;
	}
	
div.page-left ul li a.impressum:link, div.page-left ul li a.impressum:visited, div.page-left ul li a.impressum:hover  {
	color:#555555;
	border-bottom:none;
	}

	
/* Images ######################################################### */	

img {
	border:none;
	}	
	
div.logos img {
	padding:0 20px 0 0;
	}
	
div.portfolio-square img {
	margin-bottom:5px;
	}
	
img.seminarteaser {
	float:left;
	border:1px solid #434343;
	}	
	
div.seminarteaser img.availability {
	padding:0 3px;
	}

img.seminardetail {
	position:absolute; 
	top:-1px; 
	left:348px;
	}

/* Tabellen ######################################################### */

table.simple tr td {
	border-bottom:1px solid #434343;
	}
	
table.simple tr td.date {
	width:13%;
	}
	
table.simple tr td.topic {
	width:57%;
	}
	
table.simple tr td.availability {
	width:30%;
	font-style:italic;
	}

table.simple tr td.red {
	background:url(../pix/avail-red.gif) right center no-repeat;
	}

table.simple tr td.orange {
	background:url(../pix/avail-orange.gif) right center no-repeat;
	}

table.simple tr td.green {
	background:url(../pix/avail-green.gif) right center no-repeat;
	}
	
table.simple tr td.product {
	font-style:italic;
	width:70%;
	}
	
table.simple tr td.price {
	width:30%;
	font-weight:bold;
	}
	
table.simple tr td.kat {
	width:35%;
	font-weight:bold;
	}
	
table.simple tr td.content {
	width:65%;
	}
	
	
table.calendar {
	width:200px;
	float:left;
	margin:0 0 10px 0;
	}

table.calendar thead {
	text-transform:uppercase;
	font-size:.9em;
	letter-spacing:1px;
	color:#c0c0c0;
	}
	
table.calendar tr td {	
	border-bottom:1px solid #434343;
	border-right:1px solid #434343;
	}
	
table.calendar tr td.day {	
	background:#434343;
	width:15px;
	}
	
table.calendar tr td.date {
	width:15px;
	}
	
table.calendar tr.semi {
	color:#ffbe60;
	}
	
table.calendar tr.full {
	color:#ff2121;
	}
	
table.preise {
	margin-bottom:25px;
	}
	
	
	
	
/* Formulare ######################################################### */

div.page-left form {
	padding:25px 0 0 0;
	text-align:right;
	}

div.page-left form input {
	width:100px;
	background:#1d1d1d;
	border:1px solid #434343;
	margin-top:6px;
	font-size:1em;
	padding:1px;
	color:#8d8d8d;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	}

div.page-left form input.submit {
	width:25px;
	background:#3f3f3f;
	border-left:1px solid #535353;
	border-top:1px solid #535353;
	border-bottom:1px solid #0e0e0e;
	border-right:1px solid #0e0e0e;
	margin-top:6px;
	font-size:1em;
	padding:0;
	color:#ffffff;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}


input {
	width:250px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #434343;
	color:#8d8d8d;
	background:#1d1d1d;
	}
	
input.small {
	width:25px;
	} 	
	
textarea {
	float:left;
	width:250px;
	height:10em;
	border:1px solid #434343;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#8d8d8d;
	background:#1d1d1d;
	}

input.submit {
	background:#3f3f3f;
	border-left:1px solid #535353;
	border-top:1px solid #535353;
	border-bottom:1px solid #0e0e0e;
	border-right:1px solid #0e0e0e;
	font-size:1em;
	padding:0;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	}

.error {
	margin:0 0 20px 0;
	font-weight:bold;
	color:#191919;
	background:#ff2121;
	padding:3px 5px;
	}

.success {
	margin:0 0 20px 0;
	color:#191919;
	font-weight:bold;
	background:#98f744;
	padding:3px 5px;
	}

/* Misc ######################################################### */		

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}	

.clear {
	clear:both;
	}	

.center {
	text-align:center;
	}	

.relative {
	position:relative;
	}