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

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

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


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0; margin:0; border-spacing:0; font-size: 1em;}
tr { border:none; padding:0; margin:0; }
td { border:none; padding:0; margin:0; vertical-align:top; border-spacing:0; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	height: 100%;
}

/* ### BODY ###################################################################### */
body {
	color: #666;
	height: 100%;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: x-small;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */

#distance {
  display: block; 
	width:1px;
	height:50%;
	margin-bottom:-295px; /* -13.75em;  half of websites's height */
	float:left;
}

#site-content {
	position:relative;
	text-align:left;
	display:block;
	margin:0 auto;
	padding:0;
	height: 596px;
	width: 985px;
	clear:left;
}

#column {
	display: block;
  width: 962px;
  height: 568px;
  border: 2px solid #e6e6e6;
  background: #f8f8f8;
  float: left;
  margin: 0;
}

#main-header {
  width: 471px;
  height: 210px;
  overflow: hidden;
}

#main-content {
	display:block;
	clear:both;
	position:relative;
	padding: 0;
	margin: 0;
  width: 962px;
  height: 568px;
}

#vertical-bars {
  position: absolute;
  display: block;
  top: 2px;
  left: 280px;
  width: 29px;
  height: 574px;
  background: url(/pics/ug_vertical_bars.gif);
}

/* ### columns #################################################################### */

#logo {
	width: 300px;
	height: 568px;
	background: url(/pics/ug_left_logos.jpg);
	margin: 0px;
	padding: 0px;
}

#nav {
	width: 191px;
	background: #efefef;
	margin: 0px;
	padding: 0px;
}

#main {
	width: 471px;
	margin: 0px;
	padding: 0px;
}

#statement {
  width: 162px;   /* 191 - padding*/
  height: 140px;  /* 210 - padding*/
  display: block;
  background: #c4c4c4; 
  color: #ffffff;
  font-style:italic;
  font-size: 20px;
  line-height: 35px;
  font-weight: 420;
  padding-left: 29px;
  padding-top: 35px;
  padding-bottom: 35px;
}

/* ### main-block => MainContent ################################################### */

#main-block {
	width: 471px;
	height: 358px;
	color: #fff;
}

#main-content-block {
	display:block;
	padding: 22px;
}

/* ### Shadows ###################################################################### */

#shadow-right {
  float: right;
  display: block;
  width: 19px;
  height: 572px;
  background: url(/pics/ug_shadow_right.jpg);
}

#shadow-bottom {
  clear: both;
  display: block;
  width: 985px;
  height: 24px;
  background: url(/pics/ug_shadow_bottom.jpg);
}