/*
Website Name: Barthauer GmbH
Website URL: http://www.barthauer.de 
Description: 
Version: 0.0.1
Author: Viktor Steinke
Author E-Mail: viktor.steinke@brainworxx.de
=============================================================================================================================*/
/* importiert datai.css
--------------------------------------------------*/
@import "browser.css";
@import "additional.css";
@import "news.css";

/* html, body
--------------------------------------------------*/
html, body{height: 100%; margin: 0px; padding: 0px;}
body {
	color: #5f5f5f;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../bilder/layout/body_bg1.jpg);
}

/* headings 
--------------------------------------------------*/
h1 {
	color: #024188;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../bilder/layout/h1_bg.jpg) no-repeat 10px 15px;
	padding: 0px 0px 20px 30px;
	margin: 26px 0px 0px 0px;

}

h2 {
	color: #024188;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 0px 30px;
	margin: 26px 0px 0px 0px;
}
h3 {
}

/* links
--------------------------------------------------*/
a {color: #545454; text-decoration: none;}
a:hover { color: #024188; text-decoration: none;}
a:visited {}
a:active {}

#content a {color: #024188;}
#content a:hover {color: #024188; text-decoration: underline;}
#content a:visited {}
#content a:active {}

A IMG {border: none;}

.print{
	width: 90px;
	height: 21px;
	margin: 0px 0px 0px 753px;
	float: left;
}

.top{
	width: 90px;
	height: 21px;
	margin: 0px 0px 0px 25px;
	float: left;
}

/* paragraphs, lists, etc
--------------------------------------------------*/
p {padding: 0px 0px 0px 0px;}

form {
	margin: 0px;
	padding: 0px;
}

#main-content ul{
	margin: 1em 0px 1em 0px;
	padding: 0px 0px 0px 30px;
}

*html #main-content ul li{
	margin-bottom: 0.5em;
	list-style-type: none;
	list-style-image: url(../bilder/icons/li_ie.gif)
}
#main-content ul li{
	margin-bottom: 0.5em;
	list-style-type: none;
	list-style-image: url(../bilder/icons/li.gif)
}

/* container
--------------------------------------------------*/
#page {
	width: 982px;/*979px*/
	margin: 0px 0px 0px 0px;
	min-height: 100%; /* Fuer moderne Browser */
	height: auto !important;  /*Fuer moderne Browser */
 	height: 100%; /* Fuer IE */
	text-align: left;
	background:#fff;
}

#head{
	width: 979px;
	height: 100px;
	margin: 0px;
        /*background: url(../bilder/layout/topimg_1_k.jpg) no-repeat right;*/
}

#headSub{
	width: 979px;
	height: 100px;
	margin: 0px;
	background: url(../bilder/layout/headWhite.png) no-repeat 0px 0px;
}

/*nur IE 6*/
* HTML #headSub{
        background: none;
}

#headEnd{
	width: 979px;
	height: 22px;
	margin: 0px;
	background: url(../bilder/layout/head_bg0.jpg) no-repeat 0px 0px;
}

#navigation{
	width: 236px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#content{
	width: 740px;
	margin: 0px 0px 0px 3px;
	float: left;
}

#main-content{
        margin: 10px 0 0 20px;
}

#bottom{
	margin-top:1em;
	text-align:center;
	width: 979px;
	height: 45px;
	background: url(../bilder/layout/bottom-bg.jpg)
}

/* logo
--------------------------------------------------*/
.logo{
	width: 201px;
	height: 77px;
	float: left;
	padding: 0px;
	margin: 18px 0px 0px 17px;
}

