/* BieriDesign css */

html{
	min-height:600px;
}

body {

	font-size: 12;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	padding:0;
	margin:0;
	letter-spacing:0.8px;

}


a {text-decoration:none;}
a:hover {text-decoration:underline;}


.titel, .initial {
font-size:14px !important;
font-weight:normal;
line-height:1.3em;
margin:2px 0 15px;
padding:0;
 }

/* ----------container-------------- */
#container {
	width: 990px;
	margin: 0;
	padding: 0;
	margin-bottom:20px;
		


}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
}

#banner p {
	margin:0;
	padding:0;
	width:376px;
}

#banner img {
	margin: 45px 0 65px 234px;
}


/* --------------left navigavtion------------- */
#left {
	left:0;
	top:144px;
	position:absolute;
	width: 234px;
	margin: 0;
	text-align: right;
	padding:0;
	line-height:1.2em;

}

#left a{
color:#333333;
}

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


#left li{
	margin: 0;
	padding: 0;
}


#left li a {
	font-size: 12px;
	text-decoration:none; 
}

.active{
	font-weight:bold;
}


/* --------------Farbwechsel------------- */


#main_black{
	background: #000000;
}

#main_green{
	background: #ffffff;
}

#main_blue{
	background: #5185C1;
}


#left li.green a, #right p.green, a.green, #contentgreen .titel, #contentgreen a, #rightgreen .titel, #rightgreen a {
	color:#A5D32D;
	font-size:12px;
}

#left li.blue a, #right p.blue, a.blue {
	color:#ffffff;
}

#left li.black a,#left li.subblack a, #right p.black, a.black, #rightblack .initial {
	color:#ffffff;
}

#left li.black a.active{
	color:#858585;
}


#banner p.blue {
	border-top: 10px solid #ffffff;
}

#banner p.green {
	border-top: 10px solid #A5D32D;
}

#banner p.black {
	border-top: 10px solid #ffffff;
}

.subgreen a{ 
	color:#5185C1 !important;
	
}

.subblack a{ 
	color:#858585 !important;
	
}

.subblue a{ 
color:#A5D32D !important;
}

/*------------Acordion---------------------*/
 #contentgreen h1.accordion_toggle{
background:#A5D32D;

}

 #contentblack h1.accordion_toggle{
background:#cccccc;
color:#333333;
}


 #contentgreen h1.toggler{
background:#A5D32D;
color:#ffffff;
}

 #contentblack h1.toggler{
background:#cccccc;
color:#333333;
}


/* -----------------Inhalt--------------------- */
#content, #contentgreen {
	padding: 0;
	margin: 0;
	width: 400px;
	left:378px;
	top:144px;
	position:absolute;
	color:#333;

}

#contentblue, #contentblack { 
	padding: 0;
	margin: 0;
	width: 400px;
	left:378px;
	top:144px;
	position:absolute;
	color:#ffffff;
}

#content a{
	color:#333333;
	font-size:12px;
}

#content p, #right p {
	padding: 0;
	margin:0 0 10px 0;
	font-size: 12px;
	line-height:1.5em;
}

#contentblack p, #contentblack a, #rightblack p, #rightblack a {
	padding: 0;
	margin:0 0 10px 0;
	font-size: 12px;
	line-height:1.5em;
	color:#ffffff;
}

#contentblue p, #contentblue a, #rightblue p, #rightblue a, #rightblue .initial {
	padding: 0;
	margin:0 0 10px 0;
	font-size: 12px;
	line-height:1.5em;
	color:#ffffff;
}

#contentgreen p, #rightgreen a, #rightgreen p {
	padding: 0;
	margin:0 0 10px 0;
	font-size: 12px;
	line-height:1.5em;
	color:#333333;
}

.txt ul {
margin:0;
padding:0;
}

.txt ul li{
background:transparent url(img_bieridesign/list_white.gif) no-repeat scroll left top;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:8px;
font-size: 12px;
color:#333;
line-height:1.8em
}

#contentblack .txt ul li,#rightblack .txt ul li {
color:#ffffff;
}

