@charset "utf-8";
/* CSS Document */
/*               * * * * * * * * * * */
/* Stylesheet: duo-camillo.de		 */
/* Copyright: Franziska Maelzer	     */
/* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
*{
	padding: 10;
	margin: 10;
}


@font-face {
    font-family: 'dkerposter';
    src: url('fonts/dker-poster-webfont.woff2') format('woff2'),
         url('fonts/dker-poster-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ramblaregular';
    src: url('fonts/rambla-regular-webfont.woff2') format('woff2'),
         url('fonts/rambla-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
#neu {
	position:absolute;
	right:63%;
	top:5%;
	width:15%;
	height:auto;
	}
	#neu-b1 {
		position:absolute;
		right:25%;
		top:30%;
		width:7.5%;
		height:auto;
		z-index:1;
		}
#neu-seite {
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
	}
html { height:101%; }

body  { 
	min-height: 101%;
	font-size: 0.9em;
	font-family:Verdana, Geneva, sans-serif; 
	background-color:#ffffff;
	margin:0;
	background-color:#9abe6c !important;
	background:url(images/liebling/hg-mitte.gif) repeat 0 0; 
	}

h1, h2, h3, h4 {
	margin-bottom:30px;
	margin-top:30px;
	/* text-transform:uppercase; */
	font-size:1.55em;
	color:#013657;
}
h1 {
	color:#e84e28;
	
	border-bottom:0px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;	
	font-size:4em;
	margin-top:22px;
	margin-left:-3px;
	}
h2 {
	font-size:1.3em;
	}

h3 {
	font-size:1.2em;
	}
h4 {
	font-size:1.1em;
	}

ul {
	list-style-type:none;
	color:#013657;
	}
	li {
		font-size:1.3em;
		line-height:1.5;
     	color:#013657;
		}

p {
	margin-bottom:15px;
	font-size:1.3em;
	color:#013657;
	line-height:1.5em;
}
.klein {
	font-size:1.1em;	
	}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:#014d7e;
	text-decoration:none;
	border-bottom:4px solid #eef8fb;
}
a:visited {
}
a:focus,
a:hover,
a:active {
	border-bottom:4px solid #e84e28;
}	
#navi li a {
	padding-bottom:2px;
	}
#navi li.aktiv a:link,
#navi li.aktiv a:visited,
#navi li.aktiv a:focus,
#navi li.aktiv a:hover,
#navi li.aktiv a:active {
	color:#e84e28;
	text-shadow:3px 3px 0 #fad6ce;
	border-bottom:0px;
	font-weight:bold;
}	

iframe, img, a img {
}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0.5em;
}
.leftFloat {
	float:left;
	margin:0.5em 1.5em 1.5em 0.5em;
}
.rightAlign {
	text-align:right !important;
}
.leftAlign {
	text-align:left !important;
}
.mittig {
	text-align:center;
	margin-bottom:2em;
	}

/* * * * * * * * * * * * * * * * * * */
/* * Ebenen  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

#logo-div {
	background:url(images/liebling/hg-oben.gif) repeat-x 0 0;
	position:relative;
	text-align:center;
	/* height:24.3em; */
	}
	#logo,
	#logo1,
	#logo2 {
		max-width:50%;
		height:auto;
		/* margin-left:37.6%; */
		border:10px solid #013657;		
		box-shadow:10px 0px 10px rgba(0,0,0,0.65);
		position:relative;
		margin-bottom:-2px;
		margin-top:20px;
		}
	#logo {
		z-index:2;
		margin-left:0px;
		}
	#logo1 {
		z-index:3;
		margin-left:-200px;
		}
	#logo2 {
		z-index:1;
		margin-left:-200px;
		}
	.element:hover {
  		z-index: 999;
	}

#banner {
		margin-top:-10px;
		}
.buecherregal {
	height:55px;
	box-shadow:0 0 16px 4px black;
	z-index:10px;
    background-color:#e84e28;
	}
#wrapper {
	
	}
	#links {
		float:left;
		width:39%;
		text-align:right;
		margin:56px 0 60px 0;
		}
		ul#navi {
			
				}
			#navi li {
				margin-right:80px;
				margin-bottom:15px;
				text-transform:uppercase;
				font-size:1.55em;
				color:#013657;
				font-family:dkerposter;	
				line-height:1;
			}
			ul#navi ul li {
				font-size:1em;
				text-transform:none;
			}
	#rechts {
		float:left;
		width:61%;
		margin:41px 0 60px 0;
		}
		#rechts li {
			line-height:1.5em;
			background:url(images/liebling/li.gif) no-repeat 0 6px;
			padding-left:25px;
			}
		#rechts h1,
		#rechts h2,
		#rechts p,
		#rechts li {
	margin-right:100px;
	text-align: justify;
			}

		img.cdc {
			float:left;
			margin:5px 20px 20px 0;
			border:7px solid #013657; /* dunkelblau */
			box-shadow:5px 5px 10px black;
			}
		img.kleinesBild {
			max-width:23%;
			width:28%;
			height:auto;
			float:right;
			margin:10px 100px 10px 25px;
			border:8px solid #013657; /* dunkelblau */
			box-shadow:3px 3px 5px grey;
			}
		.red {
			color:#C00;
			}
		label {
			display:inline-block;
			width:25%;
			text-align:right;
			margin-right:10px;
			}
		input,
		textarea {
			border:2px solid #044b86;
			font-size:1em;
			font-family:ramblaregular, Verdana, Geneva, sans-serif;
			color:#044b86;
			padding:5px;
			}
			input#vorname,
			input#nachname {
				width:30%;
				}
			input#strasse {
				width:50%;
				}
			input#hnr {
				width:10%;
				}
			input#plz {
				width:10%;
				}
			input#wohnort {
				width:50%;
				}
			input#email,
			textarea#anmerkungen {
				width:62%;
				}
			input#submit {

				text-decoration:none;
				font-family:Arial;
				font-size:16px;
				border:1px solid #fff;
				border-radius:15px;
				color:#fff;
				background-color:#e84e28;
				padding:5px 15px;
				font-weight:bold;
				box-shadow:3px 3px 4px #8CA0B2;
				text-shadow:1px 1px 2px #6E91B2;
				}
				
			#menu {
				margin-left:25px;
				margin-top:14px;
				margin-right:14px;
				float:left;
				cursor:pointer;
			}
			 p#menu-p {
				color:#fff;
				padding-top:14px;
				cursor:pointer;
				margin-top:0;
				}

			#toggleNavMain {
				display:none;
				}
			html.js #pfaffen_titel,
			html.js #hiersein_titel,
			html.js #extrascharf_titel,
			html.js #glauben_titel,
			html.js #sachen_titel,
			html.js #dwsw_titel,
			html.js #caipiranha_titel,
			html.js #fabelhaft_titel,
			html.js #luther_titel,
			html.js #wahrheit_titel,
			html.js #himmel_titel {
				display:none;
				}
			html.js #sundays4 {
				display:none;
				}
			
