/* CSS Document */


/* ------------------------------------------------------------------------------------------------------- Allgemeines */

body	{
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#page	{	/* Linksbündig Seite */
	top: 0px;
	margin-left: 40px;
	margin-bottom: 100px;
	position: relative;
	text-align: left;
}

#pagedl	{	/* Linksbündig Seite */
	top: 0px;
	margin-left: 40px;
	margin-bottom: 180px;
	position: relative;
	text-align: left;
}

img {
	border:0px;
}

/* ------------------------------------------------------------------------------------------------------- Typographie */

body,td,th,p	{
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
}

h1	{
	font-size: 26px;
	line-height: 22px;
	font-weight: normal;
	color: #88bbed;
	margin: 0px 0px 20px 0px;
}

h2	{
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
}

#smallhell	{
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #88bbed;
}

#smalldunkel	{
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #014B7E;
}

#smallweiss	{
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

.hellblau	{
	color: #88bbed;
}

.dunkelblau	{
	color: #014B7E;
}

.weiss	{
	color: #FFFFFF;
}


#smallhell a, li a	{
	color: #88bbed;
}

#smalldunkel a, li a	{
	color: #014B7E;
}

#smallhell a:hover, li a:hover	{
	color: #45BBBE; 
}

#smalldunkel a:hover, li a:hover	{
	color: #0558B2; 
}

a, li a	{
	text-decoration: underline;
}


ul	{
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 0px 10px 19px;
	padding: 0px;
}

li	{
	margin: 0px;
	padding: 0px;
}

#teasertext a, #teasertext a:visited	{
text-decoration: none;
color: #FFFFFF;

}

#teasertext a:hover	{
	color: #88bbed;
	text-decoration: none;
}



/* ------------------------------------------------------------------------------------------------------- Head */


#logo	{
	left: 780px;
	top: 0px;
	width: 180px;
	height: 320px;
	position: absolute;
	z-index: 1;
}





/* ------------------------------------------------------------------------------------------------------- Haupt-Navigation */

#nav	{
	width: 740px;
	height: 28px;
	z-index: 80;
	padding: 30px 0px 0px 0px;
}

#nav ul	{
	margin: 0px;
	padding: 0px;
}

#nav li	{
	float: left;
	list-style-type: none;
}

#nav li a	{}

#nav li a:hover	{}

/* ----------------------------------------------------- Drop Down */


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 13px;
	color: #88bbed;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 0px;
	width: auto;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	/*width:500px;		 maximalbreite fuer subnavigation */
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: underline;
	color: #88bbed;
	float: left;
}

#sddm div a:hover
{	color: #FFFFFF;
	text-decoration: underline;
}



/* ------------------------------------------------------------------------------------------------------- Sub-Navigation */

#subnav	{
	left: 560px;
	top: 138px;
	width: 220px;
	position: absolute;
}

#subnav ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#subnav li 	{
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	font-decoration: underline;
}


/* Titel eines Untermenüs */
.WebYepMenuTitle	{}

/* Titel eines Untermenüs, das gerade ausgeklappt ist */
.WebYepMenuTitleExpanded	{}

/* Genereller Menüeintrag */
.WebYepMenuItem	{}
.WebYepMenuItem	a	{}
.WebYepMenuItem a:hover	{}

/* Der erste Eintrag in seinem Menüzweig ist (z.B. für Trennlinien verwendbar) */
.WebYepMenuFirstItem	{}
.WebYepMenuFirstItem	a	{}
.WebYepMenuFirstItem	a:hover	{}

/* Menüpunkt, der ein Untermenü enthält  */
.WebYepMenuTitle	{}
.WebYepMenuTitle a:hover	{}

/* Der gerade ausgewählte Menüeintrag */
.WebYepMenuCurrentItem	{}
.WebYepMenuCurrentItem a	{}
.WebYepMenuCurrentItem a:hover	{}

#subnav	.WebYepMenuCurrentItem	{
color: #FFFFFF;
}




/* ------------------------------------------------------------------------------------------------------- Meta-Navigation */

#metanav	{
	text-align: right;
	margin-top: 10px;
	z-index: 3;
}

