body {
    font-size : 11px;
    font-family : Verdana;
    background : #838383;
    color : #626262;
    text-align : center;
    padding : 0;
    margin : 0;
    }
    
#page {
    width : 100%;
    border : 0;
    text-align : center;
    margin : 5px 0 0 0;
    padding : 0;
    }

#wrapper {
    background : url("images/body.gif") repeat-y top;
    text-align : left;
    width : 972px;
    margin : 0 auto;
    padding : 10px 0 0 0;
    }

#content {
    float:left;
    padding : 0 0 20px 40px;
    margin : 30px 0 0;
    width : 650px;
    font-size : 11px;
    line-height : 16px;
    text-align : justify;
    }
    
#boxhaken {
    width : 100%;
    }

#boxhaken ul {
    margin : 0;
    padding-left : 15px;
    list-style: none;
    }

#boxhaken li {
    margin-bottom : 10px;
    padding-left : 5px;
    list-style-image : url(images/icon_haken.gif);
    list-style-position: outside;
    }
    
#boxhaken_sidebar {
    width : 100%;
    }

#boxhaken_sidebar ul {
    margin : 0;
    padding-left : 20px;
    list-style: none;
    }

#boxhaken_sidebar li {
    margin-bottom : 10px;
    padding-left : 5px;
    list-style-image : url(images/icon_haken.gif);
    list-style-position: outside;
    }

#boxlinks, #boxlinks2 {
    width : 100%;
    }
    
#boxlinks ul, #boxlinks2 ul {
    margin : 0;
    padding-left : 20px;
    list-style: none;
    }

#boxlinks li, #boxlinks2 li {
    margin-bottom : 10px;
    padding-left : 5px;
    list-style-image : url(images/pfeil.gif);
    list-style-position: outside;
    }
    
#boxblue {
    background-color : #e3ecf7;
    border-width : 1px;
    border-color : #61a6fc;
    border-style : solid;
    padding : 10px;
    margin : 15px 0 20px 0;
    }
    
#faq {
    width : 100%;
    }

#faq ul {
    margin : 0;
    padding : 10px;
    list-style: none;
    }

#faq li {
    margin-bottom : 10px;
    padding-left : 5px;
    list-style-image : url(images/fragezeichen.png);
    list-style-position: outside;
    }
    
#faq2 {
    color : #628ab8;
    border-left-style : solid;
    border-left-width : 3px;
    border-left-color : #628ab8;
    padding-left : 5px;
    margin : 0;
    }
    
#faq2 a {
    color : #628ab8;
    text-decoration : none;
    font-weight : bold;
    }

#faq2 a:hover {
    text-decoration : none;
    }

#faq3 {
    border-left-style : solid;
    border-left-width : 3px;
    border-left-color : #9b9b9b;
    padding-left : 5px;
    margin : 2px 0 10px 0;
    }


#header {
    height : 177px;
    width : 972px;
    background : #838383 url('images/header.gif') no-repeat bottom center;
    margin : 0 auto;
    text-align : left;
    }

#footer {
    background : #838383 url('images/footer.gif') no-repeat top;
    border : none;
    font : 10px Verdana;
    padding : 0;
    width : 972px;
    clear : both;
    margin : 0 auto;
    }

small {
    font-size : 0.9em;
    line-height : 1.5em;
    }

h1, h2, h3, h4 {
    font-weight : bold;
    }

h1 {
     font-size: 14px;
     border-bottom: 1px solid #e7e7e7;
     margin-bottom: 10px;
     padding: 5px;
    }
    
h2 {
     color: #b00000;
     font-size: 14px;
     border-bottom: 1px solid #e7e7e7;
     margin-bottom: 10px;
     padding: 5px;
    }

#sidebar a {
    font-size : 1em;
    }

#sidebar a:hover, a:hover {
    text-decoration : underline;
    margin : 0;
    }

#logo {
    margin : 70px 0 0 30px;
    position : absolute;
    }

#menu {
    margin : 151px 0 0 7px;
    position : absolute;
    text-align : left;
    float : left;
    }

