html, body {
	margin:0 0 0 15px;
	padding:0;
}

body {
	background-image:url(../img/hg.gif); 
	background-repeat:repeat;
}

body, p, label, select, input, textarea, .google, span{ 
	font-family:Arial, Times New Roman;
	font-size:12px;
}

h3{
	margin:0;
	padding:0;
}

/* ####################   Allgemein   #####################*/

.fll{float:left;}
.flr{float:right;}
.cll{clear:left;}

.container{ 
	background-image:url(../img/hg2.gif); 
	background-repeat:repeat;
	width:900px;
	height:auto;
	position: relative;
    margin:48px auto 0px auto;
}

.schatten_u{ 
	background-image:url(../img/hg3.html); 
	background-repeat:no-repeat;
	width:900px;
	height:11px;
	position: relative; 
    border:1px solid green;
}

.hg_l{
	background:transparent url(../img/rad.jpg) repeat scroll left top;
	background-repeat:repeat-y;
	height:auto;
	width:80px;
	display:block;
}

#logo{
	background:url(../img/logo.png);
	background-repeat:no-repeat;
	display:block;
	position:absolute; top:-40px; left:-35px;
	width:370px;
	height:250px;
}

#xlogo{
	background:url(../img/XmasLogo.png);
	background-repeat:no-repeat;
	display:block;
	position:absolute; top:-49px; left:-35px;
	width:370px;
	height:250px;
}

.kugeln{
	position:absolute; top:-85px; left:-200px;
	width:280px;
	height:650px;
}

.baum{
	position:absolute; top:270px; left:-160px;
}

.mann{
	position:absolute; top:320px; left:20px;
}

.xmas2014{
	position:absolute; top:320px; left:-280px;
}

.fabrb{
	position:absolute; top:155px; left:120px;
}

.fabrb p{
	font-family:Arial, Times New Roman;
	font-size:13px;
	font-weight:bold;
	color:#ccc;
	margin:0px;
}

a:hover, a:focus, a:active{
	color:#aaa;
}

a{
	font-size:14px;
	color:#3399cc;
	text-decoration:none;
}

.container img{
	text-decoration:none;
	border:0;
}

.banner{
	width:530px;
	height:300px;
	position: absolute; right:10px;
}

h1{
	font-size:13px;
	color:#999;
	border-bottom:1px solid #999;
	padding-bottom:2px;
	margin-bottom:15px;
	margin-top:20px;
}

/*  #####################  Content   #######################*/

.content{
	position:relative; left:-10px;
	width:515px;
	min-height:350px;
	height:auto;
	background-color:#FFF;
	margin:20px 0 15px 0;
}

.content p{
	width:540px;
	margin:20px 0 10px 0;
	line-height:1.5em;
}

.rand{
	width:550px;
	position:relative; top:-85px; left:268px;
}

.rand_o, .rand_u{
	background-repeat:no-repeat;
	height:300px;
	width:33px;
	position:relative;
}

.rand_o{
	background-image:url(../img/rand_o.gif);
	top:-1px; right:33px;
}

.rand_u{
	background-image:url(../img/rand_u.gif);
	left:590px; bottom:0px;
	position:absolute;
}

.linie{
	border-bottom:1px solid #003366;
	width:350px;
	min-height:1px;
	padding:0;
	margin:0;
}

.right{
	position:relative; left:240px;
	clear:left;
}

p, li {
	color:#666666;
	line-height:18px;
}

/*  ###################    Menu    #######################*/

.menu{
	position:relative; top:245px; left:58px;
}

.menu li{
	height:20px;
	list-style-image:url(../img/icons/i_menu.gif);
	padding:0 0 15px 0;	
}

.menu2{
	width:887px;
	position:relative; 
	margin:0px auto auto auto;
}

