/*
Theme Name: 
Author: Sascha Weißbach | mediadrux
Author URI: http://www.mediadrux.de/
*/

@charset "UTF-8";
@import url('reset.css');

/*
----------------------------------------------------------------
 I M P O R T S
---------------------------------------------------------------- */



html, body {
	color: #333333;
	font-family: 'Swanky and Moo Moo', cursive;
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

.group:after,
pre:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  }  
.hideme {
  display: none;
  }
	
	
.red{
	color:#ED1C24;
}

.ci_blue{
	color:#374E59;
}

.white{
	color:#FFFFFF;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*
----------------------------------------------------------------
 T H E M E - J Q M
---------------------------------------------------------------- */	

#wrapper{
	width: 100%;
	margin: auto; /* Div soll zentriert werden */
	min-height: 95%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:95%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
	position:relative;
	top:0;
}

#footer .ui-link{
	font-size:0.8em;
	color:#FFFFFF;
}

#footer .text-links a{
	text-decoration:none;
}


h1{
	font-style:italic;
}

h1, h2, h3, h4, h5{
	color:#333333;
}

p,
td{
	font-size:1.2em;
	line-height:1em;
}

a,
a:visited{
	color:#333333;	
}

#header{
	float:left;
	width:100%;	
	height:80px;
	background:#FFFFFF url(../img/common/header.jpg) 0 bottom repeat-x;
	-moz-box-shadow: 0px 3px 3px #999999;
	-webkit-box-shadow: 0px 3px 3px #999999;
	box-shadow: 0px 3px 3px #999999;
	z-index:999;
	position:fixed;
	left:0;
	top:0;
	
	text-shadow: 2px 2px 0px #FFFFFF;
    /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
}

#logo{
	float:left;
	margin:30px 0 0 30px;
	font-family: 'Swanky and Moo Moo', cursive;
}

#logo .headline{
	font-size:30px;
	line-height:12px;
	height:20px;
	
}

#logo .subline{
	font-size:14x;
	padding-left:0px;
	color:#666666;
}

#navigation{
	float:right;
	margin:30px 0 0 30px;
}

#navigation ul li{
	float:left;
	list-style:none;
	margin-right:20px;
}

#navigation ul li a{
	font-size:20px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	font-family: 'Swanky and Moo Moo', cursive;
	
}

#navigation ul li.active a{
	color:#000000;
}

#content{
	width:100%;
	float:left;
	margin:80px 0 30px 0;
}

.content-inner{
	margin:0px;
}

#footer{
	float:left;
	width:100%;
	height:22px;
	background:#FFFFFF url(../img/common/header.jpg) 0 bottom repeat-x;
	position:fixed;
	bottom:0;
	font-size:0.8em;
	padding-top:8px;
}

#footer .inner{
	margin:0 0 0 30px;
	padding:0;
}

#footer .inner p{
	margin:0;
	padding:0;
}

#footer .inner a{
}

/*
----------------------------------------------------------------
 S U B - P A G E S
---------------------------------------------------------------- */	

.center{
	text-align:center;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.inline{
	display:inline;
}

.content-left{
	float:left;
	padding-left:30px;
}
.content-right{
	float:right;
	margin-right:20px;
}

.col2_1{
	width:45%;
	float:left;
	margin-right:5%;
}

.col2_2{
	width:45%;
	float:left;
	margin-left:5%;
}

.fullsize{
	
}

#gmap{
	float:left;
	clear:both;
	width:600px;
	height:500px;
	
}

.gallery{
	width:100%;
	height:100%;
}
/*
.slide {
	margin:0 50px;
}
*/
.slide  img{
	float:left;
}

.slide .info{
float:left;
	width:200px;
	color:#FFFFFF;
	font-style:italic;
	margin-left:30px;
}

.slide .info h2{
	font-weight:normal;
	color:#666666;
	font-style:normal;
}


.vita table,
.exhibition table,
.contact{
	max-width:600px;
	margin:30px auto;
}

.vita table tr,
.exhibition table tr{
	padding-bottom:30px;
}

.vita table td,
.exhibition table td{
	padding-bottom:10px;
}

.vita table td.date,
.exhibition table td.date{
	width:150px;
	text-align:right;
	padding-right:20px;
}

.vita table td.date,
.exhibition table td.date{
	float:right;
}

.contact .inner{
	max-width:600px;
	margin:0 auto;	
}