* {
    border: 0;
    margin: 0;
    padding: 0;
}

html, body {
    background-color: #ccc;
    border-spacing: 0;
    border-style: none;
    border-width: 0;
    color: #555;
    empty-cells: show;
    font: bold 10pt Arial;
    font-family: Arial;
    height: 100%;
    width: 100%;
}
a	{
	text-decoration:none;
}

.h4 {
    border-left: 2pt solid red;
    padding-left: 3pt;
    text-align: justify;
}

#tabelle {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.tabelle {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#wrapper {
    left: 50%;
    margin-left: -505px;
    position: absolute;
    top: 20px;
    width: 1010px;
	border-radius: 10px;
	
	background-color: #fff;
	box-shadow: 4px 4px 5px 4px #999;
	overflow: hidden;
}

#header {
    background-color: #f00;
    height: 25px;
}

#navigation {
    height: 70px;
    position: relative;
	padding: 5px;
	background-color: #f3f3f3;
	
	
}

#mainmenu {
    bottom: 2px;
    position: absolute;
    right: 5px;
}

    #mainmenu li {
        display: inline;
        font: bold 10pt Arial;
        margin-right: 10px;
    }

    #mainmenu a:hover {
        color: #00f;
    }

#main {
    background-color: #fff;
    height: 100%;
    padding: 0 10px 0 5px;
    position: relative;
    vertical-align: top;
}

#submenu {
    border-right: 2px solid #d3d3d3;
    left: 0;
    margin-left: 10px;
    position: absolute;
    top: 0;
    width: 200px;
}

    #submenu p {
        color: gray;
        font: 7.5pt Arial;
        margin-left: 20px;
    }

    #submenu .h3 {
        color: #4682b4;
        font: bold italic 8pt Arial;
        margin-top: 20px;
    }

    #submenu .h4 {
        border: none;
        color: #4682b4;
        font: italic 8pt Arial;
        margin-left: 15px;
    }

    #submenu img {
        margin-right: 5px;
    }

    #submenu li {
        color: gray;
        font: 8pt Arial;
        list-style-type: none;
        margin: 3px 0 3px 5px;
    }

    * html #submenu li {
        margin: 2px 0 2px 5px;
    }

        #submenu li a span {
            color: #fff;
        }

        #submenu li strong {
            border-bottom: 1px solid blue;
            color: #000;
            font: 9pt Arial;
            font-weight: 400;
        }

        #submenu li img {
            vertical-align: bottom;
        }

#quicklinks {
    border-bottom: 1px solid #8b0000;
    margin: 10px;
    padding-bottom: 10px;
}

    #quicklinks p {
        color: #8b0000;
        font: bold 8pt Arial;
        margin-left: 0;
    }

    #quicklinks li {
        display: inline;
        font: 7pt Arial;
        margin-left: 0;
    }

    #quicklinks a {
        color: #000;
        font: 7pt Arial;
    }

#content {
    border-left: 2px solid #d3d3d3;
    height: 800px;
    left: 205px;
    padding: 10px 10px 10px 15px;
    position: relative;
    top: 0;
    width: 765px;
}

* html #content {
    height: 800px;
    left: 205px;
}

    #content h4 {
        border-left: 2pt solid red;
        padding-left: 2pt;
        text-align: left;
    }

    #content ul {
        font: 8pt Arial;
        list-style: none;
        padding-left: 15px;
    }

    #content p {
        font: 8pt Arial;
        text-align: justify;
    }

    #content a:hover {
        background-color: #f5f5f5;
    }

#appetizer {
    margin-left: 30px;
    position: relative;
    width: 700px;
}

* html #appetizer {
    width: 710px;
}

    #appetizer a {
        border: 1px solid #d3d3d3;
        float: left;
        height: 300px;
        margin: 10px;
        position: relative;
        width: 150px;
		border-radius: 5px;
		overflow: hidden;
		background-color: ghostwhite;
		box-shadow: 5px 5px 5px 0px;
}
    * html #appetizer a {
        height: 300px;
        width: 150px;
    }

        #appetizer a h2 {
            background-color: blue;
            border: 0;
            color: #fff;
            text-align: center;
        }

        #appetizer a p {
            padding: 5px;
			
        }



            #appetizer a:hover {
                background-color: ghostwhite;
				border: 1px solid blue;
				box-shadow: 10px 10px 10px 0px;
            }
			#appetizer a:hover h2 {
				background-color: red;
			}