.start{	background:transparent url(../img/menu/start.gif) no-repeat scroll left top;}
.fateam{	background:transparent url(../img/menu/fateam.gif) no-repeat scroll left top;}
.preis{	background:transparent url(../img/menu/preis.gif) no-repeat scroll left top;}
.leistung{	background:transparent url(../img/menu/leistung.gif) no-repeat scroll left top;}
.bsp{	background:transparent url(../img/menu/bsp.gif) no-repeat scroll left top;}
.jobs{	background:transparent url(../img/menu/jobs.gif) no-repeat scroll left top;}
.anfahrt{	background:transparent url(../img/menu/anfahrt.gif) no-repeat scroll left top;}
.kontakt{	background:transparent url(../img/menu/kontakt.gif) no-repeat scroll left top;}
.gutschein{	background:transparent url(../img/menu/gutschein.gif) no-repeat scroll left top;}
.anwe{	background:transparent url(../img/menu/anwe.gif) no-repeat scroll left top;}
.anwe2{	background:transparent url(../img/anwe.png) no-repeat scroll left top;}
.impress{	background:transparent url(../img/menu/impress.gif) no-repeat scroll left top;}
.kontakt2{	background:transparent url(../img/menu/kontakt2.gif) no-repeat scroll left top;}
.agb{	background:transparent url(../img/menu/agb.gif) no-repeat scroll left top;}
.pipe, .pipe2{	background:transparent url(../img/menu/pipe.gif) no-repeat scroll left top;}
.partner{ background:transparent url(../img/menu/partner.gif) no-repeat scroll left top;}
.as{ background:transparent url(../img/fotos/as.html) no-repeat scroll left top;}

.start, .fateam, .preis, .leistung, .kontakt, .bsp, .jobs, .anfahrt, .gutschein, .partner{
	height:30px;
	width:180px;
	display:block;
	position:absolute; left:35px;
}

.anwe, .anwe2, .kontakt2, .impress, .pipe, .pipe2, .agb{
	height:26px;
	position:absolute;
	display:block;
}

.anwe2{
	height:100px;
	width:100px;
}

.anwe{
	width:150px;
	left:-10px;
}

.impress{
	width:100px;
	right:-15px;
}

.kontakt2{
	width:60px;
	right:138px;
}

.w3c{
	margin:0 0 20px 115px;
	width:300px;
}

.agb{
	width:45px;
	right:83px;
}

.pipe{
	width:12px;
	right:83px;
}

.pipe2{
	width:12px;
	right:127px;
}

.start:hover, .start:focus, .start:active,
.fateam:hover, .fateam:focus, .fateam:active,
.leistung:hover, .leistung:focus, .leistung:active,
.preis:hover, .preis:focus, .preis:active,
.bsp:hover, .bsp:focus, .bsp:active,
.jobs:hover, .jobs:focus, .jobs:active,
.gutschein:hover, .gutschein:focus, .gutschein:active,
.anfahrt:hover, .anfahrt:focus, .anfahrt:active,
.kontakt:hover, .kontakt:focus, .kontakt:active,
.anwe:hover, .anwe:focus, .anwe:active,
.anwe2:hover, .anwe2:focus, .anwe2:active,
.kontakt2:hover, .kontakt2:focus, .kontakt2:active,
.agb:hover, .agb:focus, .agb:active,
.impress:hover, .impress:focus, .impress:active,
.partner:hover, .partner:focus, .partner:active{
	background-position:left bottom;
	text-decoration:none;
}

.menu img{
	border:none;
}
/*  ###################    Start   #######################   top:315px; left:-170px;*/

.angebot{
	position:absolute; top:318px; left:-190px;
}
.ostern{
	position:absolute; top:321px; left:-190px;
}

.valentin{
	position:absolute; top:313px; left:-211px;
}

.facebook{
	position:absolute; right:10px;
}

.weihnacht{
	position:absolute; top:-50px; left:-165px;
}

.neu{
	position:absolute; top:415px; left:203px;
}

#Bild{
	width:313px;
	height:235px;
	padding:2px;
	border:1px solid #CCC;
	position:absolute; right:-30px; top:82px; 
}

img.foto{
	width:240px;
	padding:2px;
	margin:10px 0 0 0px;
	border:1px solid #CCC;
}

p.breite{
	width:215px;
	margin:5px 0 15px 0;
}

p.breite2{
	width:390px;
	margin:253px 0 0 160px;
	clear:left;
}

