/*
Theme Name: Salient Demons
Theme URI: http://melancholic.net
Description: yo!
Version: 1.3
Author: Lisa Fehr
Author URI: http://melancholic.net/
*/

*{margin:0;padding:0}
img{border:none;}
body,div,p,td{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;

}
h1,h2,h3,h4{font-family:"Times New Roman", Times, serif;}

h1{font-size:22px;border-bottom:1px dotted #000;width:100%;display:block;padding-bottom:5px;margin-bottom:5px;}
h2{font-size:18px;font-family:'Alegreya SC',"Times New Roman", Times, serif;}
h3{font-size:16px;}
h4{font-size:13px;}

input, textarea, select, checkbox {
	background-color: black;
	border-color: gray;
	color: silver;
	font-size: 8pt;
}
hr{border:none;border-top:1px solid #666;margin-top:5px;margin-bottom:5px;clear:both;}
.pic_left{margin-right:10px;margin-bottom:10px;float:left;}
.pic_right, .photo{margin-left:10px;margin-bottom:10px;float:right;}

.slim {font-size:6pt;}

a{text-decoration:none;}
a:link{color:#ccc;}
a:visited{color:#fff;}
a:hover{color:#eee;}
a:active{color:#666;}
a{color:#ffffff;outline:none;}

a:focus{-moz-outline-style: none;}

#dhtmltooltip{
	position: absolute;
	border: 2px solid black;
	padding: 2px;
	background-color: white;
	visibility: hidden;
	z-index: 100;
}
#indent{margin-right:15px;margin-left:15px;}
#top{position:relative;height:241px;}
#top .img{position:absolute;top:0;left:0;}

.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.german{
	color: #cc9900;
}
#message{
	background-color:#000000;
	border:green solid 1px;
	color:#ffffff;
	width:464px;
	margin:0px auto;
}
/*popup*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
}

#boxes #dialog {
  width:375px;
  height:200px;
  background:black;
  z-index:9999;
  position:absolute;
  display:none;
  top:0px;
  left:0px;
}
.fader{opacity:0;display:none;clear:both;position:relative;}
#languages{position:absolute;top:15px;right:15px;width:100%; margin:0 auto;text-align:right;z-index:50;}
#languages img{border: 1px solid #000;}
.widget{list-style-type:none;}
#fade {
	position: fixed;
	z-index:4;
	top: 0px;
	left: 0px;
	background:url('/v/spring/fade.gif');
	filter:alpha('opacity=0');
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
.black{background-color:#000000;}

.date{font-size:11px;color:#C0C0C0;padding:0 0 5px 10px;}
.day{font-size:14px;}
.news{background:#736960;margin:0 auto;border:1px solid #444;width:100%;}
.news th{background:#7f766e;}
.news td{color:#eee;}
.expand{width:100%;}
.expand .link{
	/*background:#000000;*/
	padding:4px;
}
ul#bottom-nav-eng{list-style-type:none;width:535px; margin:0 auto;}
ul#bottom-nav-de{list-style-type:none;width:720px; margin:0 auto;}
#bottom-nav-eng li,#bottom-nav-de li{float:left;margin-right:5px;}

body{
	background:#212526; /*url('images/background.gif') no-repeat top center;*/
}
table{
	width: 800px;
	margin:auto;
}
#logo{
	position:absolute;
	top:68px;
	left:8px;
	z-index:10;
}
#container{
	position:relative;
	min-height:507px;
	width:850px;
	margin:0 auto;
	background:#4b443e url('images/background-header.jpg') no-repeat top center;
}
#content{
	position:relative;
	width:100%;padding-top:250px;
	
}
#content .inner{padding:0 15px 155px 15px;}
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-height: 100px;
	text-align:center;
	background-color: #333536;
	border-top:1px solid #000;
}
#footer div{width:96%;padding:50px 15px 15px 15px;}
#intro{background: url('images/background-nav1.png');width:100%}
#intro .inner{padding:15px;}

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.right-rounded-corners {
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-topright: 20px;
    -webkit-border-radius-bottomright: 10px;
    -khtml-border-radius-topright: 20px;
    -khtml-border-radius-bottomright: 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 10px;
}
.left-rounded-corners {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-radius-topleft: 10px;
    -webkit-border-radius-bottomleft: 20px;
    -khtml-border-radius-topleft: 10px;
    -khtml-border-radius-bottomleft: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 20px;
}
#nav1-eng a,#nav1-de a{
	color: #d9d9d9;
	text-decoration:none;
	padding:5px 15px;
	background: url('images/background-nav1.png');
}

.button{
	background: #212526;
	padding:3px 10px;
	border:1px solid #000;
}

.button.active, .button:hover{
	background: #967747; /*#3e4849;*/
	color: #fff;
}

@keyframes nav1
{
0% {background: transparent;}
50% {background: #212526;}
100% {background: transparent;}
}

@-webkit-keyframes nav1 /* Safari and Chrome */
{
0% {background: transparent;}
50% {background: #212526;}
100% {background: transparent;}
}

.nav1 .first a:hover, .nav1 .mid a:hover, .nav1 .last a:hover{
	color:#fff;
	/*background: #212526;*/
	animation: nav1 3s infinite;
	-webkit-animation: nav1 3s infinite; /* Safari and Chrome */
}

.nav1 li{float:left;}
#nav1-eng{
	position:absolute;
	top:200px;
	left:0;
	list-style-type:none;
	width:290px;
	height:25px;
	color: #fff;
	font-size:14px;
	font-family:Verdana;
	z-index:5;
}
#nav1-de{
	position:absolute;
	top:200px;
	left:0;
	list-style-type:none;
	width:450px;
	height:25px;
	color: #fff;
	font-size:14px;
	font-family:Verdana;
	z-index:5;
}
#nav2-container{
	position:absolute;
	top:43px;
	right:0;
	width:445px;
	height:195px;
	z-index:5;

}
#nav2 a{
	color: #000;
	text-decoration:none;
}
#nav2 li{float:left;margin:0 3px;}
#nav2{
	z-index:2;
	position:absolute;
	top:0;
	right:5px;
	list-style-type:none;
	color: #000;
	font-size:13px;
	font-family:Verdana;
	text-align:center;
}
#nav2-background{
	z-index:1;
	position:absolute;
	bottom:17px;
	right:0;
	background: #212526;
	height:25px;
	width:100%;

}
#nav2 .first{margin-top:156px;}
#nav2 .first a{
	color:#d9d9d9;padding-right:15px;
}
#nav2 .first a:hover{
	color:#fff;
}
#nav2 .second{margin-top:30px;}
#nav2 .second a:hover, #nav2 .third a:hover, #nav2 .last a:hover{
	text-decoration:underline;
}
#nav2 .last{margin-top:30px;}
.portfolio_nav{
	list-style:none;
}
.portfolio_nav li{
	float:left;
	margin:10px 0 10px 10px;
}
.pagelist .prev, .pagelist .next, .pagelist .center{
	width: 33%;
}
.pagelist .next{
	text-align:right;
}
.pagelist .center{
	text-align:center;
}
.disabled{
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  /* IE 5-7 */
  filter: alpha(opacity=30);

  /* Netscape */
  -moz-opacity: 0.3;

  /* Safari 1.x */
  -khtml-opacity: 0.3;

  /* Good browsers */
  opacity: 0.3;
}
.clear{
	clear:both;
}
.thumbnail{
	margin:0 0 10px 10px;
}
.hide{
	display:none;
}