/* ------------------------------------------ CSS STYLE------------------------------------------ */

/* --------------------- Allgemeines --------------------- */
*{
	margin:0;
	padding:0;
}

body, table{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:13px; 
	color:#f5e2bb;
	background:#faf0dc;
}

table{
	background:none;
}


li{
	margin-bottom:15px;
	list-style-image: url('../grafik/sonstiges/listdot.jpg');
}

.bold{
	font-weight:bold;
}

#preloaddiv{
	display:none;
}


/* --------------------- LINKS --------------------- */
a{
	color:#f5e2bb;
}

a:hover{
	color:#f5e2bb;
	text-decoration:none;
}



/* --------------------- PAGE --------------------- */
#container{
	width:800px;
	height:600px;
	background: url(../grafik/mainpage/main_bg.jpg);
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-300px;
}

#header{
	width:800px;
	height:197px;
	background: url(../grafik/mainpage/header.jpg);
}

#logo{
	position:absolute;
	margin:18px 0 0 18px;
}

#mops{
	position:absolute;
	background: url(../grafik/mainpage/mops.jpg);
	width:224px;
	height:229px;
	margin-left:576px;
}


/* --------------------- MENU --------------------- */
#menu{
	width:800px;
	height:24px;
	position:absolute;
	margin-top:121px;
	margin-left:13px;
}

.navitext{
	display:none;
}

.menuitem {
	display:block;
	float:left;
	margin:0 5px;
}

/*Home*/
#menu_home{
    background:url(../grafik/navi/home.jpg) no-repeat;
    width:36px;		
    height:24px;
}

#menu_home:hover{
    background:url(../grafik/navi/home_a.jpg) no-repeat;
}

#menu_home_active{
    background:url(../grafik/navi/home_a.jpg) no-repeat;
    width:36px;		
    height:24px;
}


/*Über mich*/
#menu_ueber_mich{
    background:url(../grafik/navi/ueber_mich.jpg) no-repeat;
    width:62px;		
    height:24px;
}

#menu_ueber_mich:hover{
    background:url(../grafik/navi/ueber_mich_a.jpg) no-repeat;
}

#menu_ueber_mich_active{
    background:url(../grafik/navi/ueber_mich_a.jpg) no-repeat;
    width:62px;		
    height:24px;
}


/*Aktuelles*/
#menu_aktuelles{
    background:url(../grafik/navi/aktuelles.jpg) no-repeat;
    width:55px;		
    height:24px;
}

#menu_aktuelles:hover{
    background:url(../grafik/navi/aktuelles_a.jpg) no-repeat;
}

#menu_aktuelles_active{
    background:url(../grafik/navi/aktuelles_a.jpg) no-repeat;
    width:55px;		
    height:24px;
}


/*Service*/
#menu_service{
    background:url(../grafik/navi/service.jpg) no-repeat;
    width:43px;		
    height:24px;
}

#menu_service:hover{
    background:url(../grafik/navi/service_a.jpg) no-repeat;
}

#menu_service_active{
    background:url(../grafik/navi/service_a.jpg) no-repeat;
    width:43px;		
    height:24px;
}


/*Shooting*/
#menu_shooting{
    background:url(../grafik/navi/shooting.jpg) no-repeat;
    width:54px;		
    height:24px;
}

#menu_shooting:hover{
    background:url(../grafik/navi/shooting_a.jpg) no-repeat;
}

#menu_shooting_active{
    background:url(../grafik/navi/shooting_a.jpg) no-repeat;
    width:54px;		
    height:24px;
}


/*Ausrüstung*/
#menu_ausruestung{
    background:url(../grafik/navi/ausruestung.jpg) no-repeat;
    width:66px;		
    height:24px;
}

#menu_ausruestung:hover{
    background:url(../grafik/navi/ausruestung_a.jpg) no-repeat;
}

#menu_ausruestung_active{
    background:url(../grafik/navi/ausruestung_a.jpg) no-repeat;
    width:66px;		
    height:24px;
}


/*Preise*/
#menu_preise{
    background:url(../grafik/navi/preise.jpg) no-repeat;
    width:35px;		
    height:24px;
}

#menu_preise:hover{
    background:url(../grafik/navi/preise_a.jpg) no-repeat;
}

#menu_preise_active{
    background:url(../grafik/navi/preise_a.jpg) no-repeat;
    width:35px;		
    height:24px;
}