p.breite4{
	width:215px;
	margin:5px 0 15px 0;
}

p.breite3{
	width:390px;
	clear:left;
}

p.breite5{
	width:500px;
	clear:left;
}

/*  ###################    Preise    #######################*/

.preise{
	width:100%;
	border-collapse:collapse;
	margin:15px 0 0 5px;
	border-bottom:1px solid #ccc;
}

.preise a, .preise a:visited{
	color:#3399CC;
	font-size:13px;
}

.preise a:hover{
	color:#CCC;
}

th.titelspalte{
	font-size:12px;
	color:#3399CC;
	text-align:left;
}

th{
	vertical-align:bottom;
	color:#666;
	padding:4px;
	border-bottom:1px solid #ccc;
}

td.titel{
	text-align:left;
	width:220px;
	font-weight:bold;
}

td{
	font-size:12px;
	text-align:center;
	width:80px;
	padding:4px;
	color:#666;
}

tr.grau td{
	background-color:#F5F5F5;
}

p.hinweis{
	color:#aaa;
	padding:0;
	margin:0 0 0 10px;
}

span.hinweis2{
	color:red;
	padding:0;
	margin:0 0 0 10px;
	font-weight:bold;
	
}

/*  ###################   Leistungen    #######################*/

div.ueberblick{
	margin:5px 0 10px 0;
	padding-left:25px;
}

.ueberblick a, .c_impress a{
	font-size:12px;
	color:#3399CC;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
}

.ueberblick a:hover, .c_impress a:hover{
	color:#ccc;
	text-decoration:none;
}

div.list{
	background-image:url(../img/icons/li_icon.gif);
	background-repeat:no-repeat;
	padding:0 0 0 23px;
	margin:0 0 0 0;
	color:#666;
}

div.leist{
	background-image:url(../img/icons/li_icon.gif);
	background-repeat:no-repeat;
	padding:0 0 0 23px;
	margin:0 0 0 0;
	color:#666;
}

div.leistungen {
	padding:0 0 0 23px;
	color:#666;
	line-height:18px;	
	margin:3px 0 12px 0;
}

div.ohne{
	margin:8px 0 8px 0;
}

/*  ###################  Team    #######################*/

.gs{ background:transparent url(../img/fotos/gs.jpg) no-repeat scroll left top;}
.sw{ background:transparent url(../img/fotos/sw.jpg) no-repeat scroll left top;}
.cc{ background:transparent url(../img/fotos/cc.jpg) no-repeat scroll left top;}
.ch{ background:transparent url(../img/fotos/ch.html) no-repeat scroll left top;}
.mr{ background:transparent url(../img/fotos/mr.jpg) no-repeat scroll left top;}
.sk{ background:transparent url(../img/fotos/sk.jpg) no-repeat scroll left top;}
.em{ background:transparent url(../img/fotos/em.jpg) no-repeat scroll left top;}
.lm{ background:transparent url(../img/fotos/lm.jpg) no-repeat scroll left top;}
.nn{ background:transparent url(../img/fotos/nn.jpg) no-repeat scroll left top;}
.tf{ background:transparent url(../img/fotos/tf.jpg) no-repeat scroll left top;}
.tn{ background:transparent url(../img/fotos/tn.jpg) no-repeat scroll left top;}
.pv{ background:transparent url(../img/fotos/avatar.jpg) no-repeat scroll left top;}

.gs, .sw, .cc, .mr, .sk, .em, .ch, .lm, .nn, .tf, .tn, .pv{
	height:204px;
	width:154px;
	display:block;
	border:1px solid #CCC;
	margin-right:10px;
}

.gs:hover, .gs:focus, .gs:active,
.sw:hover, .sw:focus, .sw:active,
.sk:hover, .sk:focus, .sk:active,
.mr:hover, .mr:focus, .mr:active,
.cc:hover, .cc:focus, .cc:active,
.ch:hover, .ch:focus, .ch:active,
.em:hover, .em:focus, .em:active,
.lm:hover, .lm:focus, .lm:active,
.nn:hover, .nn:focus, .nn:active,
.tn:hover, .tn:focus, .tn:active,
.tf:hover, .tf:focus, .tf:active,
.pv:hover, .pv:focus, .pv:active
{
	background-position:left bottom;
	text-decoration:none;
}

