/*****************************************************/
/*   Author:  Christian Puchinger                    */
/*            design@puchinger.info                  */
/*   Version: 1.0                                    */
/*   Date:    March 01, 2008                         */
/*****************************************************/



/************/
/*   BODY   */
/************/
body {
	position: relative;
	width: 825px;
	font-size: 12px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
  	font-family: Verdana;
	text-align: center;
	color: #555555;
	background-color: #1A3A53;
	background-color: #440E62; /* nicht so pflaumig */
	background-color: #320A47; /* nicht so pflaumig (dunkler) */
}



/*************************/
/*   WRAPS und CONTENT   */
/*************************/

#wrap-1-header-content,
#wrap-1-footer-content,
#wrap-1-content {
	width: 825px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#wrap-2-header-content,
#wrap-2-footer-content,
#wrap-2-content {
	width: 100%;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header-content,
#footer-content,
#content {
	width: auto;
	overflow: hidden;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	zoom: 1;     /* IE6 fix */
}

#wrap-1-header-links,
#wrap-1-footer-links {
	width: 825px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#wrap-2-header-links,
#wrap-2-footer-links {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px;
}

#header-links,
#footer-links {
	width: 100%;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#header-content,
#footer-content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/**************/
/*   COLUMNS  */
/**************/
#left-column {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 170px;
	float: left;
	text-align: left;
	background-color: transparent;
}

#content-column {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 638px;
	text-align: left;
	background-color: transparent;
}



/********************/
/***   GENERAL    ***/
/********************/

.hidden {
	text-align: center;
	display: none;
}

a,
a:active,
a:link,
a:visited {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #58DB58;
}

a.img img,
a.img:active img,
a.img:link img,
a.img:visited  img {
	border: 0px solid #555555;
}

a.img:hover img {
	border: 0px solid #58DB58;
}

a.img img.bordered,
a.img:active img.bordered,
a.img:link img.bordered,
a.img:visited  img.bordered {
	border: 2px solid #F0F6FC;
}

a.img:hover img.bordered {
	border: 2px solid #58DB58;
}

a.img img.bordered-dark,
a.img:active img.bordered-dark,
a.img:link img.bordered-dark,
a.img:visited  img.bordered-dark {
	border: 2px solid #555555;
}

a.img:hover img.bordered-dark {
	border: 2px solid #58DB58;
}

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

.bold { font-weight: bold; }

.center { text-align: center; }

.clear { clear: both; }

.big { font-size: 14px; }

.colored { color: #FF0080; }

img {
	background-color: transparent;
}


/******************************/
/***     HEADER-CONTENT     ***/
/******************************/

#wrap-1-header-content {
		font-family: Arial Narrow; 
}

#header-content {
	height: 200px;
	background-image: url('../img/image_bg_header_06.jpg');
	background-image: url('../img/mimikry_logo_bg7.png');
	background-repeat: no-repeat;
	position: relative;
}

#header-content p#headline-1 {
	margin: 0px;
	padding: 0px;
	position: absolute;	
	top: 110px;
	right: -10px;
	font-size: 60px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 20px;
	color: #58DB58;
	color: #95DA46;
}

#header-content p#headline-2 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 5px;
	right: 0px;
	color: #58DB58;
	color: #95DA46;
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: bold;
}



/******************************/
/***     FOOTER-CONTENT     ***/
/******************************/

#wrap-1-footer-content {

}

#footer-content {
	position: relative;
	padding: 5px 5px 0px 175px;
	background-color: #E8F2FE;
	background-color: #F0F6FC;
	background-image: url('../img/mimikry_logo_bg3.png');
	background-repeat: repeat-y;
	background-position: center left;
}

#footer-content img.logo {
	height: 40px;
	background-color: #FFFFFF;
	padding: 3px;
	margin: 15px 10px 15px 10px;
}



/****************************/
/***     HEADER-LINKS     ***/
/****************************/

#wrap-1-header-links {
	margin: 5px 0px 5px 0px;
	height: 25px;
	background-color: #333333;
	background-color: #440E62;
	background-color: #270B38;
}

#header-links {
	padding: 5px 5px 5px 5px;
	color: #58DB58;
	color: #95DA46;
}

#header-links a {
	color: #58DB58;
	color: #95DA46;
}

#header-links a:hover {
	color: #FEF668;
}


/****************************/
/***     FOOTER-LINKS     ***/
/****************************/

#wrap-1-footer-links {
	margin: 5px 0px 0px 0px;
	background-color: #333333;
	background-color: #270B38;
}

#footer-links {
	padding: 5px 5px 5px 5px;
	color: #58DB58;
	color: #95DA46;
}

#footer-links a {
	color: #58DB58;
	color: #95DA46;
}

#footer-links a:hover {
	color: #FEF668;
}


/********************/
/***     MENU     ***/
/********************/

#left-column {
	padding: 0px 0px 10px 0px;
}

#left-column ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #58DB58;
	color: #95DA46;
}

#left-column ul.main-menu {
	margin-top: 10px;
}

#left-column ul li a {
	display: block;
	font-weight: bold;
	padding: 5px;
}

#left-column ul li a:hover {
	color: #58DB58;
	color: #95DA46;
	background-repeat: no-repeat;
	background-image: url('../img/arrow_yellow_verysmall.gif');
}

#left-column ul.main-menu li a {
	margin-bottom: 0px;
	padding-left: 15px;
	background-position: 5px 50%;	
}

#left-column ul.sub-menu li a {
	margin-bottom: 0px;
	padding-left: 35px;
	background-position: 25px 50%;
}

#left-column ul li.selected ul li a {
	background-image: none;
	color: #555555;
}

#left-column ul li.selected a {
	background-image: url('../img/arrow_yellow_verysmall.gif');
	background-repeat: no-repeat;
	color: #58DB58;
	color: #95DA46;
}

#left-column ul.main-menu li.selected a {
	background-position: 5px 50%;
}

#left-column ul.sub-menu li.selected a {
	background-position: 25px 50%;
}



/***********************/
/***     CONTENT     ***/
/***********************/

#wrap-1-content {
	background-color: #E8F2FE;
	background-color: #FDFFF5;
	background-color: #F0F6FC;
	margin: 5px 0px 5px 0px;
	background-image: url('../img/menu_spacer_blue.png');
	background-repeat: repeat-y;
	background-position: 180px 0px;
}

h3 {
	padding: 8px 0px 8px 12px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	color: #58DB58;
	color: #95DA46;
	font-variant: small-caps;
}

h4 {
	padding: 5px 0px 5px 12px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #58DB58;
	color: #95DA46;
	font-variant: small-caps;
}

#content-column div {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	zoom: 1;     /* IE6 fix */
	
}

#content-column p {
	margin: 0px 15px 10px 15px;
	padding: 0px 0px 0px 0px;
}

#content-column p.hr {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

#content-column div.image {
	color: #666666;
	padding: 0px;
	margin: 0px;
}

#content-column div.left {
	display: inline;     /* IE6 fix */
	clear: left;
	float: left;
	margin: 0px 10px 10px 15px;
}

#content-column div.right {
	display: inline;     /* IE6 fix */
	clear: right;
	float: right;
	margin: 0px 15px 10px 10px;
}

#content-column div.image p.title {
	border: none;
	font-size: 12px;
	text-align: center;
	padding: 0px 5px 5px 5px;
	margin: 0px;
	color: #555555;
}

#content-column div.image p.subtitle {
	border: none;
	font-size: 10px;
	text-align: center;
	padding: 5px 5px 0px 5px;
	margin: 0px;
	color: #555555;
}

#content-column div.image img.stretch {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}