#footer {
	background:url(images/liebling/hg-oben-2.gif) repeat 0 0;
	height:150px;
	}
	#footer-inhalt {
		float:left;
		margin-left:39%;
		margin-top:45px;
		}
		#footer-inhalt p {
			color:#ffffff;
			}
		#footer-inhalt a {
			color:#ffffff;
			}
		#footer-inhalt a:link,
		#footer-inhalt a:visited,
		#footer-inhalt a:focus,
		#footer-inhalt a:hover,
		#footer-inhalt a:active {
			border-bottom:3px solid #0375b6;
		}
		#footer-inhalt a:visited {
		}
		#footer-inhalt a:focus,
		#footer-inhalt a:hover,
		#footer-inhalt a:active {
			border-bottom:3px solid #003c62;
		}	
		
.mittig {
	text-align: center;
}

table tr td {
	border-bottom:1px solid #044b86;
	}
table {
	margin:0 auto;
	}
.abgesagt {
	text-decoration:line-through;
	}

@media screen and (max-width:1050px) {
		label {
			width:95%;
			text-align:left;
			}
		input,
		textarea {
			border:2px solid #044b86;
			font-size:1em;
			color:#044b86;
			padding:5px;
			}
}
@media screen and (max-width:800px) {
	body  { 
		font-size:0.9em;
	}
	img.cdc {
		width:50%;
		height:auto;
	}
	#links,
	#rechts {
		margin-top:50px;
		}
		#rechts h1 {
			margin-top:0;
			}
	#navi {
		margin:0;
		}
	#navi li {
		margin-right:60px;
	}
}
@media screen and (max-width:700px) {
	#links {
		width:34%;
		}
	#rechts {
		width:66%;
		}
	#logo {
		/* margin-left:32%; */
		}
	#links,
	#rechts {
		margin-top:40px;
		}
	#navi li {
		margin-right:50px;
	}
	#neu {
		right:70%;
	}
}
@media screen and (max-width:680px) {
	h1 {
		font-size:2.5em;
		}
	#links {
		width:100%;
		text-align:center;
		margin-bottom:0;
		}
	.js #links {
		display:none;
		}
	#toggleNavMain {
		display:block;
		}

		#links ul#navi li {
			display:inline;
			margin-right:15px;
			margin-left:15px;
			line-height:2em;
			font-size:1.25em;
			}
	#rechts {
		width:100%;
		margin-bottom:40px;
		}
		#rechts h1,
		#rechts h2,
		#rechts h3,
		#rechts h4,
		#rechts p,
		#rechts img,
		#rechts li {
			margin-left:30px;
			}
		#rechts h1,
		#rechts h2,
		#rechts h3,
		#rechts h4,
		#rechts p,
		#rechts li {
			margin-right:30px;
			}
	label {
		width:100%;
		}
	img.cdc {
		width:30%;
		}
	img.kleinesBild {
			margin-right: 30px;
			}
	#logo {
		/* margin-left:24%; */
		}

	#footer-inhalt {
		margin-left:1.5em;
		}
	input#vorname,
	input#nachname {
		width:43%;
		}
	input#strasse {
		width:72%;
		}
	input#hnr {
		width:14%;
		}
	input#plz {
		width:20%;
		}
	input#wohnort {
		width:66%;
		}
	input#email,
	textarea#anmerkungen {
		width:89.8%;
	}
	#neu {
		right:77%;
	}

}
@media screen and (max-width:490px) {
	body {
		font-size:0.8em;
		}
	#links {
		margin-top:20px;
		}
	#rechts {
		margin-bottom:35px;
		}
	img.kleinesBild {
		margin-right: 10px;
	}
	#rechts h1,
	#rechts h2,
	#rechts h3,
	#rechts h4,
	#rechts p,
	#rechts img,
	#rechts li,
	#menu {
		margin-left:10px;
		}
	#rechts h1,
	#rechts h2,
	#rechts h3,
	#rechts h4,
	#rechts p,
	#rechts li {
		margin-right:10px;
		}

}