/**************************************************************
Pickert & Partner
> astrals.net, Ralf Fieger
**************************************************************/

@import url(/fileadmin/tmpl/styles/content.css);
/*@import url(/fileadmin/tmpl/styles/sitemap.css);
@import url(/fileadmin/tmpl/styles/cols.css);*/
@import url(/fileadmin/tmpl/styles/form.css);
@import url(/fileadmin/tmpl/styles/search.css);
@import url(/fileadmin/tmpl/styles/scrollbars.css);

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

body {
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	background-color: #666666;
	margin-top:0px;
	overflow-y:scroll;
}

div > h1 {margin-top: 0px;}
div > p {margin-top:0px;}

body.nl {background-color: #cccccc;}

#beta {
	position:absolute;
	top:100px;
	left: 28px;
	z-index:100000;
	display:none;
	
	/*font-style:italic;*/
	color: #5A5A5A;
}

/**************************************************************
DIE BASICS
**************************************************************/

#stageholder {
	position:relative;
	text-align:center;
	margin:0px auto;
	margin-bottom:100px;
	width: 920px;
	border-top: 5px solid #AC2422;
}

#box-logo, #box-head, #box-breads, #box-content {
	position:absolute;
	background-color: white;	
}
/*#box-quicksearch, */#box-navi {
	position:absolute;
	background-color: #cccccc;
}
#box-breads, #box-content, #box-quicksearch, .box-quicksearch, #box-navi {text-align:left;}


#box-logo {
	top:40px;
	left:0px;
	width: 200px;
	height: 150px;
}
#box-logo img {margin-top: 58px;}

#box-head {
	top:40px;
	left: 220px;
	width: 698px;
	height: 148px;
	text-align:left;
	border: 1px solid white;
	overflow:hidden;
}

#box-quicksearch,
.box-quicksearch {
	position:relative;
	width: 250px;
/*	background-color: yellow;*/
	height: 100px;
	float:left;
	overflow:hidden;
/*	display:none;*/
}

#box-navi {
/*	top: 220px;*/
	top: 200px;
	left: 0px;
	width: 920px;
	height: 135px;
	background: url(/fileadmin/tmpl/images/global/bg.navi.jpg) top left repeat-x;
	z-index: 20;
}

#box-navi-bg {
	position: absolute;
/*	top: 210px;*/
	top: 190px;
	left: -30px;
	width: 960px;
/*	width: 100%;*/
	height: 155px;
/*	border: 1px solid yellow;*/
	background-color: #666666;
/*	background-color: blue;*/
	z-index: 2;
}


#box-breads {
	top: 210px;
	left: 220px;
	width: 700px;
	height: 30px;
	display:none;
}

#box-content {
/*	top:365px;*/
	top:345px;
	left: 0px;
	width:920px;
	text-align:left;
}

#content-footer {
	height:30px;
	background-color:#666666;
/*		background-color:red;*/
	position:absolute;
	bottom:0px;
	width:100%;
}

#langswitch, #perslinks {
	position:absolute;
	color: white;
	text-align: left;
}
#langswitch a, #perslinks a {color:white;text-decoration:none;}

#langswitch {
	width: 80px;
	text-align:right;
	top:9px;
	left: 100px;
	z-index: 111111;
	display:none;
}

#perslinks {
	top:9px;
	right: 20px;
}

#langswitch a:hover, #perslinks a:hover {
	text-decoration:underline;
}

#btn-kontakt {
	position:absolute;
	top:0px;
	left:0px;
}


/**************************************************************
FONTS N ULLIS
**************************************************************/

p {
	font-size: 11px;
/*	padding-top:10px;*/
	line-height: 130%;
}

#content p {
/*	line-height: 150%;*/
}

.einleitung {
	font-size: 14px;
	line-height: 140%;
}

ul {
	font-size: 11px;
	line-height: 120%;
	margin-left:10px;
	padding-left:10px;
	margin-top:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

ul li {	margin-bottom:4px;}

h1, h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-family:arial;
}

h1 {	font-size:250%;}
h2 {	font-size:140%;color:#666666;font-weight: bold;}
h2 {	margin-top:-10px;}
h3 {	
	font-size:120%;
	font-weight: bold;
	line-height: 150%;

}

h4 {	font-size:100%;
	font-weight: bold;
			/*	margin-bottom:-7px;*/
 	margin-bottom: 0px;
	padding-bottom:0px;
/*	background-color:yellow;*/
}

h1.headtext, h2.headtext {
	position:absolute;
	top:-8000px;
	left:0px;
}



/**************************************************************
ULLIS IM CONTENT
**************************************************************/

#box-content ul {
	margin-left:0px;
	padding-left:0px;	
	list-style-type:none;
}

#box-content ul li {
/*	background-color:yellow;*/
	padding-left:13px; 
	margin-top: 5px;
	display:block;
	background: url(/fileadmin/tmpl/images/global/bg.li.gif) no-repeat top left;	
	background-position: 0px 3px;	
}

#box-content ul ul {
	margin-top: 0px;
	margin-bottom: 10px;
}


#box-content #related ul {
	margin-top:0px;
	padding-top:0px;
}

/**************************************************************
CONTENT-INSIDE
**************************************************************/

.content-inside {	margin:10px 10px;}

#box-content .content-inside {margin:20px 20px 50px 20px;}
#box-content-start .content-inside {margin:20px;}
#box-breads .content-inside {margin:0px 0px 0px 20px;}



#box-content p {
	max-width: 500px;
	line-height: 150%;
}
.content_right #box-content p {	max-width:660px;}

#box-content ol {	max-width: 500px;}
#box-content ol li {	margin-bottom:4px;line-height: 140%;}

.content_right #box-content ol {	max-width: 420px;}


/**************************************************************
GLOBALS & COMMON
**************************************************************/

.clear {	clear:both;}
.clearl {clear:left;}
.clearr {clear:right;}
.break {	height: 1px;}

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

a img {	border:0px;}

#box-left a,
#box-right a {
	padding-left:13px; 
	margin-top: 5px;
	display:block;
/*	width: 260px;*/
	background: url(/fileadmin/tmpl/images/global/bg.a.gif) no-repeat top left;	
	background-position: 0px 1px;	
}

#box-left a:hover,
#box-right a:hover {	background-position: 1px 1px;}

#box-left a.internal-link {
	padding-left: 0px;
	margin-top: 0px;
	display:inline;
	background-image: none;
}





#box-right a.external-link-new-window,
#box-left a.external-link-new-window {
	background-image: none;
	padding:0px;
	margin-bottom:-5px;
}

.imgleft {float:left; margin-right: 10px;}
.imgright {float:right;margin-left: 10px;}




/**************************************************************
BREADS
**************************************************************/

ul.headtext {
	list-style-type:none;
	z-index:-10;
	position:absolute;
	top:	-5px;
	left:10px;
}

ul.headtext li {
	display:inline;	
	text-transform:uppercase;
	margin-right: 10px;
}


/**************************************************************
HEADER
**************************************************************/

#box-content .header-all {
/*	background-color: yellow;*/
	margin-bottom:10px;
	display:inline;
}

.content_right #box-content #related .header {
	padding-bottom: 10px;
}

#box-content .header {
/*	background-color:red;*/
}
#box-content .subheader {
/*	background-color:#f5f5f5;*/
	margin-bottom: 10px;
}

#box-content p {
/*	background-color: green;*/
	
}