/**********************************************************************
 *	Globale Formatierungen
 **********************************************************************/
* {
padding: 0;
margin: 0;
}
body {
font-size:x-small; /* für IE/WIN*/
font-size:small;/*für konforme Browser*/
color:#000;
background-image:url(/V4/picture/basix/background.gif);
}
html>body{
/*sei nett zu Opera*/
font-size:small;
font-family:Tahoma, Helvetica, sans-serif;
}


ul{
  margin-top:2px;
}

h1 {
font-size: 130%;
color: #CC3300;
font-family:Georgia, Times New Roman, Times, serif;
margin:10px 10px 10px 4px;
text-align:right;
padding-bottom:5px;
background: url(/V4/picture/basix/h1.gif) repeat-x right bottom;
}
h2 {
font-size: 110%;
font-family:Georgia, serif;
color:#666666;
}
h3{
margin-bottom:5px;
font-size:100%;
}
a{
text-decoration:none;
}
img{
border:0;
}


/**********************************************************************
 *	Styles für Editoren
 **********************************************************************/

/**********************************************************************
 *	KLASSEN
 **********************************************************************/

.imgleft{
float:left;
padding-top:10px;
padding-left:8px;
}

.orange{
color:#dc5900;
font-weight:bold;
}
.small, #adress p{
font-size:75%;
line-height:1.3em;
letter-spacing:0.5px;
}
.red{
color:#b52227;
}
.border1px{
border:1px dotted #b52227;
padding:8px;

}
.Bold{
font-weight: bold;
}
.Code{
font-family: 'Courier New' , Monospace;
padding-right: 5px;
border: #8b4513 1px solid;
padding-left: 5px;
color: #000066;
background-color: #ff9933;
}
.clear {
clear: both;
height: 0px;
visibility: hidden;
}
.space{
margin-top:30px;
}
.borderbox2{
margin:10px 0 3px 8px;
width:160px;
float:left;
}
.box01{
float:left;
width:285px;

}
.box01 img:hover{
border:1px solid #dfdfdf;
}
.box01 img{
border:1px solid #fff;
margin-right:10px;
}
.box01 ul{
}
.box01 li{
list-style-type:none;
background:url(/V4/picture/basix/nav_list.png) no-repeat left ;
color:#000;
}

.artikelmenu ul{
list-style-type:none;
padding:8px;
margin-left:20px;
color:#555;
}
.artikelmenu h1{
font-size:90%;
color:#555;
text-align:left;
}
.artikelmenu a{
color:#555;
}

.artikelmenu ul li{
background:url(/V4/picture/basix/nav_list.png) no-repeat left center;
padding-left:16px;
}
/**********************************************************************
 *	DIVS
 **********************************************************************/

div#page {
font-family:Tahoma, Helvetica, sans-serif;


}
div#wrapper {
width: 725px;
height: 530px;
margin: 8px auto;
background:#fff;
border:2px solid #d5d5d5;
}

div#outfooter{
width:725px;
background:url(/V4/picture/basix/bg_outfooter.jpg);
color:#fff;
margin:auto;
height:35px;
}

div#outfooter p{
font-size:75%; 
font-family:Tahoma, Helvetica, sans-serif;

line-height:35px;
text-align:center;
color:#000;
}
div#custom{
width:60px;
float:right;
}
div#webmail{
width:50px;
float:right;
}

div#header {
height: 90px;
background: #fff;
border-bottom: 1px solid #d4d4d4;
}
div#logo {
padding-right: 15px;
padding-top:5px;
float: right;
}
#main-nav {
width: 410px;
float: left;
margin-top:67px;
padding-left:10px;
font-size:105%;
}
div#content {
margin: 10px;
padding-top: 0px;
background: #fff;
}
div#leftcol{
float:left;
width:410px;
height:420px;
}
div#flash01{
float: left;
width: 410px;
background: #fff;
height: 285px;
}

div#flash02{
float: left;
width: 410px;
background: #fff;
height: 285px;
}
div#rightcol{
float:right;
width:285px;
height:420px;
}
div#main-text01 {
background: #fff;
position: relative;
height: 285px;
width: 285px;
float: right;
border:1px solid #eeeae2;

}
div#main-text02 {
background: #fff;
position: relative;
height: 420px;
width: 285px;
float: right;
border:1px solid #eeeae2;
}

div#pmain-text{
padding-left:10px;
padding-right:8px;
font-size:85%;
letter-spacing:0.5px;
}
div#pmain-text p{
padding-bottom:6px;
line-height:1.33em;
}

div#pmain-text ul, div.box01 ul {
width:270px;
margin-bottom:6px;
}
div#pmain-text li, div.box01 li  {
list-style-type:none;
background:url(/V4/picture/basix/list.gif) no-repeat 0px 3px;
margin:0;
padding:0 0 3px 18px;
margin-top:3px;
}
#pmain-text a:link, #adress a:link{
color: #B32400;
}
#pmain-text a:visited, #adress a:visited{
color: #B32400;
}
#pmain-text a:hover, #adress a:hover{
color: #000;
text-decoration:underline;
}
#pmain-text a:active, #adress a:active{
color: #000;
text-decoration:underline;}

/**********************************************************************
 *	Footer-Box
 **********************************************************************/

div#footer-box01 {
margin-top: 10px;
height: 125px;
width: 705px;
background: #eed98f;
}

