/* 
=============================================================================================
file: luther.css
matched to www.schreinerei-luther.de
=============================================================================================
*/





/*
=============================================================================================
layout 
=============================================================================================
*/

body { background:#130B00; margin:0; padding:0; }
body, a, p, ul, li, div, table, td, span, h1, h2, h3, h4, h5, h6 { font-family: Geneva, Arial, Helvetica, sans-serif; } 

a { color: #990000; text-decoration:none; outline:none; }
a:hover { color: #990000; text-decoration: underline; }

#wrap { margin:0; width:100%; height:100%; }
#con { width:1024px; height:768px; display:block; margin:20px auto; padding:0; position:relative;  } 
#top { width:1024px; height: 142px; background:url(../images/sprite.png) no-repeat 0px 0px;  }

#homelink { height:100px; width: 800px; position:absolute; top:20px; left:30px; cursor:pointer; }
#homelink h1 { width:100%; } 
#homelink h1 a {display:block; width:300px; height:100px; }
#homelink h1 a span { display:none; }
#creativepartner { height:100px; width:100px; position:absolute; top:20px; left:900px; cursor:pointer; }
#creativepartner a { display:block; height:100px; width:100px; }
#creativepartner a span { display:none; }

/*
=============================================================================================
Navigation
=============================================================================================
*/

#navi { position:absolute; z-index:666; }

#navbar { 
	list-style-type:none;
	padding:0;
	margin:0; 
}

#navbar li { 
	height:38px;
	margin:0;
	padding:0;
	display:inline;
}

#navbar li a { height:38px; display:block; float:left; border:none; }

#navbar li a span {
	display:none;
}


.fachkundig {	width:102px; background:url(../images/sprite.png) no-repeat 0px -142px; }
.fachkundig:hover, .fachkundig_active { width:102px; background:url(../images/sprite.png) no-repeat 0px -180px; } 

.persoenlich {width:101px; background:url(../images/sprite.png) no-repeat -102px -142px; }
.persoenlich:hover, .persoenlich_active { width:101px; background:url(../images/sprite.png) no-repeat -102px -180px; } 

.speziell { width:101px;  background:url(../images/sprite.png) no-repeat -203px -142px; }
.speziell:hover, .speziell_active { width:101px; background:url(../images/sprite.png) no-repeat -203px -180px; }

.vielseitig { width:101px; background:url(../images/sprite.png) no-repeat -304px -142px; }
.vielseitig:hover, .vielseitig_active { width:101px; background:url(../images/sprite.png) no-repeat -304px -180px; }

.bewaehrt { width:94px; background:url(../images/sprite.png) no-repeat -405px -142px; }
.bewaehrt:hover, .bewaehrt_active { width:94px; background:url(../images/sprite.png) no-repeat -405px -180px; }

.navispacer { height:38px; display:block; float:left; width:143px; background:url(../images/sprite.png) no-repeat -499px -142px;  }

.partner { width:70px; background:url(../images/sprite.png) no-repeat -642px -142px;}
.partner:hover, .partner_active { width:70px; background:url(../images/sprite.png) no-repeat -642px -180px; }

.presse { width:71px; background:url(../images/sprite.png) no-repeat -713px -142px; }
.presse:hover, .presse_active { width:71px; background:url(../images/sprite.png) no-repeat -713px -180px; }

.extras { width:69px; background:url(../images/sprite.png) no-repeat -784px -142px;  }
.extras:hover, .extras_active { width:69px; background:url(../images/sprite.png) no-repeat -784px -180px; }


.kontakt { width:75px; background:url(../images/sprite.png) no-repeat -853px -142px; }
.kontakt:hover, .kontakt_active { width:75px; background:url(../images/sprite.png) no-repeat -853px -180px; }

.impressum { width:97px; background:url(../images/sprite.png) no-repeat -928px -142px; }
.impressum:hover, .impressum_active { width:97px; background:url(../images/sprite.png) no-repeat -928px -180px; }


/* 
=============================================================================================
content
=============================================================================================
*/
#content {
	width:1024px;
	height:586px;
	display:block;
	background:url(../images/sprite.png) no-repeat 0px -180px;
}

#con_mid {
	width:690px;
	height:452px;
	background:#fff;
	line-height:18px;
	padding:0;
	position:absolute;
	top:225px; 
	left:167px;
}

#redcorner { width:32px; height:5px; display:block; background:#BB0000; position:absolute; top:225px; left:167px; z-index:2; }

#footer { 
	width:1024px;
	height:38px;
	background:url(../images/sprite.png) no-repeat 0px -766px;
}

