/*Hauptteil*/
:root{
	--bordercol:#ccc;
	--headercol:#444;
}
h1{
	margin:20px !important;
}
h1, h2 {
	text-align:center;
}
h1 + h2 {
	margin-top:-22px;;
}
h1, h2, h3 {
	color:var(--headercol);
	word-spacing: 0.14em;
	letter-spacing: 0.04em;
}
#armbanduhrenmarken, #wanduhrenmarken{
	margin:0px 20px;
}
ol {
	margin:5px 20px;
	padding:0px 20px;
}
iframe {
	margin:0px;
	overflow:hidden;
	border-radius:0px;
	margin-bottom:10px;
	width:100%;
	border:0px;
}
#indexbanner{
}
#indexbanner div.wrap{
	width:50%;
	float:left;
	padding:20px;
	box-sizing:border-box;
}
#indexbanner div.wrap:last-child{
	padding-left:0px
}
#indexbanner a{
	width:100%;
	height:100%;
	font-size:1.3em;
	font-weight:700;
	text-align:center;
	color: white;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
#indexbanner .wrap div:hover, #drittel div:hover, #drittelunten div:hover, #drittelunten1 div:hover{
	border:1px solid #ad9346;
	opacity:0.8;
}
#indexbanner .wrap div{
	position:relative;
	border:1px solid var(--bordercol);
	box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1);
	background: #ccc;
}
#indexbanner img{
	width:100%;
	float:left;
}
#indexbanner a span{
	width:100%;
	position:absolute;
	box-sizing: border-box;
	bottom:6px;
	left:0px;
}
#armbanduhrenmarken, #wanduhrenmarken{
	border:1px solid var(--bordercol);
	box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1);
	padding:20px;
}
#armbanduhrenmarken h3, #wanduhrenmarken h3{
	float:left;
	margin-top:0px;
}
#wanduhrenmarken{
	margin-top:20px;
}
.laufleisteseiten {
	float:right;
    margin: -10px -16px;
}
.laufleisteseiten div{
	box-shadow:2px 2px 8px 0px rgba(0,0,0,0.1);
	color:var(--headercol);
	border: 1px solid var(--bordercol);
	background-image: url("verlauf.jpg");
	display: inline-block;
	width: 25px;
	height: 19px;
	margin-bottom: 2px;
	margin-right: 10px;
	padding:4px 2px 5px 2px;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	float: left;
	cursor: pointer;
}
.laufleisteseiten div:hover, .laufleisteseiten div.aktuell{
	box-shadow:1px 1px 3px 0px rgba(0,0,0,0.1) inset;
	background-image: none;
	font-weight: 700;
	background-color: white;
}
.laufleistemarken{
	display:table !important;
	width: 100%;
	text-align:center;
	height:400px;
}
.laufleistemarken div {
	display:table-cell;
	padding:5px 15px 5px 15px;
}
.laufleistemarken p {
	max-width:150px;
	margin:auto;
}
.laufleistemarken img {
	margin-bottom:20px;
	display:inline;
	padding:0px;
}
#drittel, #halbunten, #drittelunten, #drittelunten1{
	padding:0px 10px;
	display:flex;
	align-items: stretch;
}
#drittel{
	margin:0px 10px 20px 10px;
}
#drittelunten, #drittelunten1, #halbunten{
	margin:20px 10px 0px 10px;
	height:400px;
}
#drittel div, #halbunten div, #drittelunten div, #drittelunten1 div{
	float:left;
	margin:0px 1.2%;
	background-repeat:no-repeat;
	background-position:right center;
	border: 1px solid var(--bordercol);
	box-shadow:2px 2px 8px 0px rgba(0,0,0,0.3);
}
#drittel div, #drittelunten div, #drittelunten1 div{
	width:33%;
}
#halbunten div{
	width:50%;
	position: relative;
}
#drittel div{
	height:120px;
}
#drittelunten div img, #drittelunten1 div img{
	width:100%;
}
#drittelunten div a span, #drittelunten1 div a span{
	position:absolute;
	margin:20px 20px;
	font-size:1.2em;
}
#halbunten div a span{
	position:absolute;
	top:30px;
	left:20px;
	font-size: 2em;
	color:rgba(0,0,0,0.7);
	font-weight: 900;
}
#halbunten div:first-child a span{
	right:20px;
	text-align: right;
}
#drittelunten div a span b, #drittelunten1 div a span b{
	display:block;
	font-size:1.3em;
}
#drittel div:first-child, #halbunten div:first-child, #drittelunten div:first-child, #drittelunten1 div:first-child{
	margin-left:0px;
}
#drittel div:last-child, #halbunten div:last-child, #drittelunten div:last-child, #drittelunten1 div:last-child{
	margin-right:0px;
}
div#drittel_armband {
	background-image:url("https://picture.uhren4you.de/picto/mnu_box_bck_armbanduhren_100.jpg");
}
div#drittel_wand {
	background-image:url("https://picture.uhren4you.de/picto/mnu_box_bck_wanduhren_100.jpg");
}
div#drittel_tisch {
	background-image:url("https://picture.uhren4you.de/picto/mnu_box_bck_tischuhren_100.jpg");
}
#drittel a {
	font-size:20px;
	font-weight:700;
	color:var(--headercol);
	display:block;
	padding:20px;
	text-shadow: 2px 2px 4px rgba(255,255,255,0.9);
}
div#vorteile {
	width:610px;
	float:left;
	padding-left:7px;
}
#vorteile h3 {
	color:var(--headercol);
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	text-align:left;
}
#vorteile div {
	width:272px;
	float:left;
	margin-top:10px;
}
#vorteile div.first {
	width:302px;
	margin-left:10px;
}
#vorteile ul {
	list-style-position:outside;
	list-style-image:url("https://picture.uhren4you.de/picto/haken.png");
}
#vorteile li {
	margin-left:25px;
	padding:5px 0px;
}
div#langtext, #body > p {
	line-height:1.45em;
	font-size:1.2em;
}
 #body > p{
	 text-align:justify;
	 margin:0px 30px 20px 30px;
 }
 #langtext > p{
	 text-align:justify;
	 margin:10px 4px;
 }
 #langtext > h2{
	 margin:20px;
 }
#langtext em {
	border-top: 1px solid #ccc;
    color: var(--headercol);
    display: block;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0;
    padding-left: 10px;
	font-size:1.1em;
}
#li_vorteile {
	display:inline-block;
	width:21%;
	float:right;
	text-align: left;
}
#li_vorteile a {
	text-decoration: none;
}
#li_vorteile a:last-child img{
	margin:50px 15px 0px 15px;
}
#li_vorteile div{
	background-image:url("https://picture.uhren4you.de/picto/goldhand.jpg");
	background-repeat:no-repeat;
	background-position:left center;
	padding:20px 0px 20px 40px;
}
#li_vorteile b, #li_vorteile .trusted{
	display:block;
	color:#2d5fb0;
	font-size: 1.1em;
	text-align:center;	
}
#li_vorteile div b{
	color:var(--headercol);
	font-size:1em;	
	text-align:left;	
}
#li_vorteile iframe{
	width:160px;
	height:160px;
	margin:auto;
	margin-top:10px;
	margin-bottom:50px;
	border:0px none;
	display:block;
}
#atomuhr{
	display:block;
	margin:-40px auto 30px auto;
	text-align:center;
	font-variant:small-caps;
	color:#ccc;
}
#blogspot {
	display:inline-block !important;
	width:76% !important;
	margin-right:20px !important;
}
	