body {
background : #fff;
font-family : "Verdana, Geneva, sans-serif;
font-size : 15px;
font-weight: 400;
line-height: 20px;
color: #333;
margin : 0px;
}

img
{
border:0;
}

#wrap {
width:950px;
margin:0 auto;
}

#main {
float:left;
width:150px;
}
#sidebar {
float:right;
width:740px;
min-height:530px;
background-image:url(images/delvos-bodylines.gif);
background-position:top;
background-repeat:repeat-y;
padding-left:25px ;
padding-top:20px ;
padding-bottom:25px ;
padding-right:35px ;
}

#sidebar img
{
float:right;
border:0;
padding-left:50px ;
padding-top:0px ;
padding-bottom:10px ;
padding-right:40px ;
}

#header {
background-image:url(images/delvos-header-.gif);
background-repeat:no-repeat;
background-position:bottom;
height: 170px;
width: 950px;
text-align:right;
}

#header {
padding-top:10px;
}

#footer {
clear:both;
background-image:url(images/delvos-footer-.gif);
background-repeat:no-repeat;
height: 35px;
width: 950px;
padding-top: 20px;
}
#footer ul { text-align: right; display:inline; }

#footer li { display: inline;
list-style-type: none;
padding-right: 25px;}

.hallohead {
font-size: 30px;
line-height: 40px;
font-weight:600;
}
.hallosub {
font-size: 15px;
line-height: 25px;
font-style: italic;
}
.headline {
font-size: 15px;
font-weight: 600;
color: #007733;
}
.produktbez
{
font-size: 30px;
line-height: 30px;
font-weight: 400;
color: #007733;
}
.typbez
{
font-size: 15px;
line-height: 20px;
font-weight: 400;
color: #007733;
border-bottom:solid 1px #007733;
}
.trennlinie
{
border-top:dotted 1px #333;
}
.KatalogABC
{
font-weight: 600;
}
.aztable
{
	vertical-align:top;
	text-align:left;
	font-weight: 400;
}

.aztable tr td
{
	vertical-align:top;
	text-align:left;
	font-weight: 400;
}

.zurueckKatalog
{
	padding: 20px 0 0 0;
border-top:dotted 1px #333;
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
-o-column-gap: 20px;
-ms-column-gap: 20px;
column-gap: 20px;
}

.einecol {
	width: 340px;
}

.zweicols {
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
-o-column-gap: 20px;
-ms-column-gap: 20px;
column-gap: 20px;
}

.dreicols {
-webkit-column-count: 3;
-moz-column-count: 3;
-o-column-count: 3;
-ms-column-count: 3;
column-count: 3;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
-o-column-gap: 10px;
-ms-column-gap: 10px;
column-gap: 10px;
}

#raster {
float:right;
width:740px;
min-height:600px;
background-image:url(images/delvos-bodylines.gif);
background-position:top;
background-repeat:repeat-y;
padding-left:20px ;
padding-top:20px ;
padding-bottom:20px ;
padding-right:30px ;
}

#raster img
{
float:none;
border:0;
padding:0;
}

#linksbar {
float:right;
width:740px;
min-height:530px;
background-image:url(images/delvos-bodylines.gif);
background-position:top;
background-repeat:repeat-y;
padding-left:25px ;
padding-top:25px ;
padding-bottom:25px ;
padding-right:35px ;
}

#linksbar img
{
border:0;
padding-left:50px ;
padding-top:0px ;
padding-bottom:10px ;
padding-right:40px ;
}

.list
{
	width: 300px;
}
ul {
   list-style-image: url(images/list-icon.png);
}

li {
	margin-left:-1.5em;
}

a:link {
text-decoration : underline;
color : #007733;
}
a:visited {
text-decoration : underline;
color : #007733;
}
a:hover {
text-decoration : none;
color : #000000;
}
a:active {
text-decoration : none;
color : #007733;
}

#object {
    font-family : "Verdana, Geneva, sans-serif;
	position : relative;
	margin : 0;
	padding : 0;
	z-index : 4000;
	font-weight : normal;
	}

#object p {
position : absolute;
left : 23%;
width : 226px;
height : 202px;
margin : 0;
padding : 0;
background-image : url(images/mittlerer-roter-stoerer-delvos.png);
background-position : center;
background-repeat : no-repeat;
color : #FFF;
text-align : center;
font-size : 13px;
/*letter-spacing : 0.1em;
text-shadow: 0px -1px 1px rgba(0,0,0,0.5);*/
line-height : 1.4em;	
font-weight: normal;
	}

#object p span {
font-weight : 600;
font-size : 16px;
}


/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}