html, * {
    margin: 0;
    padding: 0;
}
body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3em;
    background-color: #ffffff;
}
h1, h2, h3 {
    line-height: 1.3em;
    margin-top: 5px;
}
h1 {
    font-size: 20px;
    color: #072453;
    border-bottom: 1px solid #072453;
}
h2 {
    font-size: 16px;
    color: #072453;
}
h3 {
    font-size: 14px;
    color: #072453;
}
hr {
}

a, img {
    border: none;
}

a {
    color: #000000;
}
p {
    margin-top: 0.5em;
}

#header_top, #header_navigation, #header_teaser {
    background-repeat: repeat-x;	       
}
#header_top {
    background-image: url(../images/header_top_background.gif);
    height: 116px;
    border: 0px solid black;
    overflow: hidden;
}
#header_top h1 {
    text-align: right;
    margin-right: 50px;
    line-height: 116px;
    color: #136AA6;
    font-size: 4em;
    display: none;
}
#header_top div {
    position: relative;
    margin: auto;
    width: 58em;
}
#header_top div img#webflow_logo {
    position: absolute;
    top: 0px;
    left: 0;
}
#webflow_free_call {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10000;
}
#header_navigation {
    background-image: url(../images/header_navigation_background.gif);
    height: 35px;
    border: 0px solid black;
}
#navigation_bar {
    text-align: center;
    background-image: url(../images/header_navigation.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 35px;
    border: 0px solid black;
    margin: auto;
    width: 704px;
    position: relative;
}
#navigation_offset a {
    display: block;
    float: left;
    height: 33px;
    line-height: 700px;
    font-size: 14px;
    text-decoration: none;
    overflow: hidden;
    margin: 1px;
}

#navigation_offset {
    margin-left: 114px;
}

#navigation_produkte {
    width: 68px;
}
#navigation_produkte:hover, #navigation_produkte.active {
    background-image: url(../images/header_navigation_high.gif);
    background-position: -114px -1px;
    height: 33px !important;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}
#navigation_news {
    width: 46px;
}
#navigation_news:hover, #navigation_news.active {
    background-image: url(../images/header_navigation_high.gif);
    background-position: -184px -1px;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
    height: 33px !important;
}
#navigation_referenzen {
    width: 83px;	       
}
#navigation_referenzen:hover {
    background-image: url(../images/header_navigation_high.gif);
    background-position: -232px -1px;
    height: 33px !important;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}
#navigation_ueber_uns {
    width: 66px;	       
}
#navigation_ueber_uns:hover {
    background-image: url(../images/header_navigation_high.gif);
    background-position: -317px -1px;
    height: 33px !important;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}
#navigation_support {
    width: 63px;	       
}
#navigation_support:hover {
    background-image: url(../images/header_navigation_high.gif);
    background-position: -385px -1px;
    height: 33px !important;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}
#navigation_kontakt {
    width: 55px;	       
}
#navigation_kontakt:hover {
    background-image: url(../images/header_navigation_high.gif);
    background-position: -450px -1px;
    height: 33px !important;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}
#navigation_impressum {
    width: 83px;	       
}
#navigation_impressum:hover {
    background-image: url(../images/header_navigation_high.gif);
    background-position: -507px -1px;
    height: 33px !important;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}
#header_teaser {
    background-image: url(../images/header_teaser_background.gif);
    background-position: top center;
    background-repeat: repeat-x;
    border: 0px solid black;
    position: relative;
    background-color: #E5EDF1;
    margin-top: -15px;
}
#header_teaser_content {
    background-image: url(../images/header_teaser_center_background.gif);
    background-repeat: no-repeat;
    background-position: top center;
    width: 54em;
    margin: auto;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
#header_teaser_content h1 {
    color: #136AA6;
}

#header_teaser_shadow {
    background-image: url(../images/header_shadow_buttom.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFFFFF;
    border-top: 1px solid lightgray;
}