#metanav ul	{
	margin: 0px;
	padding: 0px;
}

#metanav li	{
	float: right;
	margin-left: 5px;
	list-style-type: none;
}





/* ------------------------------------------------------------------------------------------------------- Content */

#joma	{
	margin: 0 0 10px -40px;
	width: 780px;
	height: 440px;
	background-image: url(../img/main_joma.png);
}

#jomatext	{
	margin: 0px;
	width: 620px;
}

#team	{
	margin: 80px 0 0 0;
	width: 640px;
}

#teamitem	{
	width: 160px;
	float:left;
	margin: 0px 0px 20px 0px;
}

.abstand40 {
	padding-top: 40px;
}

.abstandu20 {
	padding-bottom: 20px;
}

.abstando20 {
	padding-top: 20px;
}

#dl_kat	{
	padding: 78px 0 0 0;
	width: 740px;
}

#dl_kat ul	{
	list-style: none;
	padding: 15px 0 0 0;
	margin: 0;
}

#dl_kat li	{
	float: left;
	padding: 0;
	margin: 0;
}

#dl {
	list-style:none;
	padding: 0px;
	margin: 0px;
}

#dl li {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	font-decoration: underline;
	padding: 0 0 10px 35px; 
	background:url(../img/icon_dl.png) no-repeat;
}

#news	{
	padding: 78px 0 0 0;
	width: 460px;
}

#news a {
	color: #FFFFFF;
}


#partner	{
	float: left;
	width: 460px;
}

#partner dl	{
	float: left;
	padding: 0 0 10px 0;
	width: 460px;
}

#partner dt	{
	float: right;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	width: 300px;
}

#partner dd	{
	margin: 0 0 0 160px;
	padding: 0;
}

#partner dl dd.img	{
	margin: 0;

}

#partner dd.img img	{
	float: left;

}

#partner a {
	color: #88bbed;

}

#billboard	{
	margin: 32px 0 0 -10px;
	width: 740px;
	height: 480px;
	background-image: url(../img/bg_billboard.png);
	background-repeat:no-repeat;
	padding: 10px;
}


#billboard_corner	{
	top: 100px;
	left: 0px;
	position: absolute;
	width: 740px;
	height: 10px;
	background-image: url(../img/bg_billboard_corner.png);
	background-repeat:no-repeat;
	z-index: 99;
}

#billboard h1	{
	color: #88bbed;
	margin: 20px 20px 15px 20px;
}

#billboard p	{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	margin: 0px 20px 20px 20px;
}


#corner_oben	{
	top: 136px;
	left: 0px;
	position: absolute;
	width: 460px;
	height: 10px;
	background-image: url(../img/corner_oben.png);
	background-repeat:no-repeat;
	z-index: 99;
}

#corner_unten	{
	top: 406px;
	left: 0px;
	position: absolute;
	width: 460px;
	height: 10px;
	background-image: url(../img/corner_unten.png);
	background-repeat:no-repeat;
	z-index: 99;
}

#corner_schatten	{
	padding: 0px;
	margin: 0px;
	width: 466px;
	height: 287px;
	background-image: url(../img/corner_schatten.png);
	background-repeat:no-repeat;
	z-index: 1;
}

#socket	{
	width: 100%;
	min-width: 1020px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding: 0px;
	margin: 0px;
}


#startsocket	{
	margin: 10px 0px 0px -40px;
	height: 400px;
	width: 100%;
	min-width: 1020px;
}

#products	{
	width: 480px;
	height: 400px;
	margin: 20px 0 0 40px;
	padding: 0px;
	float: left;
}

#products ul	{
	margin: 0px;
	padding: 0px;
}

#products li	{
	float: left;
	list-style-type: none;
	padding: 0px 10px 10px 0px;
	margin: 0px;
}

#impressum 	{
	padding-top: 10px;
}

#teasercontainer	{
	margin: 20px 0 0 80px;
	width: 190px;
	height: 480px;
	padding: 0px;
	float: left;
}

#teaser	{
	width: 190px;
	height: 240px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/bg_teaser.png);
	background-repeat:no-repeat;
	overflow:visible;
}

#teasertext	{
	margin: 10px 20px 10px 10px;
}

