/*CSS-Datei zu andreas-hessler.com - aktualisiert am 27.11. 2010*/

* {
	margin: 0;
	padding: 0;
}


html, body {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	width: 100%; 
	height: 101%;
	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
 	-ms-hyphens: auto;
	hyphens: auto;
}


html {
	overflow-y: scroll;
	overflow-x: hidden;
	height:101%;
}




div.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
}


#container_outside {
	position: absolute;
	min-height: 100%;	
	width: 910px;
	left: 50%;
	margin-left: -455px;
	padding: 0;
	z-index: 80;	
	
}


.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -2;
}




/*----------- Box Header mit Logo, Slogan und Navigation -------------------*/

#header {
	padding: 0;
	margin: 0px 0 0 0;
	height: 150px;
	width: 900px;
	font-family: helvetica, arial, sans-serif;
	border-left: 5px solid white;
	border-right: 5px solid white;
	border-bottom: 5px solid white;
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	-webkit-box-shadow: #999 1px 2px 6px;
	-moz-box-shadow: #999 1px 2px 6px;
	box-shadow: #999 1px 2px 6px;
	background: #ffffff;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EDEDED));
	background: -moz-linear-gradient(#FFFFFF, #EDEDED);
	background: linear-gradient(#FFFFFF, #EDEDED);
	-pie-background: linear-gradient(#FFFFFF, #EDEDED);	
	behavior: url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED');

}


#header a, a:hover {
	text-decoration: none;
}


#box_logo {
 	float: left;
	width: 241px;
 	height: auto;
 	margin: 30px 20px 0 15px;
 	padding: 0x;
}



.logo {
	display: block;
	background-image: url(../pics/logo_buchhandlung.png);
	background-repeat: no-repeat;
	width: 241px;
	height: 56px;
	text-indent: -1200em;
}




#box_logo a, h1{
	text-decoration: none;
}


h1 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	color: #990099;	
}


#box_slogan {
 	float: left;
	width: 400px;
 	height: auto;
 	margin: 58px 0 0 20px;
 	padding: 0x;
}



.box_navi {
	border-top: 1px dotted #333333;
	width: 868px;
 	height: 27px;
 	margin: 25px 0 20px 15px;
 	padding: 0;
 	font-size: 1.2em;
 	line-height: 1.4em;
 	letter-spacing: 1px;
 	font-weight: normal;
}



.navi_position {
 	float: right;
	width: auto;
 	height: auto;
 	margin: -15px 0 0 0;
 	padding: 0;
}



.navigation li {
	display: block;
	margin: 0 0 0 15px;
	height: 27px;
	float: left;
	list-style-type: none;
}


