/*****Reset*****/

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

body{
	font-family:sans-serif,'Verdana';
	color:#333;
	background:url(../img/bg_pattern.jpg) #ffffff;
	background-position: top center;
}

.clear{
	clear:both;
	border: 1px solid #000;
	visibility: hidden;
	height: 0;
}

a, a:visited, a:active {
	color: #333;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #999;
	text-decoration: none;
}

a img, a:visited img, a:active img {
	border: 0px solid #CCC;
	padding: 1px;
}

a:hover img, a:focus img {
	border: 1px solid #EEE;
	background: #F9F9F9;
	padding: 0px;
}

/*****Box-Model*****/

.site{
	/*background:url(../img/site_bg.jpg) top center no-repeat;*/
	width:100%;
}

.container{
	width: 800px;
	margin:0 auto;
}

.site .logo_container {
	width: 100%;
	height: 190px;
	background:url(../img/header_bg.jpg) #FFF top center;
}

.site .logo {
	width: 899px;
	height: 140px;
	margin:0 auto;
	background:url(../img/logo_top.jpg) #FFF top center no-repeat;
}

.site .logo a {
	display: block;
	width: 899px;
	height: 140px;
	text-decoration: none;
}

.site .logo a:hover {
	display: block;
	width: 899px;
	height: 140px;
	text-decoration: none;
	background:url(../img/logo_hover.jpg) #FFF top center no-repeat;
}

.site .logo_container .passion_flag {
	width: 110px;
	height: 26px;
	position: absolute;
	left: 50%;
	margin: 1px 0px 0px 290px;
	background:url(../img/passion_flag.png) top center no-repeat;
}


.container .content {
	color: #333;
	width: 800px;
}

