/*
CSS for www.destilleonline.de

// Header: 999x207
Header: 999x134
//Menu: 58
Menu: 26
Hellblau: #F8F9FF
MenuBlau: #99A8DF
*/

body 
{
	background-color: #808080;
	margin:0;
	padding:0;
	margin-left:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:999px;	
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.Header
{
	top: 0px;
	left: 0px;
	height:134px; 
	z-index:1;
}

/* Primaeres Menue */

.PrimaryMenu
{
}

ul#primaryNav 
{
  	/* Menu Height = font-size + padding-top + padding-bottom */
	font-size:14px;
	margin: 0;
	text-align: center;
	background-color:#99A8DF;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
  }

ul#primaryNav li 
{
    list-style: none;
    display: inline;
    margin: 1.0em; /* abstand zwischen den menupunkten */
	padding: 0;
  }

ul#primaryNav a, ul#primaryNav span 
{
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}

* html ul#primaryNav a, * html ul#primaryNav span 
{
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    /* w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
  
ul#primaryNav a:hover, ul#primaryNav span 
{
    color:#000000; 
}

ul#primaryNav a:active, ul#primaryNav span 
{
    color:#FFFFFF; 
}


.SecondaryMenu
{
	/* position: absolute; */
	position:relative;
	top: -129px; /* headerheight - menu height */
	left: 800px;
	width: 200px; /* da innerhalb vom header */
}

ul#secondaryNav 
{
  	/* Menu Height = font-size + padding-top + padding-bottom */
	font-size:11px;
	margin: 0;
	text-align:left;
	/* background-color:#FF0000; */
	padding: 0;
  }

ul#secondaryNav li 
{
    list-style: none;
    display: inline;
    margin: 0.5em; /* abstand zwischen den menupunkten */
	padding: 0;
  }

ul#secondaryNav a, ul#secondaryNav span 
{
	text-decoration:underline;
	color: #000000;
	outline:none;
}

* html ul#secondaryNav a, * html ul#secondaryNav span 
{
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    /* w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
  
ul#secondaryNav a:hover, ul#secondaryNav span 
{
    color:#808080; 
}

ul#secondaryNav a:active, ul#secondaryNav span 
{
    color: #808080; 
}

.ContentContainer
{
/*
	position: relative;
	top: 265px;
*/
	font-family:Arial,Helvetica,sans-serif;
	overflow:hidden;
	width:999px;
	/* background-color:#0FF000; */
	background-color: #F8F9FF;	
}


.ContentLeft
{
	/* background-color:#0FF000; */
	background-color: #F8F9FF;
	width:490px;
	border-right:150px solid #F8F9FF; 
	/* border-right:150px solid #000F00; */
	margin-right:-150px;
	float:left;
	padding: 20px 10px 20px 0px;
}

.ContentInnerLeft
{
	/* background-color:#00FF00; */
	background-color:white;
	border:1px; 
	border-color:#C2C2C2; 
	border-style:solid;
	padding: 10px 10px 10px 10px;
	border-left-style:hidden;
}

.ContentRight{
	/* background-color:#F00000; */
	background-color: #F8F9FF;
	width:489px;
	float:left;
	padding: 20px 0px 20px 10px;
}

.ContentInnerRight
{
	/* background-color:#0000FF; */
	background-color:white;
	border:1px; 
	border-color:#C2C2C2; 
	border-style:solid;
	padding: 10px 10px 10px 10px;
	border-right-style:hidden;
}

.ContentAll
{
	background-color: #F8F9FF;
	padding: 20px 20px 20px 20px;
	
}

.ContentInnerAll
{
	background-color:white;
	border:1px; 
	border-color:#C2C2C2; 
	border-style:solid;
	padding: 10px 10px 10px 10px;
	
}


.Footer
{
	background:#99A8DF;
	text-align:center;
	height:24px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding-top: 6px;
	color:#000000;
}

.Footer a
{
	color:#000000;
	outline:none;
}

.Footer a:hover
{
	color:#FFFFFF;
}

.MainDiv
{
	text-align:center;
}

.SectionHR
{
	color:#808080;
	height:1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	clear:left;
}

.SectionDiv
{
	text-align:center;
}


.SectionLeft
{
	width:49%;
	float:left;
	background:#0000FF;
}

.SectionRight
{
	width:49%;
	height:auto;
	float:left;
	vertical-align:middle;
	margin-top: auto;
	margin-bottom: auto;
	background:#00FF00;

}

.SectionDivLeft
{
	text-align:left;
}

.BlockCenter {
	margin-top: auto;
	margin-bottom: auto;
	clear:left;
	text-align:left;
}

.Announce 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #999999;
}

.smallfont 
{
	font-size:13px;
}

.medfont
{
	font-size:24px;
}

.bigfont 
{
	font-size:32px;
}

.arrowtop
{
	text-align:right;
}

.SchluckAndMoreRight
{
	position:relative;
	text-align:right;
	float:right;
	padding-left: 10px;
}


/*.example {padding:0; float:left; margin: 10px 5px;}*/
.PictureShadow 
{
	padding:0; 
	float:left; 
	margin: 10px 5px;
}
 
/* html>body .outsideRight {background:url(PATH/upperrightfade.png) right top no-repeat;} */
.PictureShadowOutsideRight 
{
	background:url('/pics/dropshadow/upperrightfade.png') right top no-repeat;
}

/* html>body .outsideLeft {background:url(PATH/lowerleftfade.png) left bottom no-repeat;padding:8px 0 0 8px;}*/
.PictureShadowOutsideLeft 
{
	background:url('/pics/dropshadow/lowerleftfade.png') left bottom no-repeat;
	padding:8px 0 0 8px;
}

/* html>body .mainShadow {background:url(PATH/shadow.png) bottom right;}*/
.PictureShadowMain 
{
	background:url('/pics/dropshadow/shadow.png') bottom right;
}

/* .mainShadow img {vertical-align:bottom;}*/
.PictureShadowMain img 
{
	vertical-align:bottom;
}

 /* html>body .innerShadow {position:relative;left: -8px;top: -8px;}*/
.PictureShadowInner 
{
	position:relative;
	left:-8px;
	top:-8px;
}


.DestilleFoto 
{
	border:1px; 
	border-color:#808080; 
	border-style:solid;
	width:120px;
	height:80px;
}