/*Galerie*/
#menu_galerie{
    background:url(../grafik/navi/galerie.jpg) no-repeat;
    width:42px;		
    height:24px;
}

#menu_galerie:hover{
    background:url(../grafik/navi/galerie_a.jpg) no-repeat;
}

#menu_galerie_active{
    background:url(../grafik/navi/galerie_a.jpg) no-repeat;
    width:42px;		
    height:24px;
}


/*Links*/
#menu_links{
    background:url(../grafik/navi/links.jpg) no-repeat;
    width:29px;		
    height:24px;
}

#menu_links:hover{
    background:url(../grafik/navi/links_a.jpg) no-repeat;
}

#menu_links_active{
    background:url(../grafik/navi/links_a.jpg) no-repeat;
    width:29px;		
    height:24px;
}


/*Kontakt*/
#menu_kontakt{
    background:url(../grafik/navi/kontakt.jpg) no-repeat;
    width:46px;		
    height:24px;
}

#menu_kontakt:hover{
    background:url(../grafik/navi/kontakt_a.jpg) no-repeat;
}

#menu_kontakt_active{
    background:url(../grafik/navi/kontakt_a.jpg) no-repeat;
    width:46px;		
    height:24px;
}


/*Impressum*/
#menu_impressum{
    background:url(../grafik/navi/impressum.jpg) no-repeat;
    width:74px;		
    height:24px;
    position:absolute;
    margin-top:375px;
    margin-left:715px;
}

#menu_impressum:hover{
    background:url(../grafik/navi/impressum_a.jpg) no-repeat;
}

#menu_impressum_active{
    background:url(../grafik/navi/impressum_a.jpg) no-repeat;
    width:74px;		
    height:24px;
    position:absolute;
    margin-top:375px;
    margin-left:715px;
}


		
/* --------------------- CONTENT --------------------- */
#contentbox{
	position:absolute;
	width:800px;
	height:403px;
}

#content{
	position:absolute;
	margin-left:330px;
	margin-top:40px;
	width:455px;
}

#headline{
	position:absolute;
}

/*Home & Impressum */
.box_home{
	background:url(../grafik/backgrounds/home.jpg) no-repeat left bottom;
}

.box_impressum{
	background:url(../grafik/backgrounds/impressum.jpg) no-repeat left bottom;
}

.hl_home{
	width:519px;
	height:75px;
	background:url(../grafik/headlines/home.jpg);
	margin-left:192px;
	margin-top:9px;
}

.hl_impressum{
	width:133px;
	height:40px;
	background:url(../grafik/headlines/impressum.jpg);
	margin-left:170px;
	margin-top:0px;
}

.content_home{
	padding-top:110px;
}

/*Shooting*/
.box_shooting, .box_shooting2{
	background:url(../grafik/backgrounds/shooting.jpg) no-repeat left bottom;
}

.hl_shooting, .hl_shooting2{
	width:107px;
	height:49px;
	background:url(../grafik/headlines/shooting.jpg);
	margin-left:185px;
	margin-top:px;
}

.content_shooting, .content_shooting2{
	padding-top:10px;
}

/*Aktuelles*/
.box_aktuelles{
	background:url(../grafik/backgrounds/aktuelles.jpg) no-repeat left bottom;
}

.hl_aktuelles{
	width:115px;
	height:38px;
	background:url(../grafik/headlines/aktuelles.jpg);
	margin-left:170px;
	margin-top:25px;
}

.content_aktuelles{
	padding-top:40px;
}

/*Über Mich*/
.box_ueber_mich{
	background:url(../grafik/backgrounds/ueber_mich.jpg) no-repeat left bottom;
}

.hl_ueber_mich{
	width:135px;
	height:39px;
	background:url(../grafik/headlines/ueber_mich.jpg);
	margin-left:193px;
	margin-top:0px;
}


/*Service*/
.box_service{
	background:url(../grafik/backgrounds/service.jpg) no-repeat left bottom;
}

.hl_service{
	width:89px;
	height:31px;
	background:url(../grafik/headlines/service.jpg);
	margin-left:193px;
	margin-top:4px;
}

.content_service{
	padding-top:35px;
}


/*Galerie*/
.content_galerie, .content_galerie_hunde, .content_galerie_katzen, .content_galerie_pferde, .content_galerie_andere_tiere{
	padding-left:30px;
}

.box_galerie{
	background:url(../grafik/backgrounds/galerie.jpg) no-repeat left bottom;
}

