html{
	padding:0;
	margin:0;
	border:0;
	font-family:helvetica;
	color:#444;
	font-size:12px;
	letter-spacing:1px;

}
body{	
}
.subtitle{color:#8E413F;font-size:14px;padding:3px 0;}
#under_constr{
	height:100%;
	width:100%;
	z-index:99;
	position:absolute;
	background:transparent url('../images/under_construction.png');
}
p{letter-spacing:0px;}
a{text-decoration:none;color:#444;}
a:hover{
	color:#ccc;
}
a:visited{
	
}
a:active, .active{
	color: #8E413F;
}
h1,h2,h3,h4{
	margin:0 0 5px 0;
}
img,a{border:none;}
h1{color:#8E413F;}
li a{}

#playerholder{width:540px;height:405px;}


.clear{width:100%;clear: both;margin: 0 0 0 0;position:relative;display:block;height:1px;}
.vspacer{height:120px;clear:left;}
.left{float:left;}
.right{float:right;}

#container{
	width:1024px;
	margin: 15px auto 0 auto;
}
#container_center{
	width:595px;
	margin: 30px auto 0 auto;
}

#container_admin{
	height:670px;
	width:890px;
	padding:50px;
	margin: 0px auto;
}

#content{
	/* border:1px solid #000; */
	background: #fff;
}
#content_admin{
	height:910px;
	margin:20px 0 0 0;
	padding: 20px 25px;
}
#content_admin #footer{
	position:absolute;
	top: 990px;
}
#content_admin #info_block{
	position:relative;
	float:right;
	clear:none;
	top:782px;
	width:189px;
	margin:0;
	padding: 0 0 0 20px;
	border-left:1px solid #000;
}
#main{
	padding:10px;
	margin:10px;
	height: 540px;
}
#main_admin{
	border:1px solid #000;
	padding:10px;
}
#slideshow{
	padding:20px 0 10px 0px;
	width:840px;
}
#content_{
	min-height:570px;
	margin: 0 0 0;
	padding:0;

}#content_full{
	min-height:570px;
	margin: 0 0 0;
	padding:50px 95px 0 95px;
	background: url('../images/croc_main_bg1024.jpg') no-repeat top right;

}
#content_home{
	min-height:570px;
	margin: 0 0 0;
	padding:50px 95px 0 95px;
	background: url('../images/titelseite_sm.jpg') no-repeat top right;

}
#content_fuller{
	min-height:780px;
	margin: 0 0 0;
	padding:50px 95px 0 95px;
	background: url('../images/croc_main_bg1024x820.jpg') no-repeat top right;

}

#admin_main{
	border-bottom:1px solid #000;
	margin: 20px 25px;
	padding:10px 0 20px 0;
}

.table_title{
	color: #8E413F;
	font-weight: bold;
	padding:5px 0;
}
#logo_block{
	background: #fff;
}
#top{height:23px;}
#logo{
background: url('../images/crocoheader.png') no-repeat top left;
	width:360px;
	height:33px;
	margin:10px;
}
.left_image{float:left;}
.right_image{float:right;}

#boy{margin:42px 0 0 0;float:right;}
#boy2{margin:-71px 0 0 0;float:right;}

#head{margin:40px 0 0 0;}
#kontakt #head{margin:310px 0 0 0;}
#descr{margin:00px 0 0 0;}
#mail{margin:40px 0 0 0;}
#kontakt #mail{position:relative;top:210px;}
#croco{margin:56px 0 0 0;}


#portfolio_home #nav_block{width:250px;margin: 200px 0 0 0;}
#swiffuploader{height:23px;width:130px;display:inline;margin:0 0 0 20px;}


ul{list-style:none;padding:0;margin:0;}

#folio_nav li{
	font-size:12px;
	line-height:18px;
	padding:5px 0px 5px 20px;
	text-align:left;
}
.subnav{
	line-height:1px;
	padding:0 0 0 14px;
	list-style: none;
	position:relative;
}
.subnav li{
	font-size:10px;
	padding:0 0 4px 20px;
	margin:0;
}
li:hover{
}
#nav{float:left;margin: 5px 15px 5px 5px;}
#nav li{padding: 2px 2px 2px 14px;height:15px;background: transparent url('../images/pfeil_sm.png') no-repeat left 4px;}
#nav li .active{background: transparent url('../images/pfeil_sm_act.png') no-repeat left 4px;}
ul#nav ul.subnav li{padding: 2px 2px 2px 14px;height:15px;background: transparent url('../images/pfeil_sm.png') no-repeat left 4px;}
ul#nav ul.subnav li.active{background: transparent url('../images/pfeil_sm_act.png') no-repeat left 4px;}
#nav .active a{color: #8E413F;}
#image_nav{margin:0px 0 0 300px;padding:20px 0;height:240px;}
.nav_thumb{float:right;margin: 0 0 0 10px;}
.nav_title{padding:2px 0;text-align:center;}
.subnav{line-height:15px;}
.subnav .active{line-height:15px;background: transparent url('../images/pfeil_sm_act.png') no-repeat left 4px;}

#info_block{
	position:relative;
	clear:none;
	width:125px;
	margin:0;
	padding:5px 20px;
}
#info_title{
	margin:0 0 0 0;
}

#entry{
	padding:5px;
	position:relative;
	margin: 0 0 5px 0;
	z-index:5;
}

#main_col1{
	float:left;
	margin: 0;
	padding: 0 10px 0 0;
}


#kontakt #main_col2{
	margin: 30px 40px 0 55px;
}
#main_col2{
	margin: 30px 40px 0 255px;
	height: 430px;
	overflow: hidden;
}

.clear{clear:both;width:100%;}