#menu ul {
    float : left;
    margin : 0;
    padding : 0;
    list-style : none;
    line-height : normal;
    height : 22px;
    }

#menu li {
    float : left;
    text-align : center;
    height : 22px;
    }
    
#menu a {
    text-align :  left;
    float : left;
    color: #ffffff;
    display : block;
    padding : 5px 15px 0 15px;
    background : url(images/trennlinie.png) no-repeat right;
    text-decoration : none;
    height : 22px;
    }

#menu a:hover {
    background : url(images/menu_mouseover.png) repeat-x right;
    text-decoration : underline;
    }

a {
    color : #626262;
    text-decoration : none;
    }

a:hover {
    color : #3d3d3d;
    text-decoration : underline;
    }
    
img { border:none;
    }


#box {
    border-style : solid;
    border-width : 1px;
    border-color : #c3c3c3;
    padding : 10px 10px 10px 10px;
    }
    
#box_start_left {
    width : 400px;
    margin : 0 0 0 0;
    padding : 3px 0 0 0;
    }

#box_start_right {
    width : 231px;
    margin : 0 0 0 430px;
    padding : 0;
    }

#box_contact_left {
    float : left;
    width : 250px;
    margin : 0 0 10px 0;
    }

#box_contact_right {
    float : right;
    width : 370px;
    margin : 0 0 10px 0;
    }

#spacebox {
    height : 40px;
    }
    
#spacebox_info, #spacebox_info2, #spacebox_info3, #spacebox_info4 {
    height : 15px;
    }

#price, #kostenarten {
    margin : 0 0 10px 0;
    padding : 0;
    width : 100%;
    font-size : 1em;
    }

#price td, #kostenarten td {
    padding : 5px;
    border-bottom : 1px solid #c0c0c0;
    }

#price thead td, #kostenarten thead td {
    background-color : #333;
    color : #fff;
    font-weight : bold;
    }

#price tbody tr.grey td, #kostenarten tbody tr.grey td {
    background-color : #d2d2d2;
    }

.clear {
    clear : both;
    }

#footer p {
    margin : 0;
    padding : 20px 0;
    text-align : center;
    }

p img {
    padding : 0;
    max-width : 100%;
    }

img.centered {
    display : block;
    margin-left : auto;
    margin-right : auto;
    }

img.alignright {
    padding : 4px;
    margin : 0 0 2px 7px;
    display : inline;
    }

img.alignleft {
    padding : 4px;
    margin : 0 7px 2px 0;
    display : inline;
    }

.alignright {
    float : right;
    }

.alignleft {
    float : left;
    }

#sidebar {
    float: right;
    padding : 0 10px 10px 0;
    width : 230px;
    }

#border_sidebar {
    border-left : 1px solid #9b9b9b;
    padding-left : 15px;
    width : 198px;
    }

#sidebar_help {
    float : left;
    padding : 40px 0 10px 30px;
    width : 220px;
    }

#sidebar_box {
    width : 220px;
    }

#offer {
    background : url('images/new.gif') no-repeat top center;
    width : 203px;
    height : 97px;
    margin : 20px 0 20px 0;
    }

#create {
    background : url('images/betriebskostenabrechnung-erstellen.gif') no-repeat top center;
    width : 299px;
    height : 17px;
    margin : 0 0 10px 0;
    }

#help {
    background : url('images/help-center.png') no-repeat top center;
    width : 203px;
    height : 97px;
    margin : 20px 0 20px 0;
    }

#press {
    background : url('images/presse-center.png') no-repeat top center;
    width : 203px;
    height : 97px;
    margin : 20px 0 20px 0;
    }

#features {
    background : url('images/features.gif') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 0 0 10px 0;
    }

#addto {
    background : url('images/addto.gif') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 20px 0 10px 0;
    }

#moresites {
    background : url('images/more_sites.gif') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 20px 0 10px 0;
    }
#kundenlogin {
    background : url('images/sidebar_kundenlogin.png') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 20px 0 10px 0;
    }
