/* ## XHTML basis elements ############################ start # */

body {

	background: url(img/bg.gif) repeat-x #019dba;

}

::selection {
	background:#aaa;
	color:#000;
}

::-moz-selection{
	background:#aaa;
	color:#000;
}

/* ## XHTML basis elements ############################ end ### */

/* ## main elements ################################## start # */

#mainwrapper {

	background: url(img/body.jpg) no-repeat transparent;

}

#intro { color:#000; }



/* ## main elements ################################### end ### */

/* ## navigation ###################################### start # */

#slider .fnav #t1 a { background: url(img/tab-1.png) no-repeat transparent; width: 109px; }
#slider .fnav #t2 a { background: url(img/tab-2.png) no-repeat transparent; width: 83px; }
#slider .fnav #t3 a { background: url(img/tab-3.png) no-repeat transparent; width: 69px; }
#contactlink { background: url(img/tab-4.png) no-repeat transparent; width: 162px; height:36px; }

.left { background: url(img/tabnav-l.png) no-repeat transparent; }
.right { background: url(img/tabnav-r.png) no-repeat transparent; }

#slider .fnav #t1 a:hover, #slider .fnav #t2 a:hover, #slider .fnav #t3 a:hover, #contactlink:hover, .scrollButtons:hover,
#slider .fnav #t1 a.selected, #slider .fnav #t2 a.selected, #slider .fnav #t3 a.selected, #contactlink:active { background-position: 0 100%; }

a.scrollButtons:active, a.scrollButtons:focus {

	outline: none;
	-moz-outline-style: none;
	
}


#thumbs-web a, #thumbs-identity a, #thumbs-fotografie a { border:1px solid #eaeaea; -webkit-transition: all 100ms linear; }

#thumbs-web a:hover, #thumbs-identity a:hover, #thumbs-fotografie a:hover { border:1px solid #d47d22; }

#thumbs-web a img, #thumbs-identity a img, #thumbs-fotografie a img { border: 4px solid #fff; }


.bt-s1 { background: url(img/s1.gif) no-repeat transparent; }
.bt-s2 { background: url(img/s2.gif) no-repeat transparent; }
.bt-s3 { background: url(img/s3.gif) no-repeat transparent; }

a.bt-s1:hover, a.bt-s2:hover, a.bt-s3:hover { background-position: 0 100%; cursor: pointer; }

/* ## navigation ###################################### end ### */

/* ## element "boxes" ################################# start # */

.myform {

	background:url(img/form.png) no-repeat transparent;
	background-position: 0 100%;
	color:#000;

}

.myform .text {

	background:url(img/form.png) no-repeat transparent;
	
}

.bubbles ul li, .bubbles ul li p {

	background: url(img/bubble-l.png) no-repeat transparent;


}

.bubbles ul.bubble-b li, .bubbles ul.bubble-b li p {

	background: url(img/bubble-l.png) no-repeat transparent;

}

.bubbles ul li {

	background-position: 0 100%;

}

.bubbles ul.bubble-b li, .bubbles ul.bubble-b li p {

	background: url(img/bubble-r.png) no-repeat transparent;

}

.bubbles ul.bubble-b li {

	background-position: 0 100%;

}

.bubbles ul li:hover { background-position: 100% 100%; }

.bubbles ul li:hover p { background-position: 100% 0; color:#000; cursor: pointer; }


/* ## element "boxes" ################################ end ### */

/* ## headings ####################################### start # */




/* ## headings ####################################### end ### */

/* ## element "footer" ############################### start # */

#footer {

	background: url(img/footer.jpg) no-repeat transparent;
	color:#000;

}

p.specs {

	color:#6b6a68;
	background: url(img/specs.gif) no-repeat transparent;
	background-position: 100% 0;

}

/* ## element "footer" ############################### end ### */

/* ## forms ########################################## start # */

fieldset { border:none; }

input, textarea, select {

	border:2px solid #ddd;
	-webkit-transition: all 200ms linear;
		
}

select { width:51%; }

input:hover, textarea:hover, select:hover,
input:focus, textarea:focus, select:focus {

	border:2px solid #DD852B;

}

button {

	background: url(img/button.gif) no-repeat transparent;
	width:134px;
	height:30px;
	border:none;
	text-indent:-99999px;
	
}

button:hover {

	background-position: 0 100%;

}

/* ## forms ########################################## end ### */

/* ## link styling ################################### start # */

a:link, a:active, a:visited { color: #0093b0; }

a:hover { color: #000;}


/* ## link styling ################################### end ### */