body {
background:url(bilder/top_bg.jpg) top left repeat-x #F5F5F5;
margin:0;
font-family:Arial, Helvetica, sans-serif;;
font-size:0.7em;
color:#666666;
}
a:link, a:visited, a:active {
/*color:#008562;*/
/*color:#e6c02f;*/
color: #C25E30;
}
a:hover {
text-decoration:none;
}
#container {
width:870px;
margin:auto;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
letter-spacing:-1px;
color: #c25e30;
padding:0px 0px 10px 0px;
}
h2 {
color:#d48f32;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
letter-spacing:-1px;
}

#shop_link{

}
img{border-width:0;}


#top {
background:url(bilder/top.jpg) top right no-repeat;
width:870px;
height:110px;
}

#top_tool {
background:url(bilder/top_tool.jpg) top right no-repeat;
width:870px;
height:110px;
}

#lang {
padding: 5px 0px 0px 700px;
color:#008562;
}
.bull {
font-family:Verdana, Arial, Helvetica, sans-serif;;
font-size:0.8em;
}
.active_lang{
text-decoration:none;
font-size:0.9em;

}
.nonactive_lang {
font-size:0.9em;
}
.active_lang a:hover {
text-decoration:none;
}
#menu {
background:url(bilder/menue_bg.jpg) right top no-repeat;
width:180px;
float:left;
text-align:right;
padding: 40px 0px 0px 0px;
font-weight:bold;
color:#F5F5F5;
font-size:1.2em;
}
#menu a:link, #menu a:visited, #menu a:active {
text-decoration:none;
color:#F5F5F5;
}
#menu a:hover {
text-decoration:none;
color:#DBDBDB;
}
#submenu {
float:right;
font-weight:bold;
color:#008562;
text-align:right;
padding: 0px 0px 10px 0px 
}
#pic {
background:url(bilder/pic.jpg) no-repeat;
color:#ffffff;
width:667px;
height:235px;
float:right;
padding: 20px 0px 0px 13px;

}
#pic_news {
background:url(bilder/pic_news.jpg) no-repeat;
width:667px;
height:235px;
float:right;
padding: 20px 0px 0px 13px;
color:#ffffff;

}

#pic_projekt {
background:url(bilder/pic_projekt.jpg) no-repeat;
width:667px;
height:235px;
float:right;
padding: 20px 0px 0px 13px;

}
#pic_netz {
background:url(bilder/pic_netz.jpg) no-repeat;
width:667px;
height:235px;
float:right;
padding: 20px 0px 0px 13px;

}
#pic_kontakt {
background:url(bilder/pic_kontakt.jpg) no-repeat;
width:667px;
height:235px;
float:right;
padding: 20px 0px 0px 13px;

}


#pic_link {
background:url(bilder/pic_link.jpg) no-repeat;
width:667px;
height:235px;
float:right;
padding: 20px 0px 0px 13px;

}

#container_top{}
#content_container {
background:url(bilder/content_bg.jpg) top right repeat-y;
width:870px;
}
#content {
background:url(bilder/content_bottom.jpg) bottom right no-repeat;
/*padding: 0px 30px 100px 220px;*/

}
#factbox {
background: #fff url(link_bg.jpg) no-repeat;
background-position: right;
border: solid 5px #dbdbdb;
float:left;
height: 150px;
margin: 30px 0 0 0;
padding: 5px 0 0 0;
text-align: left;
width: 180px;
}
#factbox ul{

}
#factbox li{
padding-top: 3px;
color: #a15428;
list-style-type: square;
}
#factbox li a:link{
color: #a15428;
}

#art{
padding: 0px 30px 100px 220px;
}
.headline {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.3em;
color:#d48f32;
}

.newsdate {
font-family: Verdana, Arial, Helvetica, sans-serif;;
font-weight:bold;
font-size:1em;
color:#e6c02f;
}
.image img {
border:1px solid #666666;
padding:1px;
}
.image_flr {
float:left;
border:1px solid #666666;
padding:1px;
}
.image_flr_m {
float:left;
border:1px solid #666666;
padding:1px;
margin-right:10px;
}