#contentblue .txt ul li, #rightblue .txt ul li {
color:#ffffff;
}

#contentgreen .txt ul li, #rightgreen .txt ul li {
background:transparent url(img_bieridesign/list_green.gif) no-repeat scroll left top;

}

/* --------------right box------------- */
#right, #rightblack, #rightblue, #rightgreen {
	left:798px;
	top:144px;
	position:absolute;
	width: 224px;
	margin: 0;
	padding: 0;
	color:#333;
	

}

/* ----------bilder-------------- */

table.bilder-box{
border-collapse:collapse;
margin:0px;
padding:0px;
}

td.bilder-box{
padding:0px;
margin:0px;
}

.contentimg_box{
border:0px;
width:40px;
height:40px;
padding-right:5px;
}


.contentimg_bild_text{
width:280px;
width:auto;
border:0px;
margin:5px 15px 0px 0px ;
}

/*
#worklist {
	margin: 15px 0;
	padding: 0;
	background-color:transparent;
	font-size: 11px;
}


#worklist li {
	list-style: none;
	margin: 0 3px 0 0;
	padding:0;
	display: inline;
	line-height:2.2em;
}

#worklist li a {
	background-color:#fff;
	text-decoration: none;
	padding:2px 5px;
	margin:0;
	color:#333;
	border:1px solid #fff;
}

#worklist li a:hover {
	color: #fff;
	border:1px solid #fff;
	background-color:#000;
}


*/ 
 /* -----------Formular--------------------------- */
form {
margin:0;
padding: 0px;
font-size:12px;
}

input, textarea, select { 
width:358px;
font-family:Arial, Helvetica, sans-serif;
background-color: #ffffff;
border: 0px solid #333; 
color: #333333;
font-size: 12px; 
margin:1px 0 0 0;
padding: 5px 5px;
}

#contentblack form input, #contentblack  form textarea, #contentblack  form select{
background-color: #ffffff;
}

#contentblue form input, #contentblue  form textarea, #contentblue  form select{
background-color: #ffffff;
}

#contentgreen form input, #contentgreen form textarea, #contentgreen form select{
background-color: #eeeeee;
}

input.button  {
width:120px;

}

input.not, textarea.not { 
width:80px;
background-color: #5185C1;
border: 0px solid #333; 
color: #fff;
font-size: 12px; 
margin:3px 0 0 0;
padding: 2px;
}

#contentgreen input:focus, #contentgreen input:hover, #contentgreen textarea:focus, #contentgreen textarea:hover,
#contentblue input:focus, #contentblue input:hover, #contentblue textarea:focus, #contentblue textarea:hover,
#contentblack input:focus, #contentblack input:hover, #contentblack textarea:focus, #contentblack textarea:hover {
background-color: #eee;
}	

input.rand:focus, input.rand:hover,textarea.rand:focus, textarea.rand:hover	{
background-color: #eee;
}

input.not:focus, input.not:hover{
background-color: #5185C1;
}



/* -----------footer--------------------------- */
#footer {
	border-top:1px solid #333333;
	margin: 30px 0 0 0;
	padding:0;
	letter-spacing:0px;
		/*position:absolute;*/
	bottom:0px;
	padding-bottom:50px;
	left:378px;
			width:644px;


}

#footer p {
	border-top:1px solid #333;
	padding: 2px 0;
	margin:0;
	font-size: 11px;
	color:#333333;
	letter-spacing:0px;
		/*position:absolute;*/
	bottom:0px;
	padding-bottom:50px;
	left:378px;
			width:644px;


}

#footerblack p, #footerblue p, #footergreen p {
	border-top:1px solid #ffffff;
	padding: 2px 0;
	margin:0;
	font-size: 11px;
	color:#ffffff;
	letter-spacing:0px;
		/*position:absolute;*/
	bottom:0px;
	padding-bottom:50px;
	left:378px;
			width:644px;
}

#footergreen p {
	border-top:1px solid #333333;
	color:#333333;
		/*position:absolute;*/
	bottom:0px;
	padding-bottom:50px;
	left:378px;
			width:644px;
}