#footermail {
	width:138px;
	height:18px;
	display:block;
	position:absolute;
	top:750px;
	left:690px;
	cursor:pointer;
	z-index:999;
}
#footermail span { display:none; }
#con_mid div.left {
	width:430px;
	font-size:11px;
	padding:10px; 
}

#con_mid div h1 {
	font-size:12px;
	font-weight:bold;
}

.right_image { padding:5px; border:none; outline:none; position:absolute; top:0; left:469px; }

#debug { width:200px; height:150px; background:#EEEEEE; border:1px solid#000; z-index:9999; position:absolute; top:0; left:0; }

/* 
=============================================================================================
s3Slider
=============================================================================================
*/
#slider {
    width: 211px; /* important to be same as image width */
    height: 442px; /* important to be same as image height */
    position: absolute; /* important */
	overflow: hidden; /* important */
	top:5px;
	left:474px;
	
}
#sliderContent {
    width: 220px; /* important to be same as image width or wider */
    position: absolute;
	top:0;
	margin:0;
	padding:0;
}
.sliderImage {
 /*  float: left;*/
   position: absolute;
   top:0;
   left:0;
   display: none;
}
.sliderImage .right {
    position: absolute;
	top:0;
	left:0;
	font: 10px/12px Geneva, Arial, Helvetica, sans-serif;
    padding:5px;
    width: 211px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	z-index:10;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none; }


/* 
=============================================================================================
styles matched to contents
=============================================================================================
*/

/* fachkundig > störer */
#stoerer {
	background:url(../images/verdienstmedaille-small.png) no-repeat 0px 0px; 
	width:160px; 
	height:190px; 
	position:absolute; 
	top:280px;
	left:-20px;
	z-index:10;
	display:block;
}

#stoerer span { display:none; } 

/* .stoerer div { position:absolute; top:160px; left:30px; font-size:11px; }*/
.closeBtn { 
	float:right;
	padding:3px;
}

/* listen: referenzen / partner */
.default_list {
	list-style-type:none;
	padding:0;
	margin:0; 
	line-height:16px;
}

#default_list li { 
	margin:0;
	padding:0;
	display:inline;
}
 
 /* listen header: partner */
.listhead { font-weight:bold; margin:8px 0 0 0; }

/* scrollbox > presse, scrollbox > kontakt */
.left.scroll {
	width:450px !important;
	height:421px;
	margin-top:5px !important;
	overflow:auto;
}

.left.kontaktwrap { width:650px !important; height: 420px; }

.left.scroll.con_form { display:none; }

/* tabelle: presse */
.presse_liste {
	width:420px;
	
}
.header_small {
        font-weight: bold;
        color: #000;
        height:30px;
}

.header {
        font-size: 12px;
        font-weight: bold;
        color: #000;
        height:30px;
		margin-bottom:5px;
}

/* vielseitig */
.extended { width: 650px !important; }
a.subnavi, a.subnavi.active { /*background:url(../images/point.gif) no-repeat 0px 4px; padding-left:9px; */margin-right: 11px; }
a.subnavi.active { font-weight:bold; }

.zoomview div.thumb_box { border:1px solid #ccc; padding:2px;  width:120px; height:120px; display:block; margin:2px 2px; float:left; }
.zoomview img.gallery { border:1px solid #aaa; padding:2px; float:left; }

.textbox { width:670px; height:auto; line-height:18px; margin:30px 0 0 0;  }

/* kontakt */
ul.formbox, ul.interest { margin:0; padding:0; list-style:none; display:inline; }
ul.formbox li, ul.interest li { margin:0; line-height:20px; float:left; clear:left; width:440px; }
ul.formbox li label { width:100px; height:20px; float:left; } 
ul.formbox li input[type="submit"] {
	   font-weight:bold;
       color: #000;
       background-color: #FFF;
       height: 20px;
       width: 80px;
       border: 1px solid #666;
	   margin-top:10px;
}

ul.formbox li input[type="submit"]:hover {
		border: 1px solid #999;
		color:#AA0000;
}
ul.formbox li input[type="text"] {
        font-size: 11px;
        color: #000;
        background-color: #FFF;
        border: 1px solid #ccc;
		width:150px;
}

textarea { font-size: 11px;
        color: #000;
        background-color: #FFF;
        border: 1px solid #ccc; }

ul.formbox li input[type="text"].date { width:80px; }


label.error { 
		color:#BB0000;
		font-size:9px !important;
		width:200px;
		height:18px;
		padding:0 0 0 2px;
		background:#FDE3E6;
		display:block;
		float:right !important;
}


/* footer > facebook button */
#fb_button { 
	width:20px; height:20px; display:block; position:absolute; top:745px; left:840px; background: url(../images/fb_icon.jpg) no-repeat 0px 0px;
}

#fb_button a { width:20px; height:20px; display:block; }
#fb_button a span { display:none; }