#flash_note {
    border-top: 2px solid #99CC99;
    border-bottom: 2px solid #99CC99;
    background: #E2F9E3 url(../images/alertgood_icon.gif) no-repeat scroll left center;
    padding: 5px 25px 5px 25px;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
}

#content_shadow {
    position: relative;
    background-image: url(../images/header_shadow_buttom.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFFFFF;
    padding-top: 15px;
}

#content {
    position: relative;
    width: 55em;
    margin: auto;
    padding: 20px 20px 3px 20px;
    min-height: 500px;
    background-color: #F7F7F7;
    border: 1px solid #D0D0D0;
    -moz-border-radius:20px;
    -khtml-border-radius:20px;
}

#main_content {
    outline: 0px solid black;
    float: left;
    width: 41em;
}
#sidebar {
    outline: 0px solid blue;
    width: 19em;
    float: right;
}
#main_content > div, #sidebar > div {
    margin: 5px;
}

#footer, #footer_christmas {
    position: relative;
}

#footer_content {
    background-image: url(../images/footer_background.gif);
    background-repeat: repeat-x;
    background-position: center top;
    height: 300px;
    text-align: center;
    font-size: 0.8em;
}
#footer_content #footer_border_top {
    background-image: url(../images/footer_border_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    height: 7px;
}

.box {
    outline: 0px solid black;
    width: 21.5em;
    margin: 0;
    float: left;
    margin-bottom: 1em;
    background-color: #ffffff;
}
.box + .box {
    float: right;
}
.box h2 {
    background-image: url(../images/head_ligh_blue_background.gif);
    background-repeat: repeat;
    background-position: center;
    padding: 5px;
    font-size: 1em;
    margin-bottom: 0px;
    font-weight: normal;
    line-height: 1.5em;
    text-shadow: gray 2px 2px 2px;
}
.box h3 {
    font-size: 1em;
    margin-bottom: 0.3em;	       
}
.box h2 + div {
    margin: 0;
    height: 9em;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    padding: 5px;
}
.box h2 + div + div {
    border-bottom: 2px solid #C8C8C8;
    position: relative;
}
.box .corner_left {
    bottom: -2px;
    left: 0px;
    background: url(../images/corners_left.gif);
    background-position: bottom left;
}
.box .corner_right {
    bottom: -2px;
    right: 0px;
    background: url(../images/corners_right.gif);
    background-position: bottom right;
}
.box .corner_left, .box .corner_right {
    position: absolute;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.big_box {
    width: 100%;
}

.content_teaser {
    background: url(../images/footer_background.gif);
    background-position: center top;
    margin-bottom: 15px;
}
.content_teaser div {
    padding: 5px;
}

#sidebar .box {
    width: 17em;
    background-color: #EFEFEF;
    float: left;
}
#sidebar .box h2 {
    background-image: url(../images/head_dark_background.gif);
}
#sidebar .box .corner_left {
    background: url(../images/corners_left_dark.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}
#sidebar .box .corner_right {
    background: url(../images/corners_right_dark.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.web {
    color: #ffffff;
    background-color: #136AA6;
    text-transform: none;
    font-style: normal;
}

.webflow {
    color: #000000;
    background-color: #E3EDF4;
    text-transform: none;
    font-style: normal;
}

.webflow_product {
    text-transform: uppercase;
    font-style: italic;
}

.waves {
    background-image: url(../images/header_top_background.gif);
	background-repeat: repeat-x;
    width: 100%;
}
#w1 {
    position: absolute;
    right: -30%;
    top: 0px;
    opacity: 0.2;
}
#w3 {
    position: absolute;
    right: -10%;
    top: 2px;
    opacity: 0.5;
}
#w2 {
    position: absolute;
    right: -30%;
    top: 2px;
    opacity: 0.5;
}
#w4, #w5 {
    position: absolute;
    left: -10%;
    top: 2px;
    opacity: 0.5;
}
#w5 {
    left: -10.5%;
    top: 1;
    opacity: 0.2;
}