.menue_inactive {
width:180px;
height:20px;
}
.clear {
clear:both;}

.newsteaser {
font-family:Arial, Helvetica, sans-serif;
width:190px;
float:left;
padding: 0px 7px 0px 7px;
border-left: 1px solid #F5F5F5;
}
.team {
font-family:Arial, Helvetica, sans-serif;
width:140px;
float:left;
padding: 0px 7px 15px 7px;
border-left: 1px solid #F5F5F5;
}

.small {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
height:20px;
margin:5px 0px 5px 0px;
}
.block {
text-align:left;
line-height:1.5em;
}
.floatrechts {
}
.smallhead {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
letter-spacing:-1px;
height:55px;
font-weight:bold;
color: #d48f32;
border-bottom: 4px solid #DDDDDD;
margin-bottom:10px;
}
.smallhead_nh {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
letter-spacing:-1px;
font-weight:bold;
color: #018B67;
border-bottom: 4px solid #DDDDDD;
margin-bottom:10px;
}

.section {
line-height:1.5em;
}
.clear {
clear:both;}

.haelfte {
width:310px;
float:left;}
.spalte {
width:290px;
float:left;
padding-right:20px;
text-align:justify;
}

.teaser_nav {
padding-top:20px;
clear:both;
text-align:right;
}
.mehr {
padding-top:10px;
color:#e6c02f;}

.bildb {
width:195px;
float:left;
padding: 0px 10px 20px 0px;;
}
.bildbtxt {
height:30px;
padding: 0px 5px 0px 5px;}



/* tabelle
*******************************************************************************/

table {
	border:1px solid #E7E7E7;
	background-color:#E7E7E7;
}

caption {
	font-weight: bold;
	background: #50ADEA url(bilder/corner.gif) no-repeat right top;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

td {
	padding: 4px;
}
th {
	padding: 4px;
}

.shop_con {
	font-size:0.8em;
	text-align:right;
	border:1px solid #E7E7E7;
	width:85px;
}
.shop_th {
	background: url(bilder/tablebg.jpg) left top repeat-x #ffffff;
	font-size:1em;
	text-align:left;
	font-weight:bold;
	border:1px solid #E7E7E7;
}


thead th {
	background: #F5F5F5;
	color: #666;
	border:1px solid #E7E7E7;
	text-transform:uppercase;
	vertical-align:top;
}

tbody th {
	background: url(bilder/tablebg.jpg) left top repeat-x #ffffff;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
	vertical-align:top;
	height:40px;

}

tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

tbody th a:link, tbody th a:visited{
	color:#96D030;
	background:url(bilder/layout.gif) no-repeat; 
	padding:3px 0px 0px 18px;
	}
tbody th a:hover{
	color:#FF8601;
	}

tbody tr td { 
	height:15px;
	background: #FFF;
	border: 1px solid #FFF;
	padding-top:3px;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}
tbody td a[href="http://www.infectedfx.net"] {
	margin: 0 auto;
	height: 15px;
	background: url(bilder/ok.gif) no-repeat;
	border-bottom: 0;
	padding:3px 0px 0px 18px;
	font-weight:bold;
	color:#FF8601;
}

table a[title^="Download"] { 
	background: url(bilder/down.gif) no-repeat center;
	padding:20px 0px 0px 15px;
}

tfoot th, tfoot td {
	background-color:#E7E7E7; padding:10px;
	text-align:center; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}



/*  Start Forms */
#formwrap {
}
#form {
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
}
/* Rahmenfarbe angeben für Opera */
fieldset {
   border: 1px solid #fff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
legend {
   border: 1px solid #fff;
}
Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
}
.inpt {
   width: 270px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
.inpt_short {
   width: 80px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}

.txt {
   width: 270px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 0px;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: red;
}
/*  End Forms */ 


/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	/*background: #DCDCDC;*/
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 1px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 2px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 2px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(files/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(files/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(files/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}