.mitglied{
	width:545px;
	height:200px;
	clear:left;
	margin:25px 0 25px 0;
}

.mitglied p{
	width:200px;
	font-size:14px;
	font-weight:bold;
	color:#3399cc;
	margin:8px 0 8px 20px;
}

.mitglied li{
	background-image:url(../img/icons/li_icon.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 0 23px;
	margin:0 0 0 0;
	color:#666;
}

.mitglieder{
	width:545px;
	height:550px;
	clear:left;
	margin:0;
}

.mitglieder p{
	width:154px;
	font-size: 14px;
	font-weight:bold;
	color:#3399cc;
	margin:5px 10px 20px 0px;
	text-align:center;
	float:left;
}

/*  ###################  Jobs   #######################*/

.job li{
	background-image:url(../img/icons/li_icon.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 0 23px;
	margin:0 0 0 0;
	color:#666;
}

.job p{
	width:450px;
	font-size:12px;
	font-weight:normal;
	color:#666;
	margin:8px 0 8px 20px;
}

.job span{
	width:200px;
	font-size:16px;
	font-weight:bold;
	color:#3399cc;
	margin:8px 0 8px 20px;
}

/*  ###################  Impressum    #######################*/

.verantw{
	margin-left:10px;
}

.letzter{
	border-right:0px;
}

.c_impress b, .mitglied li b{
	color:#999;
}

.c_impress{
	width:535px;
}

.c_impress li{
	list-style-type:none;	
	padding:0;
	margin:0;
}

.c_impress ul{
	padding:0 20px 0 20px;
	margin:10px 0 10px 0;
}

.c_impress h2{
	font-size:12px;
	color:#3399CC;
	padding-left:30px;
	margin:0;
	padding:0;
}

.c_impress p{
	margin:10px 0 10px 0;
}

.c_anwe{
	margin-left:115px;
	height:100px;
}

.xing{
	margin:12px 0 0 0px;
}
/* ############# Anfahrt ############### */

iframe{
	margin:20px 0 3px 0;
	padding:2px;
	border:1px solid #CCC;
}

.google{
	font-size:11px;
}

/* ############# Referenzen ############### */

.referenz a img{
	padding:2px;
	margin:0 0px 4px 0;
	border:1px solid #CCC;
}

.referenz a img:hover, .referenz a img:focus, .referenz a img:active{
	border:1px solid #3399cc;
}

.referenz p{
	width:550px;
	margin:5px 0 5px 0;
	padding:5px 0 5px 0;
}

/* ############# Kontakt ############### */

fieldset{
	border:none;
	width: 235px; 
	padding: 10px;
	margin:0;
	border: solid 1px #CCCCCC;
}

legend {
	font: bold 13px "arial", arial, monospace; 
	color: #3399cc;
	padding:0 5px 0 5px;
}

.k_formular form{
	padding:0px;
}

.c_kontakt{
	width:550px;
	margin:25px 0 0 0;
}

.k_daten p{
	width:280px;
	font-size:12px;
	color:#898989;
	line-height:17px;
	padding:0;
	margin:0;
	text-align:left;
}

.k_daten p a{
	font-size:12px;
}

.k_formular{
	width:250px; 
	text-align:right;
	margin:0 20px 0 0;
}

.k_formular p{
	text-align:left;
	font-size:11px;
	color:#aaa;
	margin:0;
	padding:0;
}

.k_formular #anrede{
	width:80px;
	margin:2px 0 2px 45px;
}

.k_formular #text{
	margin:5px 0 5px 0;
}

.thanks{
	color: #1D5191;
}

label, select, input, textarea{
	color: #898989;
	padding:0;
}

label{
	width: 70px; 
	display:block;
	float:left;
    text-align:left;
	margin:4px 0 0 0;
}

select, input, textarea {
	border:	1px solid #CECECE;
	background-color:#FFF;
	color:#898989;
}

input,textarea{
    padding: 1px;
	margin: 2px 0;
    width: 180px;
}