#intro {
    padding-bottom: 10px;
}

#produkt_home h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 45em;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}

.scroll, .scroll_navi {
    height: 510px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    clear: left;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

.scroll_navi {
    border-top: 1px solid #D3D3D3;
    height: auto;
}

.scrollContainer {
    width: 7000px !important;
}

.scrollContainer div.panel {
    padding: 20px;
    padding-left: 15px;
    height: 28em;
    width: 43em;
}


.scroll_content ul {
  margin-left: 20px;
  margin-bottom: 1em;
}

.scroll_content p {
  margin-bottom: 1em;
}

.panel h2, h4 {
    color: #072453;
}

#shade {
    background: #EDEDEC url(/images/shade.gif) no-repeat 0 0;
    background-position: top center;
    background-color: #F8F8F8;
    width: 45em;
}

table.navigation {
    width: 100%;
    margin: 0;
    line-height: 2em;
    background-image: url(/images/slide_button_normal.jpg);
    background-repeat: repeat-x;
    background-position: center center;
    border-collapse: collapse;
    empty-cells: show;
}

table.navigation td {
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    vertical-align: middle;
    text-align: center;
    width: 20%;
}

table.navigation a {
    color: #444444;
    text-decoration: none;
    display: block;
}

table.navigation a:hover {
    color: #000000;
}

table.navigation td:hover {
    background-image: url(/images/slide_button_dunkel.jpg);
    background-repeat: repeat-x;
    background-position: center center;
    color: #000000;
}

table.navigation a.selected {
    background-image: url(/images/slide_button_dunkel.jpg);
    background-repeat: repeat-x;
    background-position: center center;
    color: #000000;
}

table.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 20em;
    cursor: pointer;
}

.scrollButtons.left {
    left: -4em;
}

.scrollButtons.right {
    right: -4em;;
}

.hide {
    display: none;
}

#imprint {
    color: #666666;
}

#imprint h2 {
    color: #000000;
}

#contact_description {
    color: #666666;
}

.contact {
    color: #666666;
}

.contact th {
    text-align: left;
    padding-right: 20px;
}

.contact td {
    text-align: left;
}

.contact input {
    font-size: 17px;
    border: 1px solid #d3d3d3;
    -moz-border-radius-bottomLeft: 5px;
    -khtml-border-radius-bottomLeft: 5px;
    -moz-border-radius-topRight: 5px;
    -khtml-border-radius-topRight: 5px;
}

.contact input:focus, textarea:focus {
    background-color: #FFFFCC;
}

.contact textarea {
    font-size: 17px;
    border: 1px solid #d3d3d3;
    -moz-border-radius-bottomLeft: 6px;
    -khtml-border-radius-bottomLeft: 6px;
    -moz-border-radius-topRight: 6px;
    -khtml-border-radius-topRight: 6px;
}

.error {
    color: red;
}

label.error {
    font-size: small;
    display: block;
}

input.error, textarea.error {
    border: 1px dotted red;
}

fieldset legend {
	padding-right: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #072453;
}

fieldset {
    border: 0px;
	border-top: 2px solid darkgray;
	margin-bottom: 10px;
}

noscript div {
    font-weight:bold;
    font-size: 15px;
    text-align: center;
    color: #FF0000;
    border: 2px solid #FF0000;
    width: 80%;
    padding:5px;
    margin: auto;
    margin-bottom: 10px;
}

#produkt_home {
}

#produkt_overview a {
    color: #072453;
}

#produkt_overview a:hover {
    color: gray;
}

#produkt_overview tr {
    vertical-align: top;
}

#produkt_webbox, #produkt_webmachine, #produkt_domains {
    width: 100%;
    empty-cells: hide;
    border-collapse: collapse;
}

#produkt_webbox .even td, #produkt_webmachine .even td, #produkt_domains .even td {
    background-color: #F8F9FC;
}

