/* @override http://projekt007.webmitte.de/fileadmin/0-homepage/templates/css/studio801-main.css */

body {
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	}

html, body, form, img, ul, li, ul li, dl, dt, dd, h1, h2, h3, p, span, form, input, button, textarea, select, label, table, fieldset {
	margin: 0px; padding: 0px;
	border: 0px solid #FFFFFF;
	font: normal 12px/14px "Arial Narrow"; color: #000000;
	list-style: none;
	text-decoration: none;
}

div.main {
	position: relative;
	width: 912px; height: auto;
	margin: 40px auto auto auto; padding: 0px;
	}

/* @group content */

div.header {
	z-index: 5;
	position: relative;
	width: 304px; height: 75px;
	top: 0px; right: 0px;
	margin: 0px 0px auto auto; padding: 0px;
	background: url(../img/back/000-logo.jpg) no-repeat;
}
	
div.body {
	z-index: 2;
	position: relative;
	width: 100%; min-height: 456px;
	top: 0px; left: 0px;
	margin: 0px auto auto auto; padding: 0px;
	font: normal 12px/14px "Arial Narrow"; color: #333333;
	border: 0px solid #55BBCC;
	}

div.content {
	z-index: 2;
	position: relative;
	width: 100%; min-height: 456px;
	top: 0; left: 0;
	margin: 20px auto auto auto; padding: 0px;
	font: normal 12px/14px "Arial Narrow"; color: #333333;
	border: 0px solid #55BBCC;
	background: #FFFFFF;
	}

div.left, div.right {
	z-index: 3;
	width: 451px; min-height: 456px;
	top: 0; left: 0;
	margin: 0px auto auto auto; padding: 0px;
	font: normal 12px/14px "Arial Narrow"; color: #333333;
	border: 0px solid #55BBCC;
	}

div.left {float: left;}
div.right {float: right;}

div.background {
	z-index: 0;
	position: absolute;
	width: 100%; min-height: 666px;
	margin: -642px auto auto auto; padding: 0px;
	overflow: hidden;
	}

/* @group text */

div.body p.bodytext {
	margin: 0px 0px 5px 0px;
	text-align: justify;
	}

div.body h4, div.body h5  {
	margin: 0px 0px 5px 0px;
	font: bold 11px/12px "Arial Narrow"; color: #333333;
}

div.body h4 {
	text-transform: uppercase;
}

/* @end */


/* @end */

/* @group page */

h1, h2, h3 {
	font: bold 14px/16px "Arial Narrow"; color: #E10677;
	margin-bottom: 5px;
}

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

a:hover {
	color: #E10677;
	text-decoration: none;
	}

a.act {color: #E10677;}

/* @end */

/* @group menu */

div.menu {
	z-index: 5;
	position: relative;
	width: 100%; height: 80px;
	margin: 20px auto auto auto;
	text-align: center;
	}

div.menu1, div.menu2, div.menu3, div.menu4, div.menu5 {
	position: absolute;
	width: 100%; height: 16px;
	margin: 0px; padding: 0px;
	font: normal normal 14px/16px "Arial Narrow"; color: #000000;
	/*color #9C9930;*/
	text-transform: uppercase;
	}

div.menu1 {margin-top: 64px;}
div.menu2 {margin-top: 48px;}
div.menu3 {margin-top: 32px;}
div.menu4 {margin-top: 16px;}
div.menu5 {margin-top:  0px;}

div.menu span {display: block;}

div.menu1 span {background: #AACC33; color: #000000;}
div.menu2 span {background: #CCCC66; color: #000000;}
div.menu3 span {background: #FFFFFF; color: #CBCC66;}
div.menu4 span {background: #FFFF33; color: #000000;}
div.menu5 span {background: #FFFFFF; color: #000000;}

div.menu1 span a, div.menu1 p a, div.menu2 span a, div.menu2 p a, div.menu3 span a, div.menu3 p a, div.menu4 span a, div.menu4 p a {
	padding: 0px 15px;
	font: normal normal 14px/16px "Arial Narrow";
	display: inline-block;
	}

div.menu5 span a, div.menu5 p a {
	padding: 0px 5px;
	font: normal normal 14px/16px "Arial Narrow";
	}

/* @end */

/* @group extensions */

/* @group text with image */

div.csc-textpic-imagewrap {
	margin: 0px;
	border: 0px solid #888888;
}

/* @end */

/* @end */

/* @group color */

pink {background: #E10677; color: #FFFFFF;}
turquoise {background: #55BBCC; color: #000000;}
green1 {background: #AACC33; color: #000000;}
green2 {background: #CCCC66; color: #000000;}
white {background: #FFFFFF; color: #CBCC66;}
yellow {background: #FFFF33; color: #000000;}

/* @end */