html {
	height: 100.5%;
	font-size: 62.5%;
}
body {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: center;
	background-color: #CCCCCC;
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", sans-serif; 
	margin: 0em 0em 0.5em 0em; 
	color: #990066;
}
h1 {
	font-size: 2.2em; 
	border-bottom: 1px dashed #990066; 
	padding-bottom: 0.4em;
	font-weight: normal;
}
h3 {
	font-size: 2.2em; 
	font-weight: normal;
}
h4 {
	font-size: 2.2em; 
	font-weight: normal;
}
h7 {
	font-size: 0.7em; 
	line-height: 1.0em;
	font-weight: normal;
}
div#header h1 {border: 0px;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

a {color: #666666; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

div#wrapper {
	width: 900px;
	margin: 20px auto;
	/* margin: 0px 40px; */
	text-align: left;
	background: #FFFFFF;
	/* sichtbar in Spalte 03 */
}
div#header {
	height: 30px;
	background: #FFFFFF;
	padding-left: 16px;
	padding-top: 20px;

}
div#navwrap {
	height:60px;
	width:900px ;
	background: #FFFFFF;
}

div#nav {
	height:60px;
	width:636px ;
	background: #FFFFFF;
	padding-left: 10px;
}
div#nav li {
	display: inline; 
	margin-left: 10px;
	line-height:5.5em;
}
div#nav a {
	text-decoration: none; 
	font-weight: bold; 
}
div#nav a:hover, 
body#home li.navhome a,
body#produkte li.navprodukte a,
body#qualitaet li.navqualitaet a,
body#preise li.navpreise a,
body#kontakt li.navkontakt a
body#presse li.navpresse a {
	color: #990066;
}
div#adress {
	height:60px;
	width:256px ;
	float:right;
	background: #FFFFFF;
}
div#adress a:hover {color: #ff66cc;} /* für Mouse over links gilt */

/* ------------------------------------------------------------------------------------------------------------- */

div#mainpic {
	height:337px;
	background-image: url(images/usb-kugelschreiber.png);
}
div#mainpickontakt {
	height:282px;
	background-image: url(images/usb-stick-clip-kontaktopener.jpg);
}
div#mainpicpreise {
	height:282px;
	background-image: url(images/usb-stick-clip-preisopener.jpg);
}
div#mainpicqualitaet {
	width: 100%;
	height:282px;
	background-image: url(images/usb-stick-clip-qualitaetopener.jpg);
	overflow: auto;
}
div#dpdlogo {
	width: 153px;
	height: 45px; 
	margin-top: 213px;
	margin-left: 245px;
}
div#mainpicinhalte {
	height:282px;
	background-image: url(images/usb-stick-clip-inhalteopener.jpg);
}
div#mainpicprodukte {
	height:79px;
	background-image: url(images/usb-stick-clip-produkteopener.jpg);
}
div#mainpicpresse {
	height:79px;
	background-image: url(images/usb-stick-clip-presseopener.jpg);
}
div#mainpicbestellung {
	height:79px;
	background-image: url(images/usb-stick-clip-bestellungopener.jpg);
}
div#wrap_content {overflow: auto;}




div#col1, div#col2, div#maintext {padding: 20px 0px; margin-left: 10px;}
div#col1 {float: right; width: 180px;}
div#col1preise {float: right; width: 280px; padding: 20px 0px; margin-left: 10px;}
div#col1kontakt {float: right; width: 280px; padding: 20px 0px; margin-left: 10px;}


div#maintext {float: right; width: 485px;}
div#maintext {
	margin: 0px 0px 0px 0px;
	background: #F0F0F0;
}

.textinnenmain ul { 
padding:0px; 
margin-left:15px; 
list-style-type: square;
list-style-position: outside;
}
div#maintext a {padding-bottom: 1px;}
div#maintext a:link {border-bottom: 1px solid #990066;}
div#maintext li {margin-left: 13px}


div#maintextkontakt {
	float: right; 
	padding: 20px 0px; 
	background: #FFFFFF; 
	width: 230px;
	}
div#maincol1{
	float: right;
	padding: 20px 0px; 
	margin-left: 10px;
	width: 185px;
	height: 1950px; 
	background-image: url(images/produktbanner.png);
	background-repeat: no-repeat;
}
div#maincol2 {width: 214px; padding: 20px 0px; margin-left: 0px; background: #FFFFFF;}


div#col1 {background: #FFFFFF;}
div#col2 {width: 269px; background: #FFFFFF;}
div#col2kontakt {width: 360px; background: #FFFFFF; padding: 20px 0px; margin-left: 10px;}