#news {
    background-color: #f7f7fb;
    color: #000;
    margin-top: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 120px;
    width: 240px;
	border-radius: 5px;
	
}

* html #news {
    top: 105px;
    width: 240px;
}

    #news div {
        margin-bottom: 10px;
    }

    #news span {
        color: red;
        font-style: italic;
    }

    #news a {
        color: #000;
        font: 9px Arial;
    }

        #news a:hover {
            border: none;
            color: #AB0010;
        }

    #news ul {
        border-left: 1px solid #d3d3d3;
    }

    #news li img {
        margin: 0 5px 0 3px;
    }

#kontaktformular input, #kontaktformular select, #kontaktformular textarea, #zuteuerformular input, #zuteuerformular select {
    border: 1px solid #4682b4;
}

#kontaktfehler p {
    position: absolute;
    text-align: right;
    width: 250px;
}

#zuteuerfehler p {
    position: absolute;
    text-align: left;
    width: 250px;
}

#agb h1 {
    border-bottom: none;
    color: #000;
    font: bold 8pt Arial;
    margin: 0 0 0 .5cm;
    text-align: left;
    width: 100%;
}

#agb {
	text-align: left;
	
	vertical-align: top;
}

#agb .header1 {
	font: bold 7.5pt Arial;
	text-align: left;
	margin-top: 10px;
}
#agb td {
	font: 7pt Arial;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}







#emailhilfe input, #emailhilfe textarea {
    background-color: #eee;
}

#footer {
    background-color: #fff;
    clear: both;
    height: 45px;
    margin-bottom: 20px;
    vertical-align: top;
}

    #footer p, #footer a {
        color: #d3d3d3;
        font: 8pt Arial;
        text-align: center;
    }

    #footer a {
        text-decoration: underline;
    }

        #footer a:hover {
            color: #000;
        }

.h1, #content h1 {
    border-bottom: 1px solid #4682b4;
    color: #000;
    font: bold 12pt Arial;
    margin: 20px 5px;
    text-align: center;
    width: 760px;
}

.h2, #content h2 {
    border-bottom: 1px solid red;
    color: navy;
    font: bold 8pt Arial;
    padding-left: 5px;
}

.h3, #content h3 {
    color: #4682b4;
    font: bold italic 8pt Arial;
}

#tabelle tr, .tabelle tr {
    font: 8pt Arial;
    text-align: left;
    vertical-align: top;
}

#tabelle th, .tabelle th {
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: 700;
}

#tabelle th, #tabelle td, .tabelle th, .tabelle td {
    border-left: 1px solid #000;
    padding: 2px;
}

#ohneRahmen th, #ohneRahmen td, .ohneRahmen th, .ohneRahmen td {
    border: 0;
}

#mainmenu a, #submenu li a:hover span, #submenu li a:hover, #quicklinks a:hover {
    color: red;
}

#submenu li a:link, #submenu li a:visited, #content a {
    color: #555;
}

#news li, #receiverdetails h2, #datenblatt h2 {
    margin-bottom: 5px;
}

#receiverdaten div span, #versandkosten table {
    font: 8pt Arial;
}

#receiverdaten td, #versandkosten td {
    text-align: right;
}