.container .footer {
	background: url(../img/plain_bg.png) top center no-repeat;
	color: #000;
	border: 0px solid #000;
	width: 800px;
	margin: 20px 0px 10px 0px;
	padding: 25px 0px 25px 0px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.container .footer_nav {
	display: inline;
}

.container .footer ul {
	display: inline;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.container .footer li,
.container .footer li a,
.container .footer li span {
	display: inline;
	padding: 0px;
	margin: 0px;
}

.container .footer .hidden {
	display: none;
}






.red_font {
	color: #F00;
}








#tooltip {
	background: url(../img/black_arrow.png) top left no-repeat;
	border: 0px solid #999;
	padding: 15px 15px 10px 15px;
	width: 179px;
	height: 100px;
	color: #FFF;
	font-size: 10px;
	display: none;
	/*-moz-opacity: 0.9;*/
}

















/* ================== CONTENT ==================== */
.container .content h1,
.container .content h2,
.container .content h3,
.container .content h4,
.container .content h5 {
	color: #000;
	border-bottom: 0px solid #EEE;
	border-top: 0px solid #EEE;
}

.container .content h1 {
	font-size: 20px;
}

.container .content h2 {
	font-size: 18px;
	padding: 3px 0px 0px 0px;
}

.container .content {
	font-size: 12px;
	line-height: 1.4em;
	margin: 10px 0px 30px 0px;
	color: #000;
}




















/* ================== INFO ==================== */
.info_text {
	display: block;
	background: url(../img/info_bg2.png) top left;
	width: 800px;
	height: auto;
	min-height: 208px;
	margin: 15px 0px 30px 0px;
	border: 1px solid #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.info_text h1 {
	padding: 13px 10px 10px 220px;
	border: 0px solid #000;
}

.info_text p {
	padding: 0px 10px 10px 220px;
	border: 0px solid #000;
}











/* ================== REFERENZEN ==================== */
.referenzen_body {
	border: 1px solid #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 15px 0px 40px 0px;
	background: url(../img/referenzen_bg2.png) top left no-repeat;
}

.referenzen_body .ce_text {
	display: block;
	border: 0px solid #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	background: url(../img/referenzen_bg3.png) top left;
}

.referenzen_body h1 {
	padding: 20px 10px 10px 555px;
	border: 0px solid #000;
}

.referenzen_body p {
	padding: 0px 10px 10px 555px;
	border: 0px solid #000;
}

.referenzen_body .image_container {
	border: 0px solid #000;
	margin: -34px 0px 10px 13px;
	float: left;
}

.referenzen_body .reference_website_link {
	display: block;
	background: url(../img/button.png) top left no-repeat;
	width: 137px;
	height: 18px;
	padding: 6px 10px 5px 10px;
	text-decoration: none;
}










/* ================== KONTAKT ==================== */
.kontakt_body {
	display: block;
	background: url(../img/kontakt_bg2.png) top left no-repeat;
	width: 800px;
	margin: 15px 0px 30px 0px;
	border: 1px solid #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




.kontakt_body .kontakt_form {
	float: left;
	padding: 8px 20px 10px 10px;
	border: 0px solid #000;
}

.kontakt_body .kontakt_qr {
	float: left;
	padding: 14px 0px 14px 8px;
	border: 0px solid #000;
}

.kontakt_body .kontakt_links {
	float: left;
	padding: 15px 0px 0px 12px;
	border: 0px solid #000;
}




.kontakt_body .kontakt_form label {
	display: block;
	font-size: 10px;
	color: #666;
}

.kontakt_body .captcha_text {
	font-size: 10px;
	color: #666;
}

.kontakt_body td {
	padding: 2px;
}

.kontakt_body input,
.kontakt_body textarea {
	border: 1px solid #DDD;
	font-size: 10px;
	width: 363px;
	background: #FFF;
}

.kontakt_body input:focus,
.kontakt_body input:hover,
.kontakt_body textarea:focus,
.kontakt_body textarea:hover {
	border: 1px solid #DDD;
	background: #F1FFF1;
}

.kontakt_body .captcha {
	width: 100px;
}

.kontakt_body .submit {
	margin-top: 5px;
}










/* ================== MAIL SENT ==================== */
.mail_sent_body .ce_text {
	display: block;
	background: url(../img/referenzen_bg.png) top left no-repeat;
	width: 800px;
	height: 355px;
	margin: 15px 0px 30px 0px;
	border: 0px solid #F00;
}

.mail_sent_headline,
.mail_sent_body {
	padding: 20px 10px 10px 0px;
	border: 0px solid #000;
	width: 400px;
	margin:0 auto;
}












/* ================== IMPRESSUM ==================== */
.impressum {
	margin: 0px 50px 0px 50px;
}

.impressum .ce_hyperlink {
	margin: 0px 0px 20px 0px;
	font-size: 24px;
}











/* ================== Detail ==================== */
.detail {
	display: block;
	background: url(../img/detail_bg2.png) top left no-repeat;
	width: 800px;
	margin: 15px 0px 40px 0px;
	border: 1px solid #BBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
}

.detail .pictures {
	float: left;
	border: 0px solid #000;
	margin: 15px 15px 15px 15px;
	width: 190px;
}

.detail .pictures img {
	margin-bottom: 10px;
}

.detail .text {
	display: block;
	margin: 0px 0px 0px 220px;
	padding: 15px 15px 15px 0px;
	border: 0px solid #F00;
	font-size: 12px;
}

.detail .text h2 {
	margin-bottom: 15px;
}

.detail .text p {
	margin-bottom: 15px;
}

.detail .text .reference_website_link {
	display: block;
	background: url(../img/button.png) top left no-repeat;
	width: 137px;
	height: 18px;
	padding: 6px 10px 5px 10px;
	text-decoration: none;
}









/* ================== Galerie ==================== */
.gallery .ce_image .image_container {
	margin: 5px 0px 0px 0px;
	border: 1px solid #AAA;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #FFF;
	background: url(../img/album_bg.png) top left;
	padding: 7px;
}

.gallery .ce_image .image_container img {
	margin: 0px 10px 0px 0px;
	background: #FFF;
	border: 1px solid #AAA;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px;
	float: left;
}

.gallery .ce_image .image_container h1 {
	margin: 15px 0px 3px 0px;
}

.gallery .ce_image a:hover .image_container {
	margin: 5px 0px 0px 0px;
	border: 1px solid #AAA;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #F6F6F6;
	padding: 7px;
}

.gallery .ce_image a:hover .image_container img {
	background: #F33;
	border: 1px solid #FFF;
}








.ce_gallery {
	margin: 20px 0px 0px 0px;
	border: 1px solid #AAA;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #FFF;
	padding: 7px;
}

.ce_gallery .image_container img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.ce_gallery .image_container a {
	display: block;
	border: 1px solid #BBB;
	background: #FFF;
	padding: 3px;
	-moz-border-radius: 5px;
}

.ce_gallery .image_container a:hover {
	display: block;
	border: 1px solid #FFF;
	background: #F33;
	padding: 3px;
	-moz-border-radius: 5px;
}










.beforeafter {
	border: 1px solid #999;
	width: 800px;
	height: 600px;
	background: url(../../../tl_files/page_content/Fotoalben/iMac_before-after/vorher.jpg);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.beforeafter:hover {
	border: 1px solid #999;
	width: 800px;
	height: 600px;
	background: url(../../../tl_files/page_content/Fotoalben/iMac_before-after/nachher.jpg);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}