.navigation li a {
	display: block;
	height: 21px;
	color: #ffffff;
	background: #666666;	
	float: left;
	padding: 6px 20px 0px 20px;	
	margin: 0;
	border: 2px solid white;		
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.navigation li a:hover {
	display: block;
	height: 21px;
	background: #999999;
	color: #ffffff;
	border: 2px solid white;		
	-moz-border-radius: 8px;
	border-radius: 8px;	

}

.navigation li span.active {
	display: block;
	height: 21px;
	background: #cccccc;
	color: #000000;
	border: 2px solid white;	
	text-decoration: none;
	padding: 6px 20px 0px 20px;
	-moz-border-radius: 8px;
	border-radius: 8px;		

}



/*----------- E N D E  Box Header mit Logo, Slogan und Navigation -------------------*/






/*----------- breite Box für Slider, AGB  -------------------*/

#box_content_slider {
	width: 900px;
	height: auto;
	min-height: 400px;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	font-family: helvetica, arial, sans-serif;
	border: 5px solid white;
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: #999 1px 2px 6px;
	-moz-box-shadow: #999 1px 2px 6px;
	box-shadow: #999 1px 2px 6px;
	background: #CCCCCC;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEDED), to(#CECECE));
	background: -moz-linear-gradient(#EDEDED, #CECECE);
	background: linear-gradient(#EDEDED, #CECECE);
	-pie-background: linear-gradient(#EDEDED, #CECECE);	
	behavior: url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE');

}



#box_content_wide {
	width: 900px;
	height: auto;
	min-height: 350px;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	font-family: helvetica, arial, sans-serif;
	border: 5px solid white;
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: #999 1px 2px 6px;
	-moz-box-shadow: #999 1px 2px 6px;
	box-shadow: #999 1px 2px 6px;
	background: #CCCCCC;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEDED), to(#CECECE));
	background: -moz-linear-gradient(#EDEDED, #CECECE);
	background: linear-gradient(#EDEDED, #CECECE);
	-pie-background: linear-gradient(#EDEDED, #CECECE);	
	behavior: url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE');

}



#box_content_wide p {
	padding: 0;
	margin: 5px 15px 15px 15px;
	font-size: 1.2em;
	line-height: 1.4em;
}




/*----------- E N D E  breite Box für Slider, AGB  -------------------*/






/*----- Inhalt in den mittleren Boxen ------------------------------------------*/


#box_content_left {
	float: left;
	width: 555px;
	height: auto;
	margin: 20px 20px 0 0;
	padding: 0 0 30px 0;
	z-index: 1;
	border: 5px solid white;
	font-family: helvetica, arial, sans-serif;	
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: #999 1px 2px 6px;
	-moz-box-shadow: #999 1px 2px 6px;
	box-shadow: #999 1px 2px 6px;
	background: #CCCCCC;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEDED), to(#CECECE));
	background: -moz-linear-gradient(#EDEDED, #CECECE);
	background: linear-gradient(#EDEDED, #CECECE);
	-pie-background: linear-gradient(#EDEDED, #CECECE);	
	behavior: url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE');

}

	
	
#box_content_right {
	float: right;
	width: 315px;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0 0 30px 0;
	z-index: 1;
	font-family: helvetica, arial, sans-serif;	
	border: 5px solid white;
	-webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: #999 1px 2px 6px;
	-moz-box-shadow: #999 1px 2px 6px;
	box-shadow: #999 1px 2px 6px;
	background: #CCCCCC;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEDED), to(#CECECE));
	background: -moz-linear-gradient(#EDEDED, #CECECE);
	background: linear-gradient(#EDEDED, #CECECE);
	-pie-background: linear-gradient(#EDEDED, #CECECE);	
	behavior: url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE');

}



#box_content_left p {
	padding: 0;
	margin: 5px 15px 15px 15px;
	font-size: 1.2em;
	line-height: 1.4em;
}



#box_content_right p {
	padding: 0;
	margin: 5px 15px 15px 15px;
	font-size: 1.2em;	
	line-height: 1.4em;
}




h2 {
	margin: 20px 0 -15px 15px;
	padding: 0;
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: 0;
	color: #990099;
	font-family: "Times New Roman", Times, serif;
}


h2.space {
	margin-top: 60px;
	padding: 0;
}



h3 {
	margin: 50px 15px 10px 15px;
	padding: 0 0 4px 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px dotted #333333;
}



h5 {
	margin: 10px 15px 15px 15px;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal;
	color: #990099;
	font-family: 'Times New Roman', Times, serif;
}



.icon {
	float: left;
	display: block;
	width: 50px;
	height: 53px;
	margin: -50px 0 5px 160px;
	padding: 0 0 5px 0;
}


.signatur {
	display: block;
	width: 280px;
	height: 73x;
	margin: -46px 0 0px 50px;
	padding: 0;
}



#button {
	margin: 25px 0px 30px 15px;
	padding: 3px 10px 5px 10px;
	width: 100px;
	height: 30px;
	overflow: hidden;
	border: 2px solid white;
	background: #666666;
	color: #ffffff;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	display: block;
	cursor: pointer !important; cursor: pointer;
	-webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
}


#button:hover {
	background: #999999;
	color: #ffffff;
}


#button_mail {
	margin: 25px 0px 0px 0;
	padding: 3px 10px 5px 10px;
	width: 240px;
	height: 30px;
	overflow: hidden;
	border: 2px solid white;
	background: #666666;
	color: #ffffff;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	display: block;
	cursor: pointer !important; cursor: pointer;
	-webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
}


#button_mail:hover {
	background: #999999;
	color: #ffffff;
}



a.link_mail {
	text-decoration: none;
	color: #663366;
}


a.link_verweis, a.iframe {
	text-decoration: none;
	color: #663366;
	background:url(../pics/verweis_grafik.png) no-repeat 0px 2px;
	padding: 0 0 0 15px;
	
}


a,  a:link {
 	text-decoration: none;
 	color: #663366;
 }

a:hover, a.link_verweis:hover, a.iframe:hover, a.link_mail:hover, a.textlink:hover {
text-decoration: underline;

}


a.iframe_without_graphic, p.iframe_without_graphic {
	float: left;
	padding: 0;
	margin-left: 66px;
	margin-top: 10px;
	display: block;
	width: 182px;
	height: 121px;
	text-decoration: none;
}


a.video { 
	display:block;
	background-image:url(../pics/video.png);
	background-position: 0px 0px;	
	width: 286px;
	height: 156px;
	margin: 25px 0 0 0;
	transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}

a.video:hover {
	display:block;
	background-image:url(../pics/video.png);
	background-position: 0px 0px;
	width: 286px;
	height: 156px;
	margin: 25px 0 0 0;	
	transform: scale(1.05, 1.05);
 -moz-transform: scale(1.05, 1.05);
 -webkit-transform: scale(1.05, 1.05);
 -o-transform: scale(1.05, 1.05);
 -ms-transform: scale(1.05, 1.05);
}

video {
	display: block;
	width: 286px;
	height: 156px;
	margin: 5px 15px 15px 15px;
}


a.picture { 
	display:block;
	background-image:url(../pics/picture_kopfermann.png);
	background-position: 0px 0px;	
	width: 286px;
	height: 215px;
	margin: 25px 0 0 0;
}

a.picture:hover {
	display:block;
	background-image:url(../pics/picture_kopfermann.png);
	background-position: 0px -215px;
	width: 286px;
	height: 215px;
	margin: 25px 0 0 0;	
}





.werbung_aktuell {
	float: right;
	padding: 0;
	margin-right: 25px;
	margin-top: -60px;
	display: block;
	width: 100px;
	height: 100px;
}


.werbung_cover {
	float: left;
	padding: 0;
	margin: 12px 30px 35px 15px;	
	display: block;
	width: auto;
	height: auto;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	border: 0;	
}


.werbung_cover_no_shades {
	float: left;
	padding: 0;
	margin: 0 25px 15px 15px;	
	display: block;
	border: 0;	
}



.werbung_beschreibung, p {
	color: #666666;
	margin: 22px 0 0 0;		
}

.werbung_beschreibung span {
	font-size: 1.5em;
	color: #990099;
	font-family: 'Times New Roman', Times, serif;
	line-height: 1.2em;	
	margin-top: 7px;
}


/*FORM-----------------*/


form {
	width: 100%;
	margin: 0 15px 0 15px;
	padding: 0;
}


.sender {
	display: none;
}


label {
	display: none;	
}

input, textarea {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: normal;
	color: #333333;
	margin: 10px 0 0 0;
	padding: 10px 10px 7px 9px;
	width: 504px;
	border: 1px solid #CECECE;
	background: #EFEFEF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	

}

textarea {
	height: 250px;
}

input:hover, input:focus {
	border-color: #996699;
	background: #ffffff;
} 

textarea:hover, textarea:focus {
	border-color: #996699;
	background: #ffffff;
} 

#submit-go {
	margin: 25px 0px 30px 0;
	padding: 3px 10px 5px 10px;
	width: auto;
	height: 30px;
	overflow: hidden;
	border: 2px solid white;
	background: #666666;
	color: #ffffff;
	letter-spacing: 0.1em;
	display: block;
	cursor: pointer !important; cursor: pointer;
	-webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
}


#submit-go:hover {
	background: #999999;
	color: #ffffff;
}



