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

body {
	text-align:center;
	background-image:url(../images/bg-fliesen-2.jpg);
	background-position:50px 26px;
	font-family: Comic Sans MS, Geneva, Arial, sans-serif, Verdana;
	font-style:normal;
	font-size: 0.7em;
	line-height: 1.7em;
	color:#282a84;
}

a img { border: none }

a { text-decoration:none; outline: none; color:#282a84; }

a:hover { text-decoration:none; }

a.clicklink {
	text-decoration:underline;
}

a.clicklink:hover { text-decoration:none; }

.preload {
	display: none;
} 

#topbar {
	width:100%;
	height:30px;
	background-image:url(../images/kopf_hintergrund.png);
}

#outer {
	width:680px;
	margin:auto;
	text-align:left;
	border:0px solid red;
}

#navigation {
	float:left;
	position:relative;
	left:50%;
	text-align:left;
}

#navigation ul {
	list-style:none; 
	position:relative;
	left:-50%;
}
 
#navigation li {
	float:left;
}

#navigation a {
	height:30px;
	background-repeat:no-repeat;
}

#nav_1 a{
	width: 104px;
	background-image: url(../images/leistungen.png);
}

#nav_2 a {
	width: 152px;
	background-image: url(../images/spachteltechniken.png);
}

#nav_3 a {
	width: 107px;
	background-image: url(../images/referenzen.png);
}

#nav_4 a {
	width: 140px;
	background-image: url(../images/verlegebeispiele.png);
}

#nav_5 a {
	width: 67px;
	background-image: url(../images/links.png);
}

.aktiv {
	cursor: hand;
}

#nav_1 a:hover, #nav_1 .aktiv {
	background-image: url(../images/leistungen_hover.png);
}

#nav_2 a:hover, #nav_2 .aktiv {
	background-image: url(../images/spachteltechniken_hover.png);
}

#nav_3 a:hover, #nav_3 .aktiv {
	background-image: url(../images/referenzen_hover.png);
}

#nav_4 a:hover, #nav_4 .aktiv {
	background-image: url(../images/verlegebeispiele_hover.png);
}

#nav_5 a:hover, #nav_5 .aktiv {
	background-image: url(../images/links_hover.png);
}

#navigation li.last { margin-right:0; }

#navigation li a {
	float:left;
	position:relative;
	text-decoration:none;
	
}

#content {
	background-color:#FFF3D0;
	border:1px solid #000000;
	border-top:none;
	width:680px;
	margin:auto;
	text-align:left;
}

#content h1 {
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 15px;
	margin:40px 26px 14px 26px;
}

#content h2 {
	font-size: 1em;
	margin:16px 26px 6px 26px;
}

#content p {
	margin:6px 26px 6px 26px;
}

#content ul {
	margin-left:50px;
	margin-top:8px;
}

#content ul ul {
	margin-left:16px;
	margin-top:4px;
	margin-bottom:4px;
}

span.tooltip:hover {
	cursor:pointer;
	text-decoration:underline;
}

#tabs {
	padding:34px 0px 24px 16px;
}

#tabs li {
	float:left;
	display:block;
	border:1px solid black;
	padding:4px 16px 4px 16px;
	margin-left:60px;
	background-color:#EFEFEF;
}

#tabs li.active {
	background-color:#FBFFE0;
}

.tabcontainer {
	clear:both;
}

.tabcontainer p {
	clear:both;
	text-align:justify;
}

.tabcontainer img {
	float:right;
	padding:3px;
	margin:0 0 6px 16px;
	border:1px solid #8B8B8B;
}

.hidden {
	display:none;
}

.zoom {
	padding-left:10px;
}

#verlegebeispiele {
	margin-left:60px;
}

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

#verlegebeispiele a {
	width:180px;
	float:left;
	height:70px;
	line-height: 1.2em;
	padding-top:20px;
	text-align:center;
}

#verlegebeispiele a:hover {
	text-decoration:none;
}



.thumb {
	padding:2px;
	border:1px solid #8B8B8B; 
}

#footer {
	text-align:center;
	font-size: 1em;
	line-height: 1.7em;
	margin-top:80px;
	clear:both;
}

#footer p, #footer a { color:#282a84; }