/* @override 
	http://localhost:8888/css/index.css
	http://siggset/css/index.css
*/

* {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color:  #5c5c5c;
}

body {
	background: #e5e5e5 url(../images/body_bg.gif) repeat-x 0 top;
	
}

/* @group fonts */
a {
	text-decoration: none;
}

a img{
	border:none;
}

em {
	color:  #212121;
}

p {
	line-height: 14px;
	margin-bottom: 12px;
	margin-left: 25px;
	margin-right: 18px;
}

h1 {
	font-size: 18px;
	font-weight:  normal;
	margin-bottom: 14px;
	margin-top: 20px;
	margin-left: 25px;
}

.last {
	padding: 0px;
	width: 90%;
	border-bottom: 1px dotted silver;
	height: 8px;
	margin-bottom: 0;
}
h2 {
	font-size: 14px;
	font-weight:  normal;
	margin-bottom: 4px;
	margin-top: 8px;
	margin-left: 25px;
}


h3 {
	font-size: 12px;
	margin-top: 12px;
	margin-left: 25px;
	margin-right: 25px;
	line-height: 17px;
	font-weight: normal;
	font-style: normal;
}

.kursiv {
	
	margin-left: 25px;
	margin-right: 60px;
	line-height: 15px;
	padding-bottom: 4px;
	font-style: italic;
	font-size: 11px;
}

#sidebar p {
	margin-left: 50px;
	margin-right: 60px;
	color: #212121;
	line-height: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
}

#sidebar h2{
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
	padding-left: 26px;
	color: #212121;
	margin-top: 0;
}

#sidebar p img {
	display:  inline;
	padding-right: 0;
	border-right: 6px solid #ededed;
}

#sidebar h3{
	font-size: 14px;
	font-weight: normal;
	padding-left: 25px;
	color: #212121;
	line-height: 22px;
	padding-bottom: 8px;
}

/* @end */

#wrap {
	width: 885px;
	margin-left: auto;
	margin-right: auto;
}

#head {
	height: 100px;
}

#signet{
	width: 157px;
	height: 38px;
	position: relative;
	top: 44px;
	left: -16px;
}

/* @group navi */

#navi {
	width: 558px;
	height:67px;
	float: left;
	background: url(../images/navi_bg.gif) repeat-x;
	display: inline;
}

#navi ul {
	list-style-type: none;
}

#navi ul li{
	display: block;
	float: left;
	}

#navi ul li a{
	display: block;
	height: 67px;
} 

#navi ul li em{
	display: none;
}

#navi ul li.start a{
	background-image: url(../images/navi_start.gif);
	width: 59px;
}

#navi ul li.start a:hover{
	background-image: url(../images/navi_start-over.gif);
	width: 59px;
}

#navi ul li.philosophie a {
	background-image: url(../images/navi_philosophie.gif);
	width: 101px;
}

#navi ul li.philosophie a:hover {
	background-image: url(../images/navi_philosophie-over.gif);
	width: 101px;
}

#navi ul li.web2print a {
	background-image: url(../images/navi_web2print.gif);
	width: 92px;
}

#navi ul li.web2print a:hover {
	background-image: url(../images/navi_web2print-over.gif);
	width: 92px;
}

#navi ul li.produkte a {
	background-image: url(../images/navi_produkte.gif);
	width: 77px;
}

#navi ul li.produkte a:hover {
	background-image: url(../images/navi_produkte-over.gif);
	width: 77px;
}

#navi ul li.service a {
	background-image: url(../images/navi_service.gif);
	width: 63px;
}

#navi ul li.service a:hover {
	background-image: url(../images/navi_service-over.gif);
	width: 63px;
}

#navi ul li.kontakt a {
	background-image: url(../images/navi_kontakt.gif);
	width: 64px;
}

#navi ul li.kontakt a:hover {
	background-image: url(../images/navi_kontakt-over.gif);
	width: 64px;
}


#navi ul li.news a {
	background-image: url(../images/navi_news.gif);
	width: 110px;
}

#navi ul li.news a:hover {
	background-image: url(../images/navi_news-over.gif);
	width: 110px;
}


/* @end */

/* @group subnav */

#subnav {
	display: inline;
		
	}
#subnav ul {
	padding-left:40px;
	list-style-type: none;
	padding-bottom: 13px;
}

#subnav li {
	padding: 6px 10px 4px 0px;
	line-height: 16px;
	width: 222px;
	border-bottom: 1px dotted silver;
	margin-left: 0;
}

#subnav li.last {
	border: none;
}

#subnav li a {
	font-size: 11px;
	color: #212121;
	text-decoration: none;
	padding-left: 11px;
}

#subnav li a.current, #subnav li a:hover {
	background: url(../images/pfeil.gif) no-repeat 1px 4px;

}
#subnav li a.current {
	font-weight: bold;
}

/* @end */

/* @group suche */

