/*



	zenlike1.0 by nodethirtythree design

	http://www.nodethirtythree.com



*/



*

{

padding: 0em;

margin: 0em;

}



body

{

/*background: #000000 url('css2/bg1.jpg');*/
background: #add8e6;

padding: 35px 0px 35px 0px;

}



body,input

{

font-size: 10pt;

/*font-family: "georgia", "times new roman", serif;*/
font-family: "verdana", "times new roman", serif;

color: #333333;

}



p

{

line-height: 1.5em;

margin-bottom: 1.0em;

text-align: justify;

}



a

{

color: #B96D00;

text-decoration: underline;

}



a:hover

{

text-decoration: none;

}





h3 span

{

font-weight: normal;

}



h3,h4

{

display: inline;

font-weight: bold;

background-repeat: no-repeat;

background-position: right;

}



#h2logo

{
 color: white;
}



h3

{

font-size: 1.7em;

padding-right: 34px;

/* zlatko background-image: url('css2/db1.gif');*/

}



h4

{

font-size: 1.2em;

padding-right: 28px;

/* zlatko background-image: url('css2/db2.gif');*/

}



.contentarea

{

padding-top: 1.3em;

padding-bottom: 3em;

clear:right;

}



img

{

border: solid 0px #6F5230;

}



img.left

{

position: relative;

float: left;

margin: 0em 1.8em 1.4em 0em;

}



img.right

{

position: relative;

float: right;

margin: 0em 0em 1.8em 1.8em;

}



.divider1

{

position: relative;

background: #fff url('css2/border2.gif') repeat-x;

/* zlatko height: 14px; */
height: 10px;

margin: 2.0em 0em 1.5em 0em;

clear: both;

}



.divider2

{

position: relative;

height: 1px;

border-bottom: solid 1px #eaeaea;

margin: 2.0em 0em 2.0em 0em;

}



.post .details

{

position: relative;

top: -1.5em;

font-size: 0.8em;

color: #787878;

}



.post ul.controls

{

clear: both;

}



.post ul.controls li

{

display: inline;

font-size: 0.8em;

}



.post ul.controls li a

{

background-repeat: no-repeat;

background-position: left;

padding: 0em 1.0em 0em 20px;

}



.post ul.controls li a.printerfriendly

{

background-image: url('css2/icon-printerfriendly.gif');

}



.post ul.controls li a.comments

{

background-image: url('css2/icon-comments.gif');

}



.post ul.controls li a.more

{

background-image: url('css2/icon-more.gif');

}



.box

{

position: relative;

background: #FDFCF6 url('css2/boxbg.gif') repeat-x;

left: -1.5em;

top: -1.5em;

padding: 1.5em;

border-bottom: solid 1px #E1D2BD;

margin-bottom: 1.0em;

}



ul.linklist

{

list-style: none;

}



ul.linklist li

{

line-height: 2.0em;

}



#upbg

{

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 275px;

/*background: #fff url('css2/bg2.jpg') repeat-x;*/
background: #add8e6;

z-index: 1;

}



#outer

{

z-index: 2;

position: relative;

/*

	The width value below controls the overall width of the design. By default it's set to 82%

	(so it'll take up 82% of the browser window's width). You can set it to a different percentage

	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.

*/

/* zlatko width: 82%; */
width: 90%;

border: solid 2px #fff;

background-color: #fff;

margin: 0 auto;

}



#header

{

position: relative;

width: 100%;

height: 9.0em;

background: #2B2B2B url('css2/topbg.gif') repeat-x;

margin-bottom: 2px;

}



#headercontent

{

position: absolute;

bottom: 0em;

padding: 0em 2.0em 1.3em 2.0em;

}



#headercontent h1

{

font-weight: normal;

color: #fff;

font-size: 2.5em;

}



#headercontent h1 sup

{

color: #777;

}



#headercontent h2

{

font-size: 1.0em;

font-weight: normal;

color: #aaa;

}



#search

{

position: absolute;

top: 5.5em;

right: 2.0em;

padding-right: 0.0em;

}



#search input.text

{

margin-right: 0.5em;

vertical-align: middle;

border-top: solid 1px #000000;

border-right: 0px;

border-bottom: solid 1px #777777;

border-left: 0px;

padding: 0.15em;

width: 10.0em;

}



#search input.submit

{

/* background: #939B00 url('css2/buttonbg.gif') repeat-x; */

border: solid 1px #5F6800;

font-weight: bold;

padding: 0.25em;

font-size: 0.8em;

color: #F2F3DE;

vertical-align: middle;

}