/* rootline
--------------------------------------------------*/
.rootline {
	width: 700px;
	height: auto;
	/*float: left;*/
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.rootlineItems {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}

/* menu
--------------------------------------------------*/
.menu .item{border-bottom: 1px solid #87b3da;}
.menu ul{ margin: 0px; padding: 0px;}
.menu a{
	text-decoration: none;
	color: #5f5f5f;
	font-size: 1em;
	display: block;
}
.menu a:hover{font-size: 1em;}

/* ###  2. Ebene */
.menu ul li{
	list-style-image: none;
	list-style-type : none;
	border-right: 1px solid #86b3da;
	background: url(../bilder/icons/menu-border-left.jpg) no-repeat;
	margin: 0px;
}

.menu ul li a{
	line-height: 19px;
	padding: 0px 0px 0px 55px;
	background: url(../bilder/icons/menu_trennline.jpg) no-repeat bottom left;
}
.menu ul li a:hover{color: #2A66AC;}
.menu ul li a.menuitem2act, .menu ul li a.menuitem2act:hover{font-weight: bold; color: #2A66AC;}

/* ###  3. Ebene */
.menu ul li li{
	border: 0px;
	background: #F6F6F6 url(../bilder/icons/menu-border-left.jpg) no-repeat;
}

.menu ul li li a{
	font-weight: normal;
	line-height: 19px;
	padding: 0px 0px 0px 60px;
	background: url(../bilder/icons/menu_trennline.jpg) no-repeat bottom left;
}
.menu ul li li a:hover{color: #2A66AC;}
.menu ul li li a.menuitem3act, .menu ul li li a.menuitem3act:hover{font-weight: bold; color:#2A66AC;}

/* ###  4. Ebene */
.menu ul li li li{
	border: 0px;
	background: #F6F6F6 url(../bilder/icons/menu-border-left.jpg) no-repeat;
}

.menu ul li li li a{
	font-weight: normal;
	line-height: 19px;
	padding: 0px 0px 0px 65px;
	background: url(../bilder/icons/menu_trennline.jpg) no-repeat bottom left;
}
.menu ul li li li a:hover{color: #2A66AC;}
.menu ul li li li a.menuitem2act, .menu ul li a.menuitem2act:hover{font-weight: bold; color: #2A66AC;}

/* ###  5. Ebene */
.menu ul li li li li{
	border: 0px;
	background: #F6F6F6 url(../bilder/icons/menu-border-left.jpg) no-repeat;
}

.menu ul li li li li a{
	font-weight: normal;
	line-height: 19px;
	padding: 0px 0px 0px 70px;
	background: url(../bilder/icons/menu_trennline.jpg) no-repeat bottom left;
}
.menu ul li li li li a:hover{color: #2A66AC;}
.menu ul li li li li a.menuitem2act, .menu ul li a.menuitem2act:hover{font-weight: bold; color: #2A66AC;}

/* shortnews
--------------------------------------------------*/
.shortnews-title{
	width: 223px;
	height: 29px;
	margin: 13px 0px 0px 0px;
	background: url(../bilder/layout/aktuell.jpg) no-repeat 0px 0px;
}

.shortnews-date{
	padding: 12px 0px 0px 120px;
	color: #044184;
	font-weight: bold;
}

.shortnews{
	width: 220px;
	padding: 15px 5px 0px 10px;
}

/* banner
--------------------------------------------------*/
.banner-title{
	width: 223px;
	height: 29px;
	margin: 13px 0px 0px 0px;
	background: url(../bilder/layout/partner.jpg) no-repeat 0px 0px;
}
.banner{
	width: 206px;
	padding: 0 0 0 0;
}
.banner-items {
        padding: 0 0 5px 0;
        margin: 0;
}
.banner-line{
        display: block;
        width: 170px;
	height: 9px;
	background: url(../bilder/icons/banner_trennline.gif) no-repeat 0px 0px;
}

/* search
--------------------------------------------------*/
.search{
        padding: 29px 0 0 8px;
}

/* login
--------------------------------------------------*/
.login{
        padding: 29px 0 0 8px;
        background: url(../bilder/layout/login.jpg) no-repeat 0px 0px;
}

.login LABEL {
        color: #5f5f5f;
        font-weight: normal;
        width: 90px;
        display: block;
        float: left;
        clear: left;
}

.login #user, .login #pass {
	font-family: Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	font-size : 11px;
	border: 1px solid #ccc;
	padding-left: 5px;
	margin: 2px 0px;
}

.login #submit {
	color: #5f5f5f;
	font-size : 11px;
	background: #fff;
	border: 1px solid #ccc;
}

/* headimg
--------------------------------------------------*/
.head-img{
	width: 740px;
	height: 251px;
}

/* toolbar
--------------------------------------------------*/
.toolBarBottom {
        padding: 0 0 0 210px;
        text-align: right;
}

.toolBarBottom LI{
        display: inline;
        margin: 0 10px 0 10px;
}

.toolBarBottom A{
        color: white;
}

#toolContact A{
        background: url(../bilder/layout/iconContact.jpg) no-repeat;
        padding: 0 0 0 17px;
}

#toolInfo A{
        background: url(../bilder/layout/iconInfo.jpg) no-repeat;
        padding: 0 0 0 17px;
}

#toolAGB A{
        background: url(../bilder/layout/iconAGB.jpg) no-repeat;
        padding: 0 0 0 17px;
}

#toolSitemap A{
        background: url(../bilder/layout/iconSitemap.jpg) no-repeat;
        padding: 0 0 0 17px;
}

#toolPrint A{
        background: url(../bilder/layout/iconPrint.jpg) no-repeat;
        padding: 0 0 0 17px;
}

#toolTop A{
        background: url(../bilder/layout/iconTop.jpg) no-repeat;
        padding: 0 0 0 17px;
}

.loginform {
        margin: 5px 0 0 606px;
}
.loginform INPUT {
	font-family: Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	font-size : 11px;
	border: 1px solid #ccc;
	padding-left: 5px;
}
.loginform .text-input {
 	width: 100px;
	margin: 1px 0px;
}
.loginform .password-input {
	width: 75px;
	margin: 1px 0px;
}
.loginform .submit-input {
	width: 20px;
	margin: 1px 0 1px 5px;
}

/* sprachen
--------------------------------------------------*/
.lang{
	margin: 0px 0px 0px 18px;
	padding: 20px 0px 0px 0px;
}
.lang img{border: 0px;}
.lang .interspace{padding-left:15px;}

/* footer-img, footer-img-produkt
--------------------------------------------------*/
.footer-img{
	width: 740px;
	min-height: 65px;
	background-color: #629ed0;
	background-repeat: no-repeat;
	padding: 0 0 5px 0;
}

.footer-img-produkt{
	width: 740px;
	height: 16px;
}

/* content
--------------------------------------------------*/
#main-content{
	width: 680px;
	padding: 0px 15px 0px 15px;
}

/* CSC-Formatierung
--------------------------------------------------*/
.csc-textpic-caption{
        font-style: italic; 
}

/* forms
--------------------------------------------------*/
#content INPUT, #content TEXTAREA {
        font-family: Arial, Helvetica, sans-serif;
        color: #5f5f5f;
        font-size : 11px;
        border: 1px solid #ccc;
        padding-left: 5px;
        margin: 2px 0px;
}

#content FIELDSET {
        border: 1px solid #ccc;  
}