@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
border: none;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #444;
}
#mainbox {
width: 960px;
height: auto;
margin: 50px auto 0 50px;
background: url(../media/header_logo.gif) right top no-repeat;
}
	#header {
	width: 835px;
	height: 150px;
	/*background-color: #FF6600;*/
	background: url(../media/header_logo2.gif) left top no-repeat;
	}
	/*
	#b_tomik #header {
	background: url(../media/header_lila.gif) left top no-repeat;
	}
	#b_leistungen #header {
	background: url(../media/header_tuerkis.gif) left top no-repeat;
	}
	#b_referenzen #header {
	background: url(../media/header_gruen.gif) left top no-repeat;
	}*/
	#menu {
	}
		ul#navi {
		height: 52px;
		padding: 0;
		margin: 0;
		}
			#navi li {
			float: left;
			height: 52px;
			list-style: none;
			padding: 0;
			}
				#navi li a {
				display: block;
				height: 29px;
				}
					#leistungen_current, #referenzen_current, #partner_current, #galerie_current, #kontakt_current, #tomik_current {
					height: 35px;
					padding: 14px 0 0 0;
					}
					#line {
					margin: 33px 0 0 0;
					height: 4px;
					}
						#b_leistungen #line {
						background-color: #66b8dc;
						}
						#b_referenzen #line {
						background-color: #97be0d;
						}
						#b_partner #line {
						background-color: #f29400;
						}
						#b_galerie #line {
						background-color: #e7511e;
						}
						#b_kontakt #line {
						background-color: #e41370;
						}
						#b_tomik #line {
						background-color: #a463bc;
						}
				#leistungen, #leistungen:link, #leistungen:visited {
				width: 172px;
				background: url(../media/menu_leistungen_s.gif) 0 0 no-repeat;
				}
					#leistungen:focus, #leistungen:hover, #leistungen:active {
					background: url(../media/menu_leistungen.gif) 0 0 no-repeat;
					}
					#leistungen_current {
					background: url(../media/menu_leistungen.gif) 0 14px no-repeat;
					width: 172px;
					}
				#referenzen, #referenzen:link, #referenzen:visited {
				width: 175px;
				background: url(../media/menu_referenzen_s.gif) 0 0 no-repeat;
				}
					#referenzen:focus, #referenzen:hover, #referenzen:active {
					background: url(../media/menu_referenzen.gif) 0 0 no-repeat;
					}
					#referenzen_current {
					background: url(../media/menu_referenzen.gif) 0 14px no-repeat;
					width: 175px;
					}
				#partner, #partner:link, #partner:visited {
				width: 121px;
				background: url(../media/menu_partner_s.gif) 0 0 no-repeat;
				}
					#partner:focus, #partner:hover, #partner:active {
					background: url(../media/menu_partner.gif) 0 0 no-repeat;
					}
					#partner_current {
					background: url(../media/menu_partner.gif) 0 14px no-repeat;
					width: 121px;
					}
				#galerie, #galerie:link, #galerie:visited {
				width: 116px;
				background: url(../media/menu_galerie_s.gif) 0 0 no-repeat;
				}
					#galerie:focus, #galerie:hover, #galerie:active {
					background: url(../media/menu_galerie.gif) 0 0 no-repeat;
					}
					#galerie_current {
					background: url(../media/menu_galerie.gif) 0 14px no-repeat;
					width: 116px;
					}
				#kontakt, #kontakt:link, #kontakt:visited {
				width: 133px;
				background: url(../media/menu_kontakt_s.gif) 0 0 no-repeat;
				}
					#kontakt:focus, #kontakt:hover, #kontakt:active {
					background: url(../media/menu_kontakt.gif) 0 0 no-repeat;
					}
					#kontakt_current {
					background: url(../media/menu_kontakt.gif) 0 14px no-repeat;
					width: 133px;
					}
				#tomik, #tomik:link, #tomik:visited {
				width: 106px;
				background: url(../media/menu_tomik_s.gif) 0 0 no-repeat;
				}
					#tomik:focus, #tomik:hover, #tomik:active {
					background: url(../media/menu_tomik.gif) 0 0 no-repeat;
					}
					#tomik_current {
					background: url(../media/menu_tomik.gif) 0 14px no-repeat;
					width: 106px;
					}
	#content_main {
	width: 585px;
	padding: 0 0 30px 0;
	float: left;
	}
	#content_side {
	float: left;
	width: 325px;
	margin: 0 0 30px 50px;
	}
		#b_tomik #content_side {
		background: url(../media/tomi1.jpg) 0px 0px no-repeat;
		padding-bottom: 160px;
		}
		#b_tomik #content_side.tomi {
		background: none;
		margin: 0 0 0 50px;
		padding-bottom: 30px;
		}
		#b_referenzen #content_side {
		background: url(../media/tomi4.jpg) right top no-repeat;
		padding-bottom: 110px;
		}
		#b_leistungen #content_side {
		background: url(../media/tomi2.jpg) right bottom no-repeat;
		padding-bottom: 110px;
		}
		#b_partner #content_side {
		background: url(../media/tomi3.jpg) 130px top no-repeat;
		padding-bottom: 110px;
		}
			#sidebox {
			width: 165px;
			float: left;
			padding: 10px 10px 15px 20px;
			color: #000;
			}
				#b_tomik #content_side #sidebox {
				position: relative;
				left: 130px;
				top: 160px;
				background-color: #ede0f2;
				}
				#b_tomik #content_side.tomi #sidebox {
				width: 295px;
				position: relative;
				left: 0px;
				top: 0;
				background-color: #ede0f2;
				}
				#b_leistungen #content_side #sidebox {
				position: relative;
				top: 0;
				background-color: #e0f1f8;
				}
				#b_referenzen #content_side #sidebox {
				width: 295px;
				position: relative;
				left: 0px;
				top: 150px;
				background-color: #eaf2cf;
				}
				#b_partner #content_side #sidebox {
				position: relative;
				left: 130px;
				top: 142px;
				background-color: #fceacc;
				}
				#b_kontakt #content_side #sidebox {
				width: 295px;
				position: relative;
				left: 0px;
				top: 0;
				background-color: #fce7f0;
				}
				#b_tomik #sidebox ul li,
				#b_leistungen #sidebox ul li,
				#b_referenzen #sidebox ul li,
				#b_partner #sidebox ul li {
				padding: 0 0 5px 0px;
				}
	#bottombox {
	clear: left;
	width: 960px;
	height: 20px;
	padding: 3px 0 30px 0;
	margin: 20px auto auto 50px;
	font-size: smaller;
	text-align: center;
	}
		#b_leistungen #bottombox {
		border-top: 5px solid #66b8dc;
		}
		#b_referenzen #bottombox {
		border-top: 5px solid #97be0d;
		}
		#b_partner #bottombox {
		border-top: 5px solid #f29400;
		}
		#b_galerie #bottombox {
		border-top: 5px solid #e7511e;
		}
		#b_kontakt #bottombox {
		border-top: 5px solid #e41370;
		}
		#b_tomik #bottombox {
		border-top: 5px solid #a463bc;
		}
