/*  

Author: Bassa Chowanetz
Author URI: http://www.plasmatix.com


/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}
	
body {
	background: #ccc;
	color: #333;
	padding: 0;
	}

body, select, input, textarea, td {
	font: 12px Arial, Verdana, Sans-Serif;
	line-height:1.5em;
	}
	
table {
    border: 0px;
}
	
p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #0033FF;
	text-decoration:none;
	}

a:hover, a:active {
	color:#333;
	text-decoration:underline;
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:3px 6px;
	}

/****** Images ****************************/

/*
img, a:link img, a:visited img{padding:1px;}
img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }

*/	
		
/******************************************
*   General Structure                         
******************************************/

#page { /*the main container*/
	width:980px;
	height: 582px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
/*	padding: 10px 25px 35px 25px;
	border:3px double #333;
*/
	}

/******************************************
*   imp header                        
******************************************/

#imp { 
    text-align: right;
    float: right;
	width:680px;
	height: 20px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	padding: 5px 20px 0 0;
	color:#333;
}
	
/******************************************
*   Headlines                         
******************************************/

h1 {
	color: #840000;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 10px;
	}
	
h2 {
	color: #7f8cab;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	padding-bottom:8px;
	border-bottom:1px solid #666;
	margin: 20px 0;
	}

h3 {
	font: 1.2em Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	font-weight:bold;
	color:#333;
	}

h3 a:link, h3 a:visited {
	color: #666;;
	}

h4 {
	font-size:1.2em;
	margin-bottom:6px;
	}

/******************************************
*   News                        
******************************************/


#newsframe {
	background-color: transparent;
	font: 12px Arial, Verdana, Sans-Serif;
	line-height:1.5em;
}
	
/******************************************
*   Content                        
******************************************/

#header {
	background: url(../pix/header.jpg) no-repeat;
	margin:0 auto;
	width:980px;
    height: 89px;
}

#maincontent {
    position: absolute;    
	width:980px;
	float:left;
	z-index: 50;
	background:#FFF;
}

#footer {
    position: absolute;
	float:left;
    width: 980px;
    color: #000;
	background:#FFF;    
	z-index: 250;
}
	
.projekt_table td {
    padding:0 0 1px 5px;
}
	
p.block {
    padding: 5px 20px 5px 20px;
    font-style: italic;
    font-size: 13px;
}
	
.button {
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#666;
	color:#FFF;
	text-decoration:none
	}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


/* Skin */
#tabscontent { /* the whole container with all elements of the tabbed section */
    margin: 0px ;
}

/* home */
div#fragment-1 {
    background:url(../pix/welcome.jpg) no-repeat;
    padding:50px 0 0 50px; 
    height: 524px;
}
div#inner-1 {
    position: absolute;
    margin: 65px 0 0 350px;
    width: 520px;
    height: 380px;
    color: #000;
    overflow: auto;
}

#audio-2 {
    position: absolute;
    margin-top: 360px;
}
/* climate change */
div#fragment-2 {
    background:url(../pix/climate.jpg) no-repeat;
    padding:50px 0 0 50px; 
    height: 524px;
}
div#inner-2 {
    position: absolute;
    margin: 65px 0 0 10px;
    width: 520px;
    height: 280px;
    color: #000;
    overflow: auto;
}

/* konzerte news */
div#fragment-3 {
    background:url(../pix/konzerte.jpg) no-repeat;
    padding:50px 0 0 50px; 
    height: 524px;
}
div#inner-3 {
    position: absolute;
    margin: 65px 0 0 350px;
    width: 520px;
    height: 380px;
    color: #000;
    overflow: auto;
}
#news{
    background:url(../pix/news.jpg)no-repeat; width:100%; height:250px; display:block;
}
/* projekte */
div#fragment-4 {
    background:url(../pix/projekte.jpg) no-repeat;
    padding:50px 0 0 50px; 
    height: 524px;
}
div#inner-4 {
    position: absolute;
    margin: 65px 0 0 10px;
    width: 520px;
    height: 380px;
    color: #000;
    overflow: auto;

}

/* guestbook */
div#fragment-5  {
    background:url(../pix/guestbook.jpg) no-repeat;
    padding:50px 0 0 0px; 
    height: 524px;
}
div#inner-5 {
    position: absolute;
    margin: 65px 0 0 0px;
    width: 560px;
    height: 500px;
    color: #000;
    overflow: auto;
}
/* interactiv */
div#fragment-5b  {
    background:url(../pix/guestbook.jpg) no-repeat;
/*    margin:10px 0 0 0px; */ 
    padding:50px 0 0 0px; 
    height: 524px;
}
div#inner-5b {
    position: absolute;
    margin: 65px 0 0 0px;
    width: 950px;
    height: 500px;
    color: #000;
    overflow: auto;
}



/* impressum/disclaimer */
div#fragment-6 {
    background:url(../pix/impressum.jpg) no-repeat;
    padding:50px 0 0 50px; 
    height: 524px;

}
div#inner-6 {
    position: absolute;
    margin: 65px 0 0 10px;
    width: 520px;
    height: 380px;
    color: #000;
    overflow: auto;
}
/* kontakt */
div#fragment-7 {
    background:url(../pix/kontakt.jpg) no-repeat;
    padding:50px 0 0 0px; 
    height: 524px;

}
div#inner-7 {
    position: absolute;
    margin: 35px 0 0 350px;
    width: 520px;
    color: #000;
    padding:25px 0 0 40px; 
    overflow: auto;
}