.product_cell{
				position: relative;
				margin-top: 20px;
				margin-bottom: 20px;
				border-radius: 5px;
				/*padding: 10px;*/
				background-color: ghostwhite;
				border: 1px solid #d3d3d3;
				overflow: hidden;
			}
			.product_cell p {
				position: relative;
				padding: 5px;
				text-align: left;
			}
			.product_cell p span{
				font:bold italic 16pt Arial;
				text-align: left;
				color: blue;
			}
			.product_cell .photos {
				float: right;
				width: 200px;
			}
			.product_cell .photos .photobox {
				border: 1px solid #e0e0e0;
				border-radius: 5px;
				background-color: #fff;
				margin-bottom: 5px;
				overflow: hidden;
			}
			.product_cell .photos a .photobox:hover{
				border: 1px solid #4ae;
			}

			.product_cell .photos .photobox img{
				width: 200px;
			}
			.product_cell .photos  span{
				color: #4682b4;
				font: bold italic 8pt Arial;
				padding: 5px;
			}

			.product_cell .photos .photomosaic {
				border: 1px solid #e0e0e0;
				border-radius: 5px;
				background-color: #f3f3f3;
				margin-bottom: 5px;
				overflow: hidden;
			}
			.product_cell .photos .photomosaic  a {
				display:block;
				float:left;
				border-radius: 5px;
				background-color: #fff;
				border:1px solid #fff;
				margin:5px;
				padding: 2px;
			}
			.product_cell .photos .photomosaic  a:hover{
				border: 1px solid #4ae;
			}
			#content .product_cell .photos .photomosaic  a:hover{
				background-color: #fff;
			}

			.product_cell .photos .photomosaic img{
				width: 49px;
				
			}








			
			.product_cell .description {
				width: 500px;
				position: relative;
			}
			.product_cell .description span{
					font-size: 8pt;
			}
			.product_cell .description .leftRow, .product_cell .description .rightRow {
				float: left;
				width: 240px;
			}
			.product_cell .description .leftRow {
				margin-right:20px;
			}
			
			.product_cell .techdata, .product_cell .cases {
				clear: left;
				width: 500px;
				border-radius: 5px;
				padding: 5px;
			}
			.product_cell .techdata span, .product_cell .cases span {
				color: #4682b4;
				font: bold italic 8pt Arial;
				padding: 5px;
			}
			.product_cell .techdata table, .product_cell .cases table {
				font: 8pt Arial;
				border-collapse: collapse;
				border-spacing: 0;
			}
			
			
			.product_cell tr:nth-of-type(2n) { 
			  background: #eee; 
			}
			.product_cell tr:nth-of-type(2n+3) { 
			  background: #ddd; 
			}
			.product_cell td:nth-of-type(1) { 
				text-align: left;
			}
			
			.product_cell .allTextLeft td {
				 text-align:left;
			}
			
			.product_cell .techdata table tr, .product_cell .cases table tr {
				text-align: center;
			}
			.product_cell .techdata table tr th, .product_cell .cases table tr th {
				padding: 2px;
				margin-right:40px;
				border: 1px solid #d3d3d3;
			}
			.product_cell .techdata table tr td, .product_cell .cases table tr td {
				padding: 2px;
				border: 1px solid #d3d3d3;
			}
			.product_cell .cases table tr td a img:hover {
				border: 1px solid #4ae;
			}
			

			.google_translate_element {
				
			}
			.goog-te-gadget {
				display: inline !important;
			}
			.goog-te-gadget-simple {
				background-color: #f3f3f3 !important;
				border-radius: 5px;
							
			}
			.goog-te-menu-value{
				font-size: 7pt;
			}
			
			
#datenschutz {
    font: 1em, Arial;
	position: relative;
    width: 720px;
    text-align: left;
    margin-left: 20px;
}

    #datenschutz p {
        font: 1em Arial;
        text-align: justify;
        margin-bottom: 1em;
    }

    #datenschutz h1 {
        border-bottom: 1px solid #4682b4;
        color: #000;
        font: bold 1.5em Arial;
        margin: 20px 5px;
        text-align: center;
        width: 760px;
    }

    #datenschutz h2 {
        border-bottom: 1px solid red;
        color: navy;
        font: bold 1.2em Arial;
        padding-left: 0em;
        margin-bottom: 0.3em;
        text-align: left;
    }

    #datenschutz h3 {
        color: #4682b4;
        font: bold italic 1em Arial;
    }

    #datenschutz h4 {
        font: bold italic 1em Arial;
        border-left: none;
        padding-left: 0pt;
        text-align: left;
    }

    #datenschutz li ul {
        font: 1em Arial;
        list-style: none;
        padding-left: 15px;
    }

    #datenschutz ul {
        font: 1em Arial;
        list-style: none;
        padding-left: 0px;
    }



        #datenschutz ul li {
            font: 1em Arial;
            padding-bottom: 0.5em;
        }

    #datenschutz a:hover {
        background-color: #f5f5f5;
    }