div#footer-box02{
margin-top: 10px;
height: 125px;
width: 410px;
background: #eed98f;
float:left;
}
div#footer-box02 p{
margin:5px;
}

div#adress {
font-family:Tahoma, Helvetica, sans-serif;
width: 200px;
float: left;
margin-left: 10px;
color:#000000;
padding-top: 20px;
line-height:1.3em;
}

div#news {
width: 460px;
height: 110px;
background-color: #fff;
float: right;
margin-right: 7px;
margin-top: 7px;
overflow: hidden;
}
h2.newsheadline {
color: #fff;
letter-spacing: 0.1em;
padding-left: 5px;
padding-top: 5px;
font-family: Georgia, serif;
height: 22px;
overflow: visible;
background-color: #FF9900;
}

#footer-box02  a:link{
color: #B32400;
}
#footer-box02  a:visited{
color: #B32400;
}
#footer-box02 a:hover{
color: #000;
text-decoration:underline;
}
#footer-box02 a:active{
color: #000;
text-decoration:underline;
}
/**********************************************************************
 *	NEWSSCROLL
 **********************************************************************/
div#newsscroll {
font-size: 80%;
height: 80px;
overflow: auto;
padding:5px 10px 0px 10px;
font-family:Tahoma, Helvetica, sans-serif;

}
div#newsscroll h3{
font-size:115%;
color:#000;
padding-bottom:4px;
}

div#newsscroll a{
color:#000;
}
div#newsscroll a:hover{
color: #B32400;
}


/**********************************************************************
 *	TOP-Navigation
 **********************************************************************/

ul.list_top, ul.list_level {
text-align:center;
padding: 3px 0;
background:url(/V4/picture/basix/bg_nav.jpg);
margin-left: 0;
font-family: Tahoma, Helvetica, sans-serif;

}
ul.list_top li, ul.list_level li {
list-style: none;
margin: 0;
display: inline;
padding: 0;
}
ul.list_top li a, ul.list_level li a {
padding: 3px 0.5em;
margin: 0px;
text-decoration: none;
}

ul.list_top li a:link, ul.list_level li a:link {
color: #666;
}
ul.list_top li a:visited, ul.list_level li a:visited {
color: #666;
}
ul.list_top li.active a, ul.list_level li.active a {
color:#B32400;
/*background:url(/V4/picture/basix/bg_nav_a.gif);*/

}
ul.list_top li a:hover, ul.list_level li a:hover {
color:#B32400;
}


/**********************************************************************
 *	Teaser_Navi
 **********************************************************************/
.articleLinkInternal{
list-style-type:none;
margin:10px 10px 0px 10px;
float:left;

}
.articleLinkInternal li{
padding-left:10px;
background:url(/V4/picture/basix/nav_list.gif) no-repeat left ;
margin:0 0 5px 0;


}
.articleLinkInternal li a, div#outfooter a{
color: #000;
padding: 3px 0.5em;
}
.articleLinkInternal li a:link, div#outfooter a:link{
color: #000;
padding: 3px 0.5em;
}
.articleLinkInternal li a:visited, div#outfooter a:visited{
color: #000;
}
.articleLinkInternal li a:hover, div#outfooter a:hover{
color: #B32400;
}

.articleLinkInternal li a:active, div#outfooter a:active{
color: #B32400;
}

/**********************************************************************
 *	PAGINIERUNG
 **********************************************************************/

div.cpPagination {
   margin: 10px 0 10px 0;
   text-align: right;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
   padding: 0px 3px 1px 3px;
   background-color: #FFFFFF;
   color: #000;
   text-decoration: none;
   font-weight: bold;
   border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
   background-color: #CBCBCB;
   color: #FFFFFF;
   border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
   background-color: #DDDDDD;
   color: #B32400;
   border: 1px inset #CBCBCB;
}

.reflist{
margin:auto;
}

/**********************************************************************
 *	reflist
 **********************************************************************/

.imgleft img{
	margin:0;
	clear:both;
	cursor:pointer;
    border:1px solid #ddd;
	}
.imgleft img:hover{
	border:1px solid #B32400;
}
div#ref-navi{
padding:5px;
height:20px;
}

/**********************************************************************
 *	Kontaktform
 **********************************************************************/
.kontaktform{
font-size:90%;
}
.stars {
font-weight: bold; 
font-family:Tahoma, Helvetica, sans-serif;
}
.formField option{
width: 250px; 
font-family: Tahoma, Helvetica, sans-serif;
padding:2px;
}
.formField input, .formField textarea 
{width: 250px; 
border: 1px solid #E0E7EF;
margin: 0 0 3px 0;
font-family: Tahoma, Helvetica, sans-serif;
padding:2px;
font-size:80%;
}
.formField input:focus, .formField textarea:focus 
{border: 1px solid #E0E7EF;
padding:2px;
font-size:80%;
}
.formField .full textarea {
width: 250px;
padding:2px;
}
.form select {
border: 1px solid #E0E7EF;
width: 250px;}
.error  {display: block;color: #CC0033; font-weight: normal;}
.error hr {height: 1px;}
.imp input {background:#FFF; border: 1px solid #CC0033;}

.fleft{
width:100px;
float:left;
}
.error{
color:#000;
border-left:0.3em solid #B32400;
padding:2px;
margin-bottom:3px;
}