#suche {
	width: 327px;
	height:  67px;
	float: left;
	padding-top: 0;
	background: #eae8e8 url(../images/navi_bg.gif) repeat-x;
	display: inline;
}

#suche form {
	margin-top: 40px;
	margin-left: 41px;
}

#suche form #searchfield{
	width: 105px;
	height: 14px;
	float: left;
}

#suche form #bt_search{
	display: block;
	float: left;
	margin-left: 7px;
}



/* @end */

#content {
	clear: both;
	margin-top: 5px;
	background: #fefefe url(../images/content_bg.gif) repeat-x 0 top;
}


#content #main {
	width: 440px;
	float:  left;
	padding: 30px 50px 20px 40px;
	display: inline;
}

#content #sidebar {
	width: 350px; 	
	float: right;
	background-color: #ededed;
	padding-top: 20px;
	overflow: hidden;

}

#content #sidebar div.highlight {
	background: url(../images/sidebar_bg_special.gif) repeat-x 0 bottom;
	width: 100%;
	padding-bottom: 11px;
	padding-top: 13px;
	margin-bottom: 10px;
}

#content #main ul li{
	list-style-type: none;
	margin-left: 25px;
	line-height: 16px;
}
img#index_title{
	margin-top: 16px;
	margin-left: 43px;
	border:  none;
	margin-bottom: 23px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* @group clearfix */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* @end */

/* @group footer */

#footer{
	background: #939393 url(../images/footer_bottom_corners.gif) no-repeat 0 bottom;
	clear:  both;
	height: 72px;
}

#footer p{
	font-size: 10px;
	color: #cacaca;
}
#footer a{
	color: #cacaca;
	text-decoration: none;
}
#footer a:hover{
	
	text-decoration: underline;
}

#bottom_shadow{
	background-image: url(../images/shaddow_bottom.gif);
	height: 43px;
	clear:  both;
}

#tuev{
	background: url(../images/ico_tuev.gif) no-repeat 0 9px;
	width: 194px;
	padding-left: 48px;
	padding-top: 19px;
	height: 40px;
	margin-left: 42px;
	float: left;
	display: inline;
}

#rights{
	display: block;
	float: left;
	margin-left: 292px;
	margin-top: 13px;
	text-align: right;
	display: inline;
}



/* @end */

/* @group map24 */
#map24 {
	font-family: "Tahoma", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #828282;
	padding: 2px 5px;
	padding-left: 0;
	width:260px;
	margin-left: 20px;
}

#map24 input,
#map24 select {
	font-family: "Tahoma", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #828282;
	margin-top: 2px;
	padding: 2px 5px;
	border: 1px solid #dbdbdb;
	border-top: 2px solid #bcbcbc;
	margin-bottom: 2px;
}

#map24 select {
	padding: 0 0 1px;
	margin-top: 8px;
}

.text_anfahrt {
	display: block;
}

#map24 form {
	padding: 0;
	margin: 2px 0px 0px 27px;
}
#map24 input.senden {
	margin: 11px 0 0;
	border: none;
	padding: 0;
	width:auto;
	height:auto
}

/* @end */
/* @group style */
/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:240px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* Sample 5*/
#box5{
	position:absolute;
	width:393px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:403px;
	height:214px;
	overflow:hidden;
	}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
	display: inline;
}
#thumbs_handles7 span{
	background: url(../gallerie/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background: url(../gallerie/thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:403px;
	height:214px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:393px;
	height:277px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}


/* @end */

/* @group web */

pre {
	background: #666;
	color: #fff;
	padding: 10px;
	margin: 10px;
	height: auto;
	overflow: auto;
	font: 12px Verdana,Courier,sans-serif
}

* html pre {
	width: 100%
}

.sample {
	padding: 0;
	margin: 0 0 0 25px;
	
}

h4.stitle {
	color: #666;
	margin: 0 0 5px 0
}

.thumbbox {
	display: inline;
	float:  left;
	padding-right: 8px;
	padding-bottom: 8px;
}
.thumbboxlast {
	display: inline;
	padding-right: 8px;
	padding-bottom: 8px;
}


.links {
	padding: 10px;
	margin-top: 20px
}

.links a {
	font-size: 14px;
	color: #0080FF;
	text-decoration: none
}

.links a:hover {
	font-weight: bold
}

#cont {
	width: 550px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	padding: 20px
}

.butt{
	
	width: 500px;
	display: inline;
	float: right;
	padding-top: 27px;
	padding-right: 0;
}

.buttons {
	display: inline;
	margin-left: 36px;
	padding-top: 6px;
	margin-top: 0;
}

.buttons span {
	color: #757575;
	padding: 0 51px 0 10px;
	cursor: pointer;
	font: 10px Verdana;
	margin-top: 0;
	margin: 0;
}

.buttons span.active, .buttons span:hover {
	background: #9cf;
	color: #fff
}