#scrollable{height:auto;}
			.scrollbar-vert{
				margin:18px 0 0 0;
				border:1px solid #888;
				height: 430px;
				width: 10px;
				float:right;
			}
			.handle-vert{
				height: 20px;
				width: 10px;
				background: #888;
				margin:0 0 1px 0;
			}
#image_thumbs{

}
.home_image{}
#loginlink{color:#ccc;}

:focus { outline: 0; }

#desc_toggler{
float:right;
clear:right;
margin:10px 10px 10px 0;
}
#category_desc{
	top:560px;
	text-align:right;
	margin:0px 10px 10px 0;
	width:320px;
	float:right;
}
#category_desc a,#desc_toggler a{
	color:#8E413F;
	font-size: 11px;
}
#category_desc p{
margin:0;
}
#showcase{
	/*height:325px;*/
	padding:5px 0 20px 0px;
	width:540px;
}
#moveup{margin: 0 0 5px 0;padding:2px;border-bottom:1px solid #fff;background:url('../images/up.png')no-repeat center 2px;height:10px;}
#movedown{margin: 5px 0;padding:2px;border-top:1px solid #fff;background:url('../images/down.png')no-repeat center 4px;height:10px;}
#showcase-loader img { margin: 190px 295px; }
#showcase .bigimage, #showcase-loader { 
	position:absolute;

}
.bigimage img{}
#showcase .text{
	overflow:hidden;
	position:absolute;
	text-align:right;
	padding:10px 0 10px 26px;
	top:415px;
 	color: #8E413F;
 }
.red{ color: #8E413F;display:inline; }
.white{ color: #fff;display:inline; }
.text .white{color:#444;}

#showcasenav{position: absolute;top:567px;width:25px;}
#showcasenav a{}
#showcase .text h2 {font-size: 18px; line-height: 18px; margin: 5px 0; }
#showcase .text p {font-size: 11px; line-height: 17px; margin: 0; }
#showcase .text a { color: #8E413F; }
#showcase .text b { }
#showcase-nav, #content_subnav{	
	margin:0px 0 0px 0;
	clear:right;
	float:right;
	width:260px;
}
#news{width:540px;margin:20px 0 0 260px;}
#news_nav{
	margin:20px 0 0px 0;
	float:left;
	width:240px;
}
.post{
margin:0 0 20px 0;
clear:right;
}
.news_image {
float:right;
margin:0 0 10px 10px;
}

.post .news_image img {
width:180px;
}

.date{float:right;}
.main_title{ color: #8E413F; font-weight:bold;}

#showcase-nav_holder{
	clear:right;
	float:right;
	height:220px;
	width:260px;
	overflow:hidden;
}

#slide_down,#slide_up {
	color:#444;
	font-size:11px;
	font-weight:normal;
	height:15px;
	cursor:pointer;
	float:right;
	clear:right;
	width:254px;
	margin: 0 5px 0 0;

}
#slide_up{
background:url("../images/pfeil_sm_up.png") no-repeat right 4px;

}
#slide_down{
background:url("../images/pfeil_sm_down.png") no-repeat right 4px;

}

#slide_up:hover, #slide_down:hover {
opacity:0.2;background:#333;
}

#next{float:right;width:10px;height:12px;display:block;background:url(../images/right.png)no-repeat left 2px;}
#previous{float:left;width:10px;height:12px;display:block;background:url(../images/left.png)no-repeat left 2px;}
#next:hover{width:10px;height:12px;display:block;background:url(../images/right.png)no-repeat left 2px;}
#previous:hover{width:10px;height:12px;display:block;background:url(../images/left.png)no-repeat left 2px;}

#nav_block{width:260px;margin:0 0 10px 0 ;float:right;}
#navitabs{	
	margin: 0px 0 0 3px;
	clear:right;
	padding: 5px 0;
}
.navitab{
	font-weight:bold;
}
.activenavitab{color: #8E413F}
#showcase-nav ul{
	height:160px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#showcase-nav li{
	float: left;
	margin: 0;
	padding: 0;
} 
#showcase-nav a{
	display: block;
}

#showcase-nav .thumbnail{
	display: block;
	float: left;
	margin: 2px;
}
#showcase-nav .thumbnail_h img{
	height:40px;
	border: none;
}
#showcase-nav .thumbnail_w img{
	width:60px;
	border: none;
}
span img:hover{opacity:0.2;background:#333;}
#showcase-nav .text{
	display: block;
	font-size: 11px;
	font-weight: 800;
	color: #EEE;
	width: 116px;
	overflow: hidden;
	float: left;
	padding: 0 0 10px 0;
}
#showcase-nav .last a {
	border: 0;
}
#showcase-nav .active a {
	background: #666;
}
#showcase-nav .active a .text {
	color: #EEE;
}
.bigimage{width:540px;opacity:0;}

.bigimage .slideshow_image_w{width:540px;}
.bigimage .slideshow_image_h{height:420px;}
.main_image{}


#nav_static{
	text-align:right;
	float:right;
	font-size:15px;
	margin:0px 5px 0px 0px;
	padding:0px 0px 5px 0;
}
#homelink{
	font-size:15px;
	margin:0px 5px 0px 0px;
	padding:0px 0px 5px;
}
#homelink span a{color:#ccc;}
#nav_static span{
}

#footer{
	background: #fff;
	clear:both;
	padding: 10px 0px;
}
#colophon{
	font-size:11px;
	color:#8E413F;
	letter-spacing:1px;
	padding: 5px 5px 0;
}
#colophon a{color:#eee;}

/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;

	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(../images/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {background-image: url(closebox.gif);
}

.sbox-loading #sbox-content {
	background-image: url(../images/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(../images/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(../images/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(../images/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(../images/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(../images/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(../images/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(../images/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(../images/bg_nw.png) no-repeat;
}