#bke-blog {
    background : url('images/bke-blog.gif') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 20px 0 10px 0;
    }

#contact {
    background : url('images/contact.gif') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 20px 0 10px 0;
    }

#help_navigation {
    background : url('images/navigation.gif') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 10px 0 10px 0;
    }

#presse {
    background : url('images/pressekontakt.gif') no-repeat top center;
    width : 198px;
    height : 26px;
    margin : 10px 0 10px 0;
    }

#info {
    background : url('images/help.png') no-repeat top center;
    width : 16px;
    height : 16px;
    margin : 0;
    }

#sidebar form {
margin : 0;
}

hr {
	display: none;
	}
 
    /* Tooltip */

.tool-top {
	color: #fff;
	width: 183px;
	z-index: 13000;
}

.tool-title {
	width: 183px;
	font-weight: bold;
	font-size: 11px;
  text-align: left;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble_sich.png) top left;
}

.tool-text {
	width: 183px;
	font-size: 11px;
  text-align: left;
	padding: 4px 8px 8px;
	background: url(images/bubble_sich.png) bottom left;
	color:#fff;
}

.tool-text A {
	color:#069;
}
.tip-loading {
	background: url(images/ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

    /* FORM */
    
    
#headline {
    background-color:#e8e8e8;
    font-size:1.0em;
    color: #b00000;
    padding:10px;
    margin:0 0 10px 0;
    border:1px #626262 solid;
}

#boxred {
    background-color:#fde2e2;
    font-size:1.0em;
    text-align: center;
    color:#b00000;
    padding:10px;
    margin:0 0 10px 0;
    border:1px #b00000 solid;
}

#boxgrey {
    background-color:#e8e8e8;
    font-size:1.0em;
    padding:10px;
    margin:0 0 10px 0;
    border:1px #828282 solid;
}

#boxwhiteschritt3 {
    background-color:#e8e8e8;
    font-weight: bold;
    font-size:1.0em;
    padding:3px 0 5px 7px;
    margin:0;
    border-width : 0 1px 1px 1px;
    border-color : #828282;
    border-style : solid;
}

#box-headline-grey {
    background-color:#e8e8e8;
    font-weight: bold;
    font-size:1.0em;
    padding:5px 7px;
    margin:0;
    border: 1px solid #828282;
}

#boxwhite {
    background-color:#b00000;
    font-weight: bold;
    color: #ffffff;
    font-size:1.0em;
    padding:3px 5px 5px 7px;
    margin:0;
    border:1px #b00000 solid;
}

#boxwhite2 {
    font-size:1.0em;
    padding:10px;
    margin:0 0 25px 0;
    border-width:0 1px 1px 1px;
    border-color: #828282;
    border-style: solid;
}

#boxgreen {
    background-color:#2d9d3b;
    color: #ffffff;
    font-weight: bold;
    font-size:1.0em;
    padding:5px;
    margin:0;
    border:1px #2d9d3b solid;
}

#boxgreen2 {
    text-align: center;
    color: #2d9d3b;
    font-size:1.0em;
    background-color: #f0f6ea;
    padding:10px;
    margin:0 0 25px 0;
    border-width:0px 1px 1px 1px;
    border-color: #2d9d3b;
    border-style: solid;
}

#boxgreen3 {
    text-align: center;
    color: #2d9d3b;
    font-size:1.0em;
    background-color: #f0f6ea;
    padding:10px;
    margin:0 0 20px 0;
    border-width:1px;
    border-color: #2d9d3b;
    border-style: solid;
}

#boxgreen2 a {
    color: #2d9d3b;
}


#form {
    font-family: Verdana;

}

#form table {
    font-size:1.0em;
}

#form table th {
    text-align:left;
    font-size:1.0em;
    font-weight:bold;
}

#form .table2 td,th {
    padding: 5px 10px 5px 10px;
}

#form .table3 td,th {
    padding: 4px;
}

#form .table0 td {
    padding: 4px;
}

#form .table3 td {
    text-align:center;
}

