*, html, body, div, p, h1, h2, ul, ol, 
table, td, form, img, li, map, area, input, form, .textfelder, .buttons, object {
	margin: 0px;
	padding: 0px;
}

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
#globalWrapper {
	background-color: transparent;
	min-width:950px;
	padding-top: 5em;
	text-align:center;
/* hack ie mac \*/
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -240px;
	padding-top:0px;
/* end hack */
}
#wrapper {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 950px;
	height: 380px;
}

#head { background:url(images/logo_kloppes_friends.gif) no-repeat; height:63px; text-align:right; }
#head h1 a {
	position:absolute;
	left:0;
	top:0;
	height:62px;
	width:230px;
	background-image: url(../eng/index.html);
}
#head h1 span { display:none; }
.lang { padding: 45px 0 0 0; color:#000; }
.lang a:link, .lang a:visited { color:#999; }
.lang a:hover, .lang a:active { color:#000; text-decoration:none; }
.lang span { display:none; }

#conWrapper { background-color:#d0d0d0; padding:12px; margin-bottom:7px; }
.content { height:313px; }

#nav { height:18px; background-color:#fff200; overflow:hidden; }
#nav ul { list-style-type:none; }
#nav li { float:left; display:block; margin:3px 0 0; text-transform:uppercase; font-size:10px; text-align:center; }
.rightnav { float:right; }

.nav_profil { width:65px; }
.nav_service { width:75px; }
.nav_rundgang { width:85px; }
.nav_grundriss { width:95px; }
.nav_preise { width:175px; }
.nav_portfolio { width:85px; }

.nav_kontakt { width:70px; }
.nav_impressum { width:80px; }
.nav_agb { width:50px; }

#nav a { width:130%; }
#nav a:link, #nav a:visited {
	color:#000;
}
#nav a:hover, #nav a:active { color:#000; text-decoration:none; font-weight:bold; letter-spacing:normal; }

.textbox { float:left; width:300px; background-color:#f0f0f0; height:313px; overflow:hidden; }

.textbox p { margin: 9px 12px; }
.textbox dl { margin: 5px 12px; }
.textbox dt { margin: 2px 0 0; font-weight:bold; }
.textbox h2 { margin: 12px 12px 8px; font-size:10px; text-transform:uppercase; }
h3 { margin: 12px 12px 3px; font-size:10px; }
.textbox ul { margin: 4px 12px 4px; list-style-type:none;  }
.textbox li { margin: 1px 0 1px; list-style-type:none; padding-left: 10px; background:url(images/bullet01.gif) -2px 3px no-repeat; }

.keypic { margin-top:3px; }

.infobox ul { margin: 4px 12px 4px; list-style-type:none;  }
.infobox li { margin: 12px 0 12px; list-style-type:none; padding-left: 10px; background:url(images/bullet01.gif) -2px 3px no-repeat; width:235px; }

.infobox h3 { margin: 12px 6px 12px;; }
.infobox h4 { margin: 12px 6px 0; font-size:10px; }
.infobox .infotable td p { width:250px; margin: 5px 6px 12px; }

.infobox { float:right; width:615px; background-color:#f0f0f0; height:313px; overflow:hidden; }
.infoboxWrapper { padding:12px; }

.info { margin:12px; background-image: url(images/bg_lichttechnik.gif); width:596px; height:296px; }
.info2 { background-image: url(images/bg_preise02.gif); height:313px; }
.info_preis { background-image: url(images/bg_preise01.gif); height:313px; }
.preisWrapper { padding: 33px 45px; }

.infobox .preisWrapper h4 { padding:0; margin: 4px 0; }

.infotable { width:100%; margin:0 17px; }
.infotable td { padding: 30px 0 0; }


.thumbtable { width:633px; margin:0; padding:0; }
.thumbtable dt { vertical-align:top; }

.thumbs { background-image:url(images/shadows/shadow_small_img.gif); background-repeat:no-repeat; padding: 12px 0 0 13px; margin:2px 0 0 1px; font-size:10px; text-transform:uppercase; }

.thumbs a { display:block; margin-bottom: 11px; width:108px; height:105px; background:url(images/pic_serv_konzept_on.jpg) no-repeat; }
.thumbs a img { visibility:hidden; } 


.minithumbs { background-image:url(images/shadows/shadow_verysmall.gif); background-repeat:no-repeat; padding: 12px 0 0 13px; margin:2px 0 0 1px; font-size:9px; text-indent: -3px; }
.minithumbs2 { background-image:url(images/shadows/shadow_verysmall2.gif); background-repeat:no-repeat; padding: 12px 0 0 13px; margin:2px 0 0 1px; font-size:9px; text-indent: -3px; }

.minithumbs a,.minithumbs2 a { display:block; margin: 0 5px 7px 0; width:65px; height:65px; background:url(images/portfolio/foto_s_romer.jpg) no-repeat; }
.minithumbs a img, .minithumbs2 a img { visibility:hidden; }

.infobox .picspace { margin: 12px 0 0 12px; }

.rightfloat { float:right; }
.backbutton { position:absolute; top:365px; left:24px; width:80px; height:17px; overflow:hidden; z-index:99; }
.backbutton a { display:block; width:60px; height:16px; text-decoration:none; float:left; }
.backbutton a span { display:none; width:60px; }
.backbutton a:link,.backbutton a:visited  { background:url(images/arrow_back.gif) no-repeat; }
.backbutton a:hover,.backbutton a:active  { background:url(images/arrow_back_on.gif) no-repeat; }

.nextbutton { position:absolute; top:365px; left:220px; width:80px; height:17px; overflow:hidden; z-index:99; }
.nextbutton a { display:block; width:60px; height:16px; text-decoration:none; float:right; }
.nextbutton a span { display:none; width:60px; }
.nextbutton a:link,.nextbutton a:visited  { background:url(images/arrow_next.gif) top right no-repeat; }
.nextbutton a:hover,.nextbutton a:active  { background:url(images/arrow_next_on.gif) top right no-repeat; }

#qt_mov { background:url(images/bg_quicktime.gif) no-repeat; padding: 16px 0 0 16px; height:300px;}
#qt_mov p { margin:12px 0; font-size:10px; width:582px; }
#qt_mov p span { float:right; }

.pfd_download img { margin:12px 12px 0; }

.agbWrapper { background:url(images/bg_agb.gif) no-repeat; padding: 20px 0 0 20px; margin:12px 0 0 12px; height:295px;}
.agb { width: 550px; height:249px; overflow:auto; background-color:#ddd; }

.agb p { margin: 10px 20px 15px; text-align:justify; }
.agb h3 { margin: 20px 10px 7px 20px; }