#produkt_webbox th, #produkt_webmachine th {
    padding: 5px;
    vertical-align: top;
    font-size: 18px;
}

#produkt_webbox .webflow, #produkt_webmachine .webflow, #produkt_domains .webflow {
    font-size: 18px;
}

#produkt_webbox h4, #produkt_webmachine h4, #produkt_domains h4 {
    color: #000;
    text-transform: uppercase;
}

#produkt_webbox td, #produkt_webmachine td, #produkt_domains td {
    background-color: #ffffff;
    border-top: 1px solid #CCE0F5;
    border-bottom: 1px solid #CCE0F5;
    padding: 5px;
    font-size: 12px;
    width: 20%;
    color: #808080;
    font-weight: bold;
}

#produkt_home td ul {
    margin-left: 20px;
    padding: 10px;
}

.top_index_product, .middle_index_product, .bottom_index_product, .inner_rounded_border {
    border: 1px solid #D0D0D0;
    background-color: #fff;    
    padding: 10px;
}
.top_index_product {
      -moz-border-radius-topLeft:10px;
     -khtml-border-radius-topLeft:10px;
    -webkit-border-top-left-radius:10px;
      -moz-border-radius-topRight:10px;
    -khtml-border-radius-topRight:10px;
   -webkit-border-top-right-radius:10px;
}

.middle_index_product {
}

.bottom_index_product {
      -moz-border-radius-bottomLeft:10px;
    -khtml-border-radius-bottomLeft:10px;
   -webkit-border-bottom-left-radius:10px;
      -moz-border-radius-bottomRight:10px;
    -khtml-border-radius-bottomRight:10px;
   -webkit-border-bottom-right-radius:10px;
}
.inner_rounded_border {
       -moz-border-radius:10px;
     -khtml-border-radius:10px;
    -webkit-border-bottom-left:10px;
}

.top_index_product .picture, .middle_index_product .picture, .bottom_index_product .picture {
    float: left;
}

.top_index_product .description, .middle_index_product .description, .bottom_index_product .description {

}

.top_index_product ul, .middle_index_product ul, .bottom_index_product ul {
    list-style-position: inside;
}

.picture img {
    margin-right: 10px;
}

.webpages {
	margin: 15px;
	position: relative;
	width: 250px;
	height: 187px;
	float: left;
}
.webpages img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
    width: 230px;
    height: 167px;
}

.webpages a {
	text-decoration: none;
}

.photo {
	margin: 25px;
	position: relative;
	width: 250px;
	height: 187px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
    width: 230px;
    height: 167px;
}

.photo a {
	text-decoration: none;
}

.reference em {
    background-color: #F7F7F7;
    border-color: #999999 #999999 #999999 #666666;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-weight: bold;
    display: none;
    font-style: normal;
    left: 0px;
    padding: 2px 10px;
    position: absolute;
    top: 110px;
    opacity: 0.85;
    filter: alpha(opacity=0.85);
}

.reference a:hover em {
    display: block;
}

.reference a:hover img {
    border: 1px solid #666666;
}

.reference span {
	width: 250px;
	height: 187px;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	background: url(/images/cut-corner.png) no-repeat;
}

/** pdf download **/
.pdf_download {
    width: 150px;
    height: 150px;
    border: 1px solid #aaa;
    background-color: white;
    margin: 13px;
    float: left;
    text-align: center;
}
.pdf_download a {
    display: block;
    font-weight: bold;
    font-size: 1.1em;
}

/** webpages cms **/
.editable_content img.edit_button {
    display: none;
}
.editable_content:hover img.edit_button {
    display: inline;
}

.hoverable:hover {
    outline: 2px dashed lightgray;
    /* background-color: #FFFFCC; */
}

/** Style classes for the FCKeditor **/

.date {
    font-size: 10px;
    color: gray;
}

/** END Style classes for the FCKeditor **/