#form  p {
    text-align:justify;
    font-size:1.0em;
}

#form form {
    margin:0;
    padding:0;
    display:inline;
}


#form .hr {
    border:1px solid #cdcdcd;
    margin:20px 0 20px 0;
    padding:0px;
}

#form .border {
    padding:0px;
}

#form .border2 {
    border:0px solid #cfcfcf;
    padding:3px;
}

#form .error {
    background-color:#fde2e2;
    font-size:1.0em;
    color:#b00000;
    padding:10px;
    margin:0 0 10px 0;
    border:1px #b00000 solid;
}

#form .error ul {
    margin-left : 10px;
    padding-left : 15px;
    list-style: none;
    }

#form .error li {
    margin-bottom : 0 0 10px 10px;
    padding-left : 5px;
    list-style-image : url(images/error.png);
    list-style-position: outside;
    }

#form .error2 {
    background-color:#fde2e2;
    font-size:1.0em;
    color:#b00000;
    padding:10px;
    margin:0;
    border-width: 0 1px 0 1px;
    border-color: #828282;
    border-style: solid;
}

#form .error2 ul {
    margin-left : 10px;
    padding-left : 15px;
    list-style: none;
    }

#form .error2 li {
    margin-bottom : 0 0 10px 10px;
    padding-left : 5px;
    list-style-image : url(images/error.png);
    list-style-position: outside;
    }


#form .input-text {
    font-size: 1.0em;
    border:1px solid #626262;
    padding:2px 3px 3px 3px;
    background:url('form/images/text-bg.gif');
}

#form .input-text-error {
    border:1px solid #b00000;
    padding:2px 3px 3px 3px;
    background:url('form/images/text-bg.gif');
}

#form .input-select {
    font-size: 1.0em;
    border:1px solid #626262;
    padding:2px 3px 2px 3px;

}

#form .input-select-error {
    border:1px solid #b00000;
    padding:2px 3px 2px 3px;

}

#form .input-submit {
    background:url('images/form_button.png');
    float: right;
    color: #fff;
    font-weight: bold;
    font-size: 1.0em;
    border: 0px;
    width: 136px;
    height: 21px;
}

#form .input-submit:hover {
    background:url('images/form_button_mouseover.png');
}

#form .input-submit2 {
    background:url('images/form_button_grey.png');
    float: right;
    color: #333;
    font-weight: bold;
    font-size: 1.0em;
    border: 0px;
    width: 175px;
    height: 21px;
}

#form .input-submit2:hover {
    background:url('images/form_button_mouseover_grey.png');
}

#button {
    background:url('images/form_button.png');
    color: #fff;
    font-weight: bold;
    font-size: 1.0em;
    border: 0px;
    width: 136px;
    height: 21px;
}

#button:hover {
    background:url('images/form_button_mouseover.png');
}



#form .fortschritt2, #form .fortschritt3, #form .fortschritt4, #form .fortschritt5 {
    width: 500px;
    height: 20px;
    padding: 0 0 4px 0;
    margin: 11px 0 0 0;
    border-bottom: 1px solid #e7e7e7;
}

#form .fortschritt2 {
    background:url('images/form_fortschritt_schritt_2.gif') no-repeat;
}

#form .fortschritt3 {
    background:url('images/form_fortschritt_schritt_3.gif') no-repeat;
}

#form .fortschritt4 {
    background:url('images/form_fortschritt_schritt_4.gif') no-repeat;
}

#form .fortschritt5 {
    background:url('images/form_fortschritt_schritt_5.gif') no-repeat;
}



#form .fortschritt-submit-red {
    background: none;
    border:0;
    width:96px;
    height: 20px;
    font: bold 1em Verdana;
    color:#fff;
    cursor:pointer;
    margin:0;
    display:inline;
    text-align:left;
}

#form .fortschritt-submit-grey {
    background: none;
    border:0;
    width:96px;
    height: 20px;
    font: bold 1em Verdana;
    color:#fff;
    margin:0;
    display:inline;
    text-align:left;
}

#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}