h1 {
font-size: x-large;
font-variant: small-caps;
padding: 50px 0 10px 0;
}
h2 {
font-size: medium;
padding: 10px 0 10px 0;
}
	#sidebox h2 {
	padding: 10px 0 10px 0;
	}
	#b_partner #content_main ul li h2 {
	padding: 10px 0 0 0;
	}
h3 {
font-size: small;
}
h3 span {
display: inline;
visibility: visible;
height: auto;
font-size: smaller;
}
p, address {
font-size: small;
font-style: normal;
padding: 0 0 10px 0;
}
p.intro {
font-size: large;
width: 80%;
padding: 0 0 25px 0;
}
p.resume {
font-size: medium;
padding: 0 0 25px 0;
font-weight: bold;
padding: 15px 0 20px 0;
/*border-bottom: 1px solid #333;*/
margin: 0 0 20px 0;
}
p.link {
text-align: right;
}
ul {
margin: 0 0 0 15px;
list-style-position: outside;
}
	#b_tomik ul {
	list-style-image: url(../media/li_tomik.gif);
	}
	#b_leistungen ul {
	list-style-image: url(../media/li_leistungen.gif);
	}
	#b_partner #content_side ul {
	list-style-image: url(../media/li_partner.gif);
	}
	#b_partner #content_main ul li {
	padding: 0 0 25px 0;
	}
	#b_referenzen ul,
	#b_tomik #content_side.tomi #sidebox ul,
	#b_partner ul {
	list-style: none;
	}
	#b_partner ul li p {
	padding: 0;
	}
li {
padding: 0 0 10px 0;
}
	#b_tomik h1,
	#b_tomik h2,
	#b_tomik a,
	#b_tomik p.intro,
	#b_tomik p.resume {
	color: #a463bc;
	}
	#b_leistungen h1,
	#b_leistungen h2,
	#b_leistungen a,
	#b_leistungen p.intro,
	#b_leistungen p.resume {
	color: #66b8dc;
	}
	#b_referenzen h1,
	#b_referenzen h2,
	#b_referenzen a,
	#b_referenzen p.intro,
	#b_referenzen p.resume {
	color: #97be0d;
	}
	#b_partner h1,
	#b_partner h2,
	#b_partner a,
	#b_partner p.intro,
	#b_partner p.resume {
	color: #f29400;
	}
	#b_galerie h1,
	#b_galerie h2,
	#b_galerie a,
	#b_galerie p.intro,
	#b_galerie p.resume {
	color: #e7511e;
	}
	#b_kontakt h1,
	#b_kontakt h2,
	#b_kontakt a,
	#b_kontakt p.intro,
	#b_kontakt p.resume {
	color: #e41370;
	}
span {
display: block;
visibility: hidden;
height: 0px;
}
strong.invisible,
dfn { 
display: inline;
visibility: hidden;
width: 0px;
height: 0px;
overflow: hidden;
position: absolute;
top: -500px;
left: -500px;
}
form {
padding: 10px 0 10px 0;
}
label {
display: inline-block;
width: 70px;
}
input, textarea {
display: inline-block;
width: 210px;
margin: 0 0 10px 0;
vertical-align: text-top;
}
input.send {
margin: 0 0 10px 75px;
width: 105px;
background-color: #e41370;
color: #fff;
cursor: pointer;
}