@charset "UTF-8";

/********** Basic **********/

body {
background: #fff;
background-image: url(../../images/backgrounds/texture_white.png);
font-family: 'Helvetica Neue', Helvetica, Verdana;
font-size: 12px;
}

a {
text-decoration: none;
}

li {
list-style: none;
margin-left: 0;
}

.container_24 {
position: relative;
}

.smaller {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.12s ease-out;
-o-transition: all 0.12s ease-out;
}

.smaller:hover {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
}

.bigger {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.12s ease-out;
-o-transition: all 0.12s ease-out;
}

.bigger:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
}

img.tn {
border: 1px solid #ccc;
padding: 3px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
}

img.tn:hover {
border: 1px solid #ccc;
-moz-box-shadow: 0px 1px 5px #999;
-webkit-box-shadow: 0px 1px 5px #999;
box-shadow: 0px 1px 5px #999;
}

img.content {
-moz-box-shadow: 0px 1px 10px #999;
-webkit-box-shadow: 0px 1px 10px #999;
box-shadow: 0px 1px 10px #999;
margin-bottom: 15px;border: 1px solid #ccc;
padding: 3px;
}

.seperator_550 {
margin-top: 10px;
margin-bottom: 10px;
}

.button {
border: 1px solid #ccc;
background-image: url(../../images/backgrounds/texture_white.png);
color: #777;
font-size: 10px;
padding: 2px;
margin-left: 3px;
margin-right: 3px;
display: inline;
border-radius: 3px;
}

.button:hover {
-moz-box-shadow: 0px 1px 5px #999;
-webkit-box-shadow: 0px 1px 5px #999;
box-shadow: 0px 1px 5px #999;
cursor: pointer;
}

.tag:hover {
border: 1px solid #ccc;
background-image: url(../../images/backgrounds/texture_white.png);
}

.published {
border: 1px solid #ccc;
background-image: url(../../images/backgrounds/texture_white.png);
color: #777;
font-size: 1em;
padding: 2px;
margin-left: 1px;
margin-right: 1px;
border-radius: 3px;
}

.category {
border: 1px solid #ccc;
background-image: url(../../images/backgrounds/texture_white.png);
color: #777;
font-size: 1em;
padding: 2px;
margin-left: 1px;
margin-right: 1px;
cursor: pointer;
border-radius: 3px;
}

.category:hover {
border: 1px solid #aaa;
background-image: url(../../images/backgrounds/texture_gray.png);
}

.author {
border: 1px solid #ccc;
background-image: url(../../images/backgrounds/texture_white.png);
color: #777;
font-size: 1em;
padding: 2px;
margin-left: 1px;
margin-right: 3px;
cursor: pointer;
border-radius: 3px;
}

.author:hover {
border: 1px solid #aaa;
background-image: url(../../images/backgrounds/texture_gray.png);
}


/********** Header **********/

#line {
position: relative;
margin: 0px auto;
width: 960px;
height: 287px;
background-image: url(../../images/line.png);
margin-bottom: -287px;
overflow: hidden;
}

#line #castor_fiber_produktion {
position: absolute;
left: 0px;
top: 175px;
color: #999;
font-size: 13px;
-webkit-transform: rotate(-25.5deg);
-moz-transform: rotate(-25.5deg);
transform: rotate(-25.5deg);
}

.header_wrapper {
position: relative;
}

.logo img {
margin-top: 80px;
}

.web_design_foto img {
margin-top: 30px;
float: right;
}



/********** Main **********/

.slider_wrapper {
position: relative;
margin-top: 30px;
}

.main_wrapper {
position: relative;
margin-top: 60px;
}

.main_wrapper .main_box {
height: auto;
color: #999;
-moz-box-shadow: 0px 1px 10px #999;
-webkit-box-shadow: 0px 1px 10px #999;
box-shadow: 0px 1px 10px #999;
background-image: url(../../images/backgrounds/texture_white.png);
border-radius: 10px;
filter:alpha(opacity=60);
filter: “alpha(opacity=60)”;
opacity: 0.95;
}

h1 {
font-size: 25px;
line-height: 25px;
color: #666;
font-weight: 100;
margin-top: 0px;
margin-left: 0px;
text-shadow: 1px 1px 3px #777;
}

h2 {
font-size: 20px;
color: #666;
font-weight: 100;
margin-top: 0px;
margin-left: 0px;
text-shadow: 1px 1px 3px #999;
}


h3 {
font-size: 13px;
color: #555;
font-weight: 200;
margin-top: 5px;
}

h5 {
font-size: 10px;
color: #777;
font-weight: 200;
margin-top: 5px;
text-align: right;
}

h6 {
font-size: 10px;
color: #777;
font-weight: 200;
margin-top: 10px;
text-align: right;
}


/********** Menu **********/

#menu {
margin-top: 30px;
list-style: none;
}

#menu li {
height: 30px;
width: 200px;
background-image: url(../../images/menu_right/bg.png);
line-height: 20px;
font-weight: 300;
font-size: 14px;
}

#menu li:hover {
background-image: url(../../images/menu_right/bg_hover.png);
}

#menu li a {
color: #666;
cursor: pointer;
width: 190px;
}

#menu li a:hover {
color: #333
}






/********** Footer **********/

.footer_wrapper {
margin-top: 80px;
height: 100px;
color: #999;
padding: 20px;
border-top: 1px solid #ccc;
}

.contact_info img {
position: absolute;
top: 60px;
right: 370px;
}

.contact_info p {
position: relative;
font-size: 13px;
top: 70px;
margin-left: 0px;
}












/* Style the figure captions, hiding them by default */

figure {
position: relative;
}

figcaption {
position: absolute;
left: 10px;
bottom: 10px;
width: 85%;
font-size: 10px;
line-height: 10px;
color: #333;
background-color: rgba(999,999,999,.7);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
-moz-box-shadow: 0px 1px 7px #888;
-webkit-box-shadow: 0px 1px 7px #888;
box-shadow: 0px 1px 5px #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
text-align: center;
  
}

/* Display the captions on hover */

figure:hover figcaption {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
}

/* Add padding and margin to the caption contents */

figcaption * {
  padding: 0 5px;
  margin: 0;
}

figcaption *:first-child {
  padding-top: 5px;
}
figcaption *:last-child {
  padding-bottom: 5px;
}

/* Give captions and headings their own font */

figcaption p {
  font-family: Helvetica;
  font-weight: bold;
}









#slider_wrapper {
position: relative;
top: 110px;
margin: auto;
margin-bottom: 200px;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	-moz-box-shadow: 0px 1px 15px #888;
	-webkit-box-shadow: 0px 1px 15px #888;
	box-shadow: 0px 1px 15px #888;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}

.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}

.nivo-prevNav {
	left:0px;
}

.nivo-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}

.nivo-controlNav a.active {
	font-weight:bold;
}

#slider {
	position:relative;
    width: 960px;
    height: 400px;
	background:url(../../images/nivo_slider/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position: absolute;
	right: 0px;
	bottom: -32px;
}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../../images/nivo_slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../../images/nivo_slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}

a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.clear {
	clear:both;
}