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

	Project		:	ZoRoArt.Net

	Copyright	:	ZoRoArt.Net www.ZoRoArt.Net

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



/* Body-Bereich */

body { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
	color: #112832;
	background-color: #FFFFFF;
}

/* website */

#website { 
	position: absolute;
	top: 120px;
	left: 120px;
	margin: 0;
	padding: 0;
	height: 547px;
	width: 800px;
	background-image: url(bg_rahmen.jpg);
}

/* main */

#main { 
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	height: 507px;
	width: 760px;
	z-index: 3;
}

/* logo */

#logo { 
	position: absolute;
	top: -82px;
	left: 550px;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 207px;
	background-image: url(logo.jpg);
	z-index: 1;
}

/* header */

#header { 
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 70px;
	width: 760px;
	z-index: 1;
}

/* content */

#content { 
	position: absolute;
	top: 110px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 345px;
	width: 740px;
	overflow: auto;
	z-index: 5;
}

#content1 { 
	position: absolute;
	top: 5px;
	left: -20px;
	margin: 0;
	padding: 0;
	height: 455px;
	width: 760px;
	overflow: hidden;
	z-index: 5;
}

/* main-block */

#main-block { 
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 345px;
	width: 450px;
	z-index: 7;
}

/* werbung */

#werbung { 
	position: absolute;
	top: 140px;
	left: 920px;
	margin: 0;
	padding: 0;
	height: 547px;
	width: 150px;
}

/* header-nav / navigation */

#header-nav { 
	position: absolute;
	top: 10px;
	left: -50px;
	width: 800px;
	font-family: verdana;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #1e2878;
}

#header-nav ul.nav1st { 
}

#header-nav ul.nav1st li { 
	display: block;
	float: left;
	padding: 5px 7px 5px 7px;
}

#header-nav ul.nav1st li.active { 
	color: #1e2878;
	text-decoration: none;
}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link { 
	color: #994700;
	text-decoration: none;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link { 
	color: #1e2878;
	text-decoration: none;
}

#header-nav ul.nav1st a:hover { 
	color: #0a8cb4;
	text-decoration: none;
}

#navigation { 
	position: absolute;
	top: 200px;
	left: 500px;
	width: 200px;
	font-family: verdana;
	font-size: 1.3em;
	color: #1e2878;
	font-weight: bold;
	z-index: 1;
}

#navigation ul.nav2nd li { 
	padding: 0;
	margin-left: 14px;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
}

#navigation ul.nav2nd { 
}

#navigation ul.nav2nd li.active { 
	color: #1e2878;
	text-decoration: none;
}

#navigation ul.nav2nd li.active a,
#navigation ul.nav2nd li.active a:link { 
	color: #994700;
	text-decoration: none;
}

#navigation ul.nav2nd  a, 
#navigation ul.nav2nd  a:link { 
	color: #1e2878;
	text-decoration: none;
}

#navigation ul.nav2nd a:hover { 
	color: #0a8cb4;
	text-decoration: none;
}

/* breadcrumb */


#breadcrumb { 
	position: absolute;
	bottom: 9px;
	left: 200px;
}

#breadcrumb a, 
#breadcrumb a:link { 
	color: #000;
}

#breadcrumb a:hover { 
	text-decoration: underline;
}

/* Headlines */

/* Headline 1 */
#main-block h1 { 
	color: #1e2878;
	font-family: Times,serif;
	font-size: 1.8em;
	font-weight: bold;
}

#main-block .teaser h1 { 
	font-size: 1.4em;
}

/* Headline 2 */
#main-block h2 { 
	color: #112832;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
}

/* Headline 3 */
#main-block h3 { 
	color: #225065;
	font-family: Times,serif;
	font-size: 1em;
	font-weight: normal;
}

/* Scrollbar in body und textarea */

body, textarea { 
	scrollbar-base-color: #B6B6B6;
	scrollbar-3dlight-color: #B6B6B6;
	scrollbar-arrow-color: #112832;
	scrollbar-darkshadow-color: #B6B6B6;
	scrollbar-face-color: #B6B6B6;
	scrollbar-highlight-color: #B6B6B6;
	scrollbar-shadow-color: #112832;
	scrollbar-track-color: #B6B6B6;
}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol { 
	margin-bottom: 1.2em;
	font-size: 1.2em;
	line-height: 1.6em;
}

#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul { 
	font-size: 1em;
}

#main-block ul { 
	margin-left: 14px;
	list-style-type: square;
}

#main-block ol { 
	list-style-type: decimal-leading-zero;
}

/*	Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link { 
	color: #1e2878;
	text-decoration: underline;
}

#main-block a:hover { 
	color: #0a8cb4;
}

/*	Images
------------------------------------------------------------------------------*/
#main-block div.image { 
	margin-bottom: 0;
}

#main-block div.image p { 
	margin: 0;
	font-size: 0.9em;
}

#main-block div.flLeft { 
	margin-right: 14px;
	float: left;
}

#main-block div.flRight { 
	margin-left: 14px;
	float: right;
}

/* footer */


#footer { 
	position: absolute;
	top: 460px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 750px;
	z-index: 1;
	font-family: verdana;
	font-size: 1.3em;
	color: #4C8099;
	display: block;
}

.footer { 
}

.footer p { 
}

.footer p, 
.footer p a,
.footer p a:link { 
	color: #4C8099;
	text-decoration: none;
}

.footer p a:hover { 
	color: #1e2878;
}

.footer .col-left { 
	float: left;
	width: 596px;
}

.footer .col-right { 
	float: left;
}

/* form-module
*******************************************************************************/
#form-module * { 
	padding: 0px;
	margin: 0px;
}

#form-module { 
	margin: 0px;
	padding: 0px;
	width: 420px;
	background-color: #f7f7f7;
	color: #112832;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

#form-module fieldset { 
	border: 0px solid #637A85;
}

#form-module legend { 
	display: none;
}

#form-module p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#form-module .element { 
	display: block;
	clear: both;
	background-color: #f7f7f7;
	border-top: 2px solid #ffffff;
}

#form-module label { 
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
}

#form-module label.checkbox { 
	width: 372px;
	border-left: 2px solid #fff;
	border-right: none;
}

#form-module input, 
#form-module select, 
#form-module textarea { 
	float: left;
	margin: 5px;
	width: 195px;
	border: 1px solid #637A85;
}

#form-module input.text { 
	height: 20px;
}

#form-module input.checkbox { 
	width: 120px;
	padding: 0;
	border: none;
}

#form-module input.submit { 
	margin: 5px 5px 5px 137px;
	padding: 2px 5px;
	border: 1px solid #637A85;
	background-color: #fff;
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
}

#form-module input.submit:hover { 
	background-color: #f7f7f7;
	color: #000;
}

#form-module label.textarea, 
#form-module textarea.textarea { 
	height: 96px;
}

#form-module-thanks { 
	display: block;
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p { 
	margin: 0;
}

#main-block .download-hdl p { 
	padding: 5px 4px;
	background-color: #0B8CB4;
	font-weight: bold;
	color: #fff;
}

#main-block .download-file { 
	padding: 5px 4px;
	border-left: 2px solid #0B8CB4;
	border-right: 2px solid #0B8CB4;
}

#main-block .download-desc { 
	margin-bottom: 5px;
	padding: 5px 4px;
	background-color: #0B8CB4;
	border-left: 2px solid #0B8CB4;
	border-right: 2px solid #0B8CB4;
	border-bottom: 2px solid #0B8CB4;
}

#main-block .download-without-desc { 
	margin-bottom: 5px;
	border-top: 2px solid #0B8CB4;
}