textarea{
	width: 250px;
}

input:active, input:focus, input:hover,
textarea:active, textarea:focus, textarea:hover{
    border:1px solid #3399cc;
}

input[type=submit]{
	width:80px;
	font-weight:bold;
	color:#3399cc;
}

input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active{
	background-color:#3399cc;
	color:#fff;
	border:1px solid #3399cc;
}


.k_formular #sicherheitscode, .f_gutschein #sicherheitscode{
	width:76px;
	float:left;
}

label.code, .f_gutschein label#captcha_code{
	clear:left;
	width:250px;
}

input.code, .f_gutschein input#captcha_code{
	width:76px;
}

.k_formular img, .f_gutschein img{
	width:160px;
	height:41px;
	float:left;
	display:block;
	margin:2px 10px 0 0;
	border:	1px solid #ccc;
}

input.fault, textarea.fault, select.fault{
	border:1px solid red;
}

/*  ###################    Partner   #######################*/

a.mothor img{
	border:	1px solid #ccc;
}

.chemie{
	margin:10px 0 10px 0;
}

.chemie a img{
	border:	1px solid #ccc;
	height:80px;
	padding:7px;
	margin:0 3px 0 0;
}

.chemie a img:hover , a.mothor img:hover, a.mothor img:focus, a.mothor img:active{
	border:	1px solid #3399cc;
}

/* ############# Gutschein ############### */

span{
	color:#898989;
	font-weight:bold;
}

.f_gutschein label{
	width: 80px; 
}

.f_gutschein input, .f_gutschein select{
   width: 240px;
   font-size:12px;
}

.f_gutschein{
	width:450px; 
	margin:0 20px 0 0;
}

.f_gutschein form{
	margin-bottom:50px;
}

.f_gutschein p{
	text-align:left;
	font-size:12px;
	color:#aaa;
	margin:0;
	padding:0;
}

.f_gutschein #anrede{
	width:80px;
	margin:2px 0 2px 0px;
}

.f_gutschein img{
	width:160px;
	height:41px;
	float:left;
	display:block;
	margin:2px 10px 0 0;
	border:	1px solid #ccc;
}

p.absatz{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#ECF3FF;
	font-weight:bold;
	margin:15px 0 10px 0;
	color:#666;
	padding:0 0 0 5px;
	width:500px;
}

.f_gutschein p.pradio{
	color:#898989;
	width:200px;
	float:left;
}

input#plz{
	float:left;
}

input#ort{
	clear:left;
}

input#plz{
	width:45px;
	margin-right:5px;
}

.f_gutschein input#ort{
	width:186px;
}

input.inputradio{
	width:20px;
	float:left;
}

.f_gutschein input[type=submit]{
	width:80px;
}

.f_gutschein div.inputcode{
	width:90px;
	float:left;
	display:block;
	height:41px;
}

.f_gutschein input#captcha_code{
	margin-bottom:1px;
}

.f_gutschein textarea{
	width:500px;
	font-size:12px;
}

.divbut{
	margin-left:0px;
	margin-top:2px;
}

.divbut a.button, .f_gutschein a.button{
	width:90px;
	font-size:12px;
	color:#3399cc;
	font-weight:bold;
	border:1px solid #ccc;
	padding:2px 6px 2px 6px;
	margin:2px 3px 2px 0;
}

.divbut a.button:hover, .divbut a.button:active, .divbut a.button:focus,
.f_gutschein a.button:hover, .f_gutschein a.button:active, .f_gutschein a.button:focus{
		background-color:#3399cc;
		color:#fff;
		border:1px solid #3399cc;
}

form#pruefen{
	margin-left:4px;
}

form#pruefen p{
	margin-top:2px;
	margin-bottom:5px;
	width:90px;
	float:left;
}

form#pruefen p.pleft{
	margin-left:55px;
	width:300px;
}

.formlinie{
	width:503px;
	display:block;
	background-color:#ccc;
	height:1px;
	margin:0 0 2px 0;
}

p.sternchen{
	 width:10px;
	 float:left; 
	 margin:2px 0 0 -3px;
	 font-size:14px;
}