#teaser_corner1	{
	top:620px;
	left:560px;
	position:absolute;
	width: 180px;
	height: 10px;
	padding: 0px;
	background-image: url(../img/bg_teaser1_corner.png);
	background-repeat:no-repeat;
	z-index: 99;
}


#teaser_corner2	{	
	top:860px;
	left:560px;
	position:absolute;
	width: 180px;
	height: 10px;
	padding: 0px;
	background-image: url(../img/bg_teaser2_corner.png);
	background-repeat:no-repeat;
	z-index: 99;
}


#download	{
	margin-top: 20px;
	margin-left: 310px;
	float: left;
}

#download p	{
	margin: 35px 0px 8px 0px;

}

#download_start	{
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

/* Position Produkttext- und bilder ------------------------------------------------------------------------------------------------------- */
#text	{
	margin: 120px 0px 0px 380px;
	width: 360px;
}

#gewurzmuhle	{
	top: 120px;
	left: 65px;
	position: absolute;
	width: 325px;
	height: 750px; 
	background: url(../img/gm.png);		
}

#handelsware	{
	top: 60px;
	left: 0px;
	position: absolute;
	width: 480px;
	height: 800px;
	background: url(../img/hw.png);		
}

#pharma	{
	top: 140px;
	left: 0px;
	position: absolute;
	width: 420px;
	height: 540px;
	background: url(../img/ph.png);		
}

#securibox	{
	top: 0px;
	left: 0px;
	position:absolute;
	width: 760px;
	height: 800px;
	background: url(../img/sb.png);
}

#verschlusse	{
	top: 0px;
	left: 0px;
	position: absolute;
	width: 580px;
	height: 760px;
	background: url(../img/vsch.png);
}

#dlpdf	{
	margin-top: 40px;
}






#headline	{
	left: 240px;
	top: 0px;
	width: 700px;
	height: 40px;
	position: absolute;
}

#content	{
	left: 240px;
	top: 40px;
	width: 700px;
	position: absolute;
}

#content_extended	{	/* für Spalten-Layout */
	left: 240px;
	top: 40px;
	width: 730px;
	position: absolute;
}

#content p	{
	padding-right: 40px;
}

#content a:hover	{
	text-decoration: underline; 
/* 	border-bottom: 1px dotted;
	padding-bottom: 0px; */
}

#content ul	{
	list-style-type: square;
	list-style-position: outside;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.col2	{
	width: 320px;
	float:left;
	padding-right: 40px;
}

.col3	{
	float:left;
	width: 210px;
	padding-right: 30px;
}

#side	{
	top: 0px;
	left: 480px;
	width: 220px;
	position: absolute;
}




#footer{
	width: 700px;
	height: 30px;
	margin: 80px 0px 60px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11px;
	line-height: 14px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #888888;
}

.clearer {
    clear : both;
    height :1%;
}






/* Spezielle Formate ------------------------------------------------------------------------------------------------------- */

#sidenote ul	{
	margin: 0px;
	padding: 0px;
}

#sidenote li	{
	display: block;
	width: 195px; /* 220 minus paddings */
	padding: 10px 15px 10px 10px;
	margin-bottom: 20px;
	list-style-type: none;
	font-size: 12px;
	line-height: 16px;
}

#story	{
	left: 0px;
	width: 700px;
	padding-top: 40px;
	padding-bottom: 0px;
	background-image: url(../img/story.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#story p	{
	margin-left: 240px;
	margin-top: 0px;
	padding-right: 30px;
}

#story .legend	{
	left: 240px;
	width: 430px; /* 460 minus Padding */
	position: absolute;
}

/*
#news	{
	left: 0px;
	width: 700px;
	padding-top: 40px;
	padding-bottom: 0px;
	background-image: url(../img/news.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#news .legend	{
	left: 480px;
	width: 210px;
	position: absolute;
	font-size: 12px;
	line-height: 15px;
	vertical-align: bottom;
	padding: 5px 20px 10px 0px;
}

#news .image	{
	width: 220px;
	float: left;
	padding: 0px 0px 0px 0px;
}

#news .text	{
	width: 460px;
	float: right;
}
*/