.box_galerie_hunde, .box_galerie_katzen, .box_galerie_pferde, .box_galerie_andere_tiere{
		background:url(../grafik/backgrounds/galerie2.jpg) no-repeat left bottom;
}

.hl_galerie, .hl_galerie_hunde, .hl_galerie_katzen, .hl_galerie_pferde, .hl_galerie_andere_tiere{
	width:91px;
	height:33px;
	background:url(../grafik/headlines/galerie.jpg);
	margin-left:230px;
	margin-top:4px;
}

.hl_galerie_hunde, .hl_galerie_katzen, .hl_galerie_pferde, .hl_galerie_andere_tiere{
	width:120px;
	line-height:24px;
	padding-top:35px;
	padding-left:4px;
	background-repeat: no-repeat;
}

/*Kontakt*/
.box_kontakt{
	background:url(../grafik/backgrounds/kontakt.jpg) no-repeat left bottom;
}

.hl_kontakt{
	width:364px;
	height:71px;
	background:url(../grafik/headlines/kontakt.jpg);
	margin-left:230px;
	margin-top:0px;
}

.content_kontakt{
	padding-top:35px;
}

/*Links*/
.box_links{
	background:url(../grafik/backgrounds/links.jpg) no-repeat left bottom;
}

.hl_links{
	width:278px;
	height:62px;
	background:url(../grafik/headlines/links.jpg);
	margin-left:200px;
	margin-top:20px;
}

.content_links{
	padding-top:70px;
}


/*Ausrüstung*/
.box_ausruestung{
	background:url(../grafik/backgrounds/ausruestung.jpg) no-repeat left bottom;
}

.hl_ausruestung{
	width:232px;
	height:37px;
	background:url(../grafik/headlines/ausruestung.jpg);
	margin-left:200px;
	margin-top:20px;
}

.content_ausruestung{
	padding-top:35px;
	padding-left:25px;
}


/*Preise*/
.box_preise{
	background:url(../grafik/backgrounds/preise.jpg) no-repeat left bottom;
}

.hl_preise{
	width:77px;
	height:29px;
	background:url(../grafik/headlines/preise.jpg);
	margin-left:190px;
	margin-top:10px;
}

.content_preise{
	padding-top:0px;
	padding-left:0px;
}


/* --------------------- FORMIT --------------------- */
fieldset{
	border:none;
	width:500px;
}

legend{
	display:none;
}

#formitchkdiv{
	margin-bottom:5px;
}

#formit .input, #formit .textarea{
	border:none;
	margin-bottom:5px; 
	font-family:Helvetica, Arial, sans-serif; 
	font-size:12px;
	padding:5px;
	background:#f5e2ba;
	line-height:24px;
}

#formit .button{
	border:none;
	margin:0 5px 5px 0;
	height:22px;
	font-family:Helvetica, Arial, sans-serif; 
	font-size:12px;
	background:#f5e2ba;
	width:100px;
}

#formit td{
	padding-top:10px;
}

#formit .tittd{
	width:100px;
}

#formit #captd div{
	float:left;
	margin-right:5px;
}

#formit #captd #newcaptcha{
	padding:3px;
}

#formit #captd .clear{
	float:none;
	clear:both;
}


/* --------------------- GALERIE --------------------- */
#gallery td{
	width:100px;
	height:100px;
	padding-left:2px;
	padding-bottom:2px;
}

#gallery .picdiv{
	width:85px;
	height:85px;
	overflow:hidden;
}

#gallinks{
	margin-top:10px;
}

#galprev{
	margin-left:3px;
	margin-top:20px;
}

#galnext{
	margin-left:3px;
}

.galsave{
	background:#fff; 
	position:absolute;
	width:85px;
	height:85px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}


/* --------------------- THICKBOX --------------------- */
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../grafik/gallery/tb_overlay.png) repeat;}
.TB_overlayBG {
	background-color:#f5e2bb;
}

* html #TB_overlay {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: url(../grafik/mainpage/main_bg.jpg);
	z-index: 102;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border:1px solid #f5e2bb;
}

#TB_ImageOff{
	background:#fff; 
	position:absolute; 
	top:16px; 
	left:16px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_caption{
	height:25px;
	padding:7px 0px 10px 15px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 15px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_prev, #TB_next{
	z-index:200;
	position: absolute;
	top:50%;
	margin-top:-50px;
}

#TB_prev{
	left:50%;
	margin-left:-450px;
}

#TB_next{
	left:50%;
	margin-left:350px;
}


#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px;
}

* html #TB_load {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}