@charset "iso-8859-1";
/* CSS Document */

html, body{
	margin:0px;
	padding:0px;
	
}
body{
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
	background-color:#f3f2f2;
	background-image:url(bilder/bg_page_html.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
#top_navi_left{
	width:5px;
	height:33px;
	overflow:hidden;
	background-image:url(bilder/bg_left_topnavi.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
}
#top_navi_content{
	width: 841px;
	height: 33px;
	overflow:hidden;
	margin:0px auto;	
}
#page{
	width:840px;
	overflow:hidden;
	margin:30px auto;
}
#header_logo{
	width:840px;
	height:236px;
	overflow:hidden;
	background-image:url(bilder/logo_header.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#content_panel{
	width:838px;
	border:1px solid #ce9407;
	background-color:#ee9622;
	background-image:url(bilder/bg_content_panel.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	overflow:hidden;
}
#sub_navi{
	width:838px;
	height:49px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
#content{
	width:810px;
	border:1px solid #E1A009;
	background-color:#fcf6e2;
	margin:5px auto;
	margin-bottom: 5px;
	padding: 5px;
}
#galerie{
	width:800px;
	height:116px;
	overflow:auto;
	border:1px solid #999;
	padding:5px !important;
	margin:10px auto;
	background-color:#FFF;
}
#top_navi_content ul li{
	float:left;
	padding:0px;
	margin:0px;
}
#top_navi_content ul{
	list-style:none;
	height:33px;
	margin:0px;
	padding:0px;
}
h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-decoration:underline;
}

/* Buttons Hauptnavigation */

.button1{
	background:url(bilder/button_startseite.jpg) 0 0 no-repeat;
	width: 139px;
	height:33px;
	overflow:hidden;
}
.button1:hover{
	background-position:0px -33px;
}

.button2{
	background:url(bilder/button_service.jpg) 0 0 no-repeat;
	width: 139px;
	height:33px;
	overflow:hidden;
}
.button2:hover{
	background-position:0px -33px;
}

.button3{
	background:url(bilder/button_ueber_uns.jpg) 0 0 no-repeat;
	width: 139px;
	height:33px;
	overflow:hidden;
}
.button3:hover{
	background-position:0px -33px;
}

.button4{
	background:url(bilder/button_links.jpg) 0 0 no-repeat;
	width: 139px;
	height:33px;
	overflow:hidden;
}
.button4:hover{
	background-position:0px -33px;
}

.button5{
	background:url(bilder/button_kontakt.jpg) 0 0 no-repeat;
	width: 139px;
	height:33px;
	overflow:hidden;
}
.button5:hover{
	background-position:0px -33px;
}

.button6{
	background:url(bilder/button_impressum.jpg) 0 0 no-repeat;
	width: 139px;
	height:33px;
	overflow:hidden;
}
.button6:hover{
	background-position:0px -33px;
}

#sub_navi ul li{
	float:left;
	padding:0px;
	margin:0px;
}
#sub_navi ul{
	list-style:none;
	height:33px;
	margin:0px;
	padding:0px;
}

/* Subnavigation */
.sub1{
	background:url(bilder/sub_portrait.jpg) 0 0 no-repeat;
	width: 120px;
	height:49px;
	overflow:hidden;
}
.sub1:hover{
	background-position:0px -49px;
}
.sub2{
	background:url(bilder/sub_familie.jpg) 0 0 no-repeat;
	width: 120px;
	height:49px;
	overflow:hidden;
}
.sub2:hover{
	background-position:0px -49px;
}
.sub3{
	background:url(bilder/sub_hochzeit.jpg) 0 0 no-repeat;
	width: 120px;
	height:49px;
	overflow:hidden;
}
.sub3:hover{
	background-position:0px -49px;
}
.sub4{
	background:url(bilder/sub_akt.jpg) 0 0 no-repeat;
	width: 120px;
	height:49px;
	overflow:hidden;
}
.sub4:hover{
	background-position:0px -49px;
}
.sub5{
	background:url(bilder/sub_bewerbung.jpg) 0 0 no-repeat;
	width: 120px;
	height:49px;
	overflow:hidden;
}
.sub5:hover{
	background-position:0px -49px;
}
.sub6{
	background:url(bilder/sub_industrie.jpg) 0 0 no-repeat;
	width: 120px;
	height:49px;
	overflow:hidden;
}
.sub6:hover{
	background-position:0px -49px;
}
.sub7{
	background:url(bilder/sub_freework.jpg) 0 0 no-repeat;
	width: 118px;
	height:49px;
	overflow:hidden;
}
.sub7:hover{
	background-position:0px -49px;
}
.pic{
	width:410px;
	height:410px;
	overflow:hidden;
	background-color:#FFF;
	border:1px solid #E3A209;
	padding:5px;
}
.pic img{
	border:1px solid #333333;
	max-width: 400px;
	max-height: 400px;
}
.picbar{
	height:105px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
#galerie .picbar img{
	max-height:100px;
	float:left;
	margin-left: 5px;
	border:1px solid #333;
}
#anfahrt,#kontakt{
  padding: 20px
}

#anfahrt img, #kontakt img{
  float:right;
}
#kontakt fieldset{
     width:280px
}

form {
  margin-top: 0;
  padding-top: 0;
}
label {
  display: block;
  font: bold 1.1em Verdana,Arial,Helvetica,sans-serif;
  margin-top: 10px;
}
input,textarea{
width:200px;

}
textarea {
  border: 1px solid #969696;
  height: 140px;
  margin: 0 0 10px 10px;
  overflow: auto;
  padding: 1px 0;
  width:200px;
}