/* MAil-Order */
div#fragment-8 {
    background:url(../pix/mailorder.jpg) no-repeat;
    padding:50px 0 0 0px; 
    height: 524px;

}
div#left-8 {
    position: absolute;
    margin: 300px 0 0 50px;
    width: 300px;
    height: 110px;
    color: #000;
    padding:3px; 
    overflow: auto;
}
div#inner-8 {
    position: absolute;
    margin: 35px 0 0 350px;
    width: 520px;
    color: #000;
    padding:25px 0 0 40px; 
    overflow: auto;
}

/* VideoBlog */
div#fragment-9 {
    background:url(../pix/videoblog.jpg) no-repeat;
    padding:50px 0 0 50px; 
    height: 524px;
}
div#inner-9 {
    position: absolute;
    margin: 65px 0 0 350px;
    width: 520px;
    height: 380px;
    color: #000;
    overflow: auto;
}

div#left-9 {
    position: absolute;
    margin: 50px 0 0 10px;
    width: 300px;
    height: 380px;
    padding:3px; 
    overflow: auto;
}

#videoCanvas {
/*
    background: none;
    width: 500px;
    height: 360px;
    overflow: auto;
*/
}

#videolist small {
    color: #336;
	font-size: 0.9em;
	padding:0;
}

#videolist img {
	padding: 0 5px 0 0;
	cursor: pointer;
}

#copy {
	font-size: 0.9em;;
    padding: 20px; 
    color: #333;   

}

#navmenu {
    padding: 15px 0 9px 0;
    margin: 0px;

}

#navmenu ul {
    margin: 0; 
    padding: 0; 
	list-style-type: none; 
    list-style-image: none; 
}
#navmenu li {
    display: inline;
}


#navmenu ul li a {
    text-decoration:none;  
    margin: 0 1px 0 0;
	padding: 10px 18px 10px 18px; 
	color: #232323;
	font-weight: bold;
    background:#d3d9e6;
	border:1px solid #ccc;
}

#navmenu ul li a:hover {
    background:#333;
	color:#fff;
}

.current {
    text-decoration:none;  
    margin: 0 1px 0 0;
	padding: 10px 18px 10px 18px; 
	color: #232323;
	font-weight: bold;
    background:#FFFFFF;
	border:1px solid #ccc;
	border-bottom:1px solid #fff;
}


/*-------------------------------------------------------------------------------------
//	JibberBook v2.3
//	(c) 2009 Chris Jaure
//	license: MIT License
//	website: http://www.jibberbook.com/
//
//	theme/default/jbstyle.css
-------------------------------------------------------------------------------------*/


#container {
  width:800px;
  text-align:left;
  margin:0 auto;
}
#container h3 {
	font-size:1.3em;
	padding: 3px;
	margin-bottom:10px;
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#000;
	background-color:#EEE;
	text-align:left;
}

#header h1 {
	text-align:center;
	font-weight:normal;
	font-size:3em;
	margin-top:5px;
	line-height:1em;
}
#info {
	color:#666;
	font-style:italic;
	position:relative;
	left:45%;
	width:40%;
}
#jb_message {
	color:#fff;
	text-align:center;
	margin-bottom:0.5em;
}
#jb_message.error {
	background-color:#c00;
}
#jb_message.confirm {
  background-color:#360;
}
#jb_message p {
  margin:0;
  padding:0.5em;
  font-size:1.2em;
}
#primary {
  float:right;
}
#secondary {
    width:500px;
    float:left;
    margin-bottom:1em;
}
#jb_addComment{
	width:235px;
}
#jb_addComment label {
  display:block;
  font-weight:bold;
  font-size:0.9em;
}
#jb_addComment input, #jb_addComment textarea{
	font-size:0.9em;
	font-family:arial, sans-serif;
	width:98%;
	margin-bottom:5px;
	padding-left:2px;
    opacity: 0.7;	
}
#jb_addComment textarea{
	height:80px;
}
#jb_addComment .button{
	font-size:1.2em;
    opacity: 0.7;
}
#jb_addComment fieldset{
  border:0;
  margin:0;
  padding:0;
}
#jb_comments{
	height:350px;
	overflow:auto;
}
.comment{
	width:480px;
/*
	background:#f8f8f8;
	border: solid 1px #fff;
*/
	margin-bottom:15px;
	overflow:hidden;
}
.comment .header {
	font-weight:bold;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	padding:5px 2px;
}
.comment .header a{
	color:#000;
}
.comment .header a.delete{
	float:right;
}
.comment .content {
	padding:5px;
	line-height:1.5em;
}
.comment .date {
	font-size:0.9em;
	text-align:right;
	color:#333;
	padding-right:4px;
}

.required{
	color:#f96;
}
#jb_addComment .hidden, .hidden{
	display:none;
}
/*+++++++++++++++++*/


#fieldset { 
    width:480px;
    height: 422px; 
    margin-left: auto; 
    margin-right: auto; 
}
input, textarea { 
    width:200px;
    font-size:12px;
}
input.zip { 
    width:40px;
    font-size:12px;
}
input.city { 
    width:150px;
    font-size:12px;
}
select.menge {
    width:40px;
}
#conform {
    margin:10px 0 0 30px;
    width:380px;
}

#refreshmsg{
	color: #ccc;
	font-size:10px;
}
#submit {
	width:100px;
}
#elem{
    margin-left:10px;
}
	
#desc{
	margin-top: 25px;
	margin-left: auto; 
    margin-right: auto;
	width:600px;
	text-align:left;
	color:#73A2F9;
}

#loading, #mloading {
    padding-top: 200px; 
    padding-left: 50px;
    color: #CCC; 
}

#results, #mresults {
    color:#73A2F9;
}

.invlayer {
    padding-top: 0px;
    display: none; 
    width: 440px;
    height: 440px;
    border: 0px;
}