/*E N D E FORM-----------------*/











/* FOTOGALERIE----------------*/

#galerie {
	margin: 0 -12px 0 15px;
	padding: 0;
}


#galerie p {
	margin: 0;
	padding: 0;
}



.galerie {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 18px 18px 0;
	padding: 0;
	border: 1px solid white;
	background-color: #CCCCCC;

}



/* E N D E FOTOGALERIE----------------*/



/*----- E N D E  Inhalt in den mittleren Boxen ------------------------------------------*/





/*----------- Box Footer mit Adresse, Sortiment, und Link-Liste -------------------*/

#footer {
	margin: 20px 0 0 0;
	padding: 0;
	width: 900px;
	height: 500px;
	min-height: 500px;
	font-family: helvetica, arial, sans-serif;
	border-top: 5px solid white;	
	border-left: 5px solid white;
	border-right: 5px solid white;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	-webkit-box-shadow: #999 1px 2px 6px;
	-moz-box-shadow: #999 1px 2px 6px;
	box-shadow: #999 1px 2px 6px;
	background: #ffffff;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEDED), to(#CECECE));
	background: -moz-linear-gradient(#EDEDED, #CECECE);
	background: linear-gradient(#EDEDED, #CECECE);
	-pie-background: linear-gradient(#EDEDED, #CECECE);	
	behavior: url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CECECE');

}

#footer a, a:hover {
	text-decoration: none;
}


#footer_text {
	position: relative;
	width: auto;
	height: 270px;
	padding: 0;
	margin: 25px 15px 15px 15px;
}


#footer_text ul {
	padding: 0;
	margin: 0;
}


#footer_text ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 6px 0;
	color: #666666;
}


#footer_text ul li a {
	text-decoration: none;
	color: #99ffff;
	letter-spacing: 1px;
}


#footer_text ul li a:hover {
	color: #ffffff;
	letter-spacing: 1px;
}



#footer_text a {
	color: #663366;
	text-decoration: none;
}


#footer_text a:hover {
	text-decoration: underline;
}


#footer_text p {
	padding: 0;
	margin: 0 0 10px 0;

}


.box_adresse {
 	float: right;
	width: 180px;
 	height: auto;
 	margin: 0 105px 0 0;
 	padding: 0x;
 	color: #333333;
 	font-size: 1.1em;
	line-height: 1.2em;
	letter-spacing: 1px;
}


.box_sortiment {
 	float: left;
	width: 250px;
 	height: auto;
 	margin: 0 -30px 0 0;
 	padding: 0x;
 	border: 0;
 	color: #000000;
 	font-size: 1.1em;
	line-height: 1.4em;
	letter-spacing: 1px;
}


.werbung_2 {
	float: right;
	padding: 0;
	margin-right: -40px;
	margin-top: -130px;
	display: block;
	width: 150px;
	height: 150px;
}



.box_navi_bottom {
	border-top: 1px dotted #333333;
	width: 868px;
 	height: 27px;
 	margin: 25px 0 20px 15px;
 	padding: 0;
 	font-size: 1.2em;
 	line-height: 1.4em;
 	letter-spacing: 1px;
 	font-weight: normal;
}

a.box_navi_bottom {
	text-decoration: none;
}


/*----------- E N D E  Box Footer mit Adresse, Sortiment, und Link-Liste -------------------*/