div.textinnen {margin: 0px 10px;}
div.textinnenmain {margin: 0px 5px 0px 14px;}
div.weitere {margin: 0px 0px; background: #F0F0F0;}

div.weitere a {color: #000000;} /* für Mouse over links gilt */
div.weitere a:link {color: #000000;} /* für Mouse over links gilt */
div.weitere a:visited {color: #000000;}
div.weitere a:hover {color: #990066;} /* für Mouse over links gilt */
div.weitere a:active {color: #000000;} /* für Mouse over links gilt */




div#menu {
	width: 900px; 
	height: 65px; 
	background: #FFFFFF;
	overflow: auto;
	text-align: center;
	line-height: 4.8em;
}
div#buttonthree {
	float: right; 
	margin-left: 29px; 
	margin-right:14px; 
	width: 201px; 
	height: 50px; 
	padding-top: 15px;
}
div#buttontwo, div#buttonone {
	float: right; 
	margin-left: 29px; 
	width: 201px; 
	height: 50px; 
	padding-top: 15px;
}


div#footer {
	padding: 2px 4px;
	text-align: center;
	background: #CCCCCC;
}
/*Produkte*/
div#produktmaintext, div#produktcol1, div#produktcol2, div#produktcol3 {padding: 20px 0px; margin-left: 10px;}
div#produktcol1 {float: right; width: 174px;}
div#produktmaintext {overflow: auto; float: right; width: 252px;}
div#produktcol2 {float: right; width: 504px;}
div#produktcol3 {float: right; width: 182px;}

div.produkttextinnen {margin-left: 250px;}
div.bestelltextinnen {margin-left: 250px;}
div.bestellungsablauf {
	font-family: "Century Gothic", sans-serif; 
	font-size: 2.2em; 
	font-weight: normal;
	color: #990066;
}



div#lefta {height:560px; background-image: url(images/usb-stick-clip-big-screen.jpg); background-repeat: no-repeat;}
div#leftb {height:520px; background-image: url(images/usb-stick-clip-classic.jpg); background-repeat: no-repeat;}
div#leftc {height:330px; background-image: url(images/usb-stick-clip-business.jpg);  background-repeat: no-repeat;}
div#leftd {height:330px; background-image: url(images/karabinereinsatz.jpg);  background-repeat: no-repeat;}
div#lefte {height:153px; background-image: url(images/usb-stick-clip-produkte-05.jpg);  background-repeat: no-repeat;}
div#leftg {height:620px; background-image: url(images/usb-stick-clip-produkte-rwe.jpg);  background-repeat: no-repeat;}

div#righta {overflow: auto; height:153px; background-image: url(images/usb-stick-clip-produkte-02.jpg);}
div#rightb {height:153px; background-image: url(images/usb-stick-clip-produkte-04.jpg);}

/*Bestellung*/
div#leftab {background-image: url(images/bestellung_stepone.jpg); background-repeat: no-repeat;}
div#leftbb {background-image: url(images/bestellung_steptwo.jpg); background-repeat: no-repeat;}
div#leftcb {background-image: url(images/bestellung_stepthree.jpg); background-repeat: no-repeat;}
div#leftdb {background-image: url(images/bestellung_stepfour.jpg); background-repeat: no-repeat;}
div#lefteb {background-image: url(images/bestellung_stepfive.jpg); background-repeat: no-repeat;}
div#leftfb {background-image: url(images/bestellung_stepsix.jpg); background-repeat: no-repeat;}
div#leftgb {background-image: url(images/bestellung_stepseven.jpg); background-repeat: no-repeat;}
/*Presse*/
div#leftkc {height: 140px; background-image: url(images/usb-stick-clipandstore-icon.jpg);  background-repeat: no-repeat;}
div#leftac {height: 140px; background-image: url(images/usb-stick-circle-icon.jpg);  background-repeat: no-repeat;}
div#leftbc {height: 140px; background-image: url(images/usb-stick-bigscreen-icon.jpg);  background-repeat: no-repeat;}
div#leftcc {height: 140px; background-image: url(images/usb-stick-classic-icon.jpg);  background-repeat: no-repeat;}
div#leftdc {height: 140px; background-image: url(images/usb-stick-classicback-icon.jpg);  background-repeat: no-repeat;}
div#leftec {height: 140px; background-image: url(images/usb-stick-classicmappe-icon.jpg);  background-repeat: no-repeat;}
div#leftfc {height: 140px; background-image: url(images/usb-stick-classiccard-icon.jpg);  background-repeat: no-repeat;}
div#leftgc {height: 140px; background-image: url(images/usb-stick-business-icon.jpg);  background-repeat: no-repeat;}
div#leftic {height: 200px; background-image: url(images/usb-stick-bigscreen-colors-icon.jpg);  background-repeat: no-repeat;}
div#leftjc {height: 200px; background-image: url(images/usb-stick-classic-colors-icon.jpg);  background-repeat: no-repeat;}
div#lefthc {background-image: url(images/michael_holz.jpg);  background-repeat: no-repeat;}

/*Preise*/

div#col2preise {width: 360px; background: #FFFFFF; padding: 20px 0px; margin-left: 10px;}

div#maintextpreise {
	float: right; 
	padding: 20px 0px; 
	background: #FFFFFF; 
	width: 230px;
	}
	#cookieTip {
	position: fixed;
	bottom: 0;
	height: 100px;
	width: 100%;
	background-color: rgba(29,29,29,0.9);
	z-index: 99999999999;
	
}

#cookieTip p {
	color: rgb(255,255,255);
}

#cookieTip a {
	color: rgb(255,255,255);
	text-decoration: underline;
}

#cookieTipInner {
	display: flex;
	flex-direction: row;
	max-width: 1336px;
	position: relative; 
	margin: auto;
	margin-top: 30px;
}

.cookieButton {
	background-color: rgb(255,0,0);
    width: 150px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
	height: 40px;
	cursor: pointer;
}