#headerpic

{

position: relative;

height: 109px;

background: #fff url('css2/hdrpic.jpg') no-repeat top left;

margin-bottom: 2px;

}


#headerpicaurron

{
	float: right;
}




#menu

{

position: relative;

/* background: #7F8400 url('css2/menubg.gif') repeat-x top left; */
background: url('css2/menubg.gif') repeat-x top left;

height: 3.3em;

padding: 0em 1.0em 0em 1.0em;

margin-bottom: 2px;

}


#untermenu

{

position: relative;

/* background: #7F8400 url('css2/menubg1.gif') repeat-x top left; */
background: url('css2/menubg1.gif') repeat-x top left;

height: 3.3em;

padding: 0em 1.0em 0em 1.0em;

margin-bottom: 2px;

}


#menu ul

{

position: absolute;

top: 1.1em;

}

#untermenu ul

{

position: absolute;

top: 1.1em;

}


#menu ul li

{

position: relative;

display: inline;

}



#untermenu ul li

{

position: relative;

display: inline;

}



#menu ul li a

{

padding: 0.5em 1.0em 0.9em 1.0em;

color: #fff;

text-decoration: none;

}



#untermenu ul li a

{

padding: 0.5em 1.0em 0.9em 1.0em;

color: #fff;

text-decoration: none;

}



#menu ul li a:hover

{

text-decoration: underline;

}



#untermenu ul li a:hover

{

text-decoration: underline;

}



#menu ul li a.active

{

background: #7F8400 url('css2/menuactive.gif') repeat-x top left;

}


#untermenu ul li a.active

{

background: #7F8400 url('css2/menuactive.gif') repeat-x top left;

}



#menubottom

{

background: #fff url('css2/border1.gif') repeat-x;

height: 14px;

/* zlatko margin-bottom: 1.5em;*/

}



#content

{

padding: 0em 2.0em 0em 2.0em;

}



#primarycontainer

{

float: left;

/* zlatko margin-right: -18.0em;*/
margin-right: 0.0em;

width: 100%;

}



#primarycontent

{

/* zlatko margin: 1.5em 22.0em 0em 0em; */
margin: 1.5em 1.0em 0em 0em;

}



#secondarycontent

{

margin-top: 1.5em;

float: right;

/* zlatko width: 15.0em;*/

}



#footer

{

position: relative;

height: 2.0em;

clear: both;

padding-top: 5.0em;

background: #fff url('css2/border2.gif') repeat-x 0em 2.5em;

font-size: 0.8em;

}



#footer .left

{
	position: absolute;
	left: 2.0em;
	bottom: 1.2em;
	font-weight: bold;
	color: #0066CC;

}



#footer .right

{

position: absolute;

right: 2.0em;

bottom: 1.2em;

}



/* form-module

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

#form-module * {

	padding:0px;

	margin:0px;

}



#form-module {

	margin:0px;

	padding:0px;

	width:620px;

/*	background-color:#f7f7f7;*/

	color:#666;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:1.2em;

}



#form-module fieldset {

	border:0px solid #fff;

}



#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 #fff;

}



#form-module label {

	display:block;

	float:left;

	padding:5px;

	width:220px;

	border-right:2px solid #fff;

}



#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:295px;

	border:1px solid #333;

}



#form-module input.text {

	height:20px;

}



#form-module input.checkbox {

	width:120px;

	padding:0;

	border:none;

}



#form-module input.submit { 

	margin:5px 5px 5px 237px;

	padding:2px 5px;

	border:1px solid #333;

	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;

}





/* 2+3 */
.zweier, .dreier {
 margin: 15px;
 width: 600px;
}

/* 2 */
.zweier .spalte_1 {
 width: 290px;
 float: left;
 background: red;
}

.zweier .spalte_2 {
 width: 290px;
 float: right;
 background: yellow;
}


/* 3 */
.dreier .spalte_1 {
 width: 15%;
 float: left;
 margin-right: 10px;
}

.dreier .spalte_2 {
 width: 25%;
 float: left;
 text-align: center;
}

.dreier .spalte_3 {
 width: 55%;
 float: right;
}


/* Support*/
#support

{
	position: absolute;
	margin-bottom: 2px;
	right: 0px;
	top: 90px;

}

/* Sitemap*/
.sitemap1st {
	left: 80px;
	position: relative;
}
.sitemap2nd {
	left: 82px;
	position: relative;
}

