@charset "UTF-8";
/*
BUG-Hinweise bei IE6:
1. Bei float-Elementen mit gleichgerichtetem Margin: Doubled-margin-float-BUG, deshalb display:inline; anfügen.
2. li-Elemente müssen display:inline; erhalten, wenn ein Margin verwendet werden soll, JEDOCH:
3. Marginwerte bei listitems müssen in das eingeschlossene a-tag mit block-eigenschaft geschrieben werden, da das li-tag zum inline-element werden muss (siehe 2).
4. Innenabstände bei Input-Buttons werden durch "overflow:visible;" behoben.
5. ul-Tag mit gefloateten li-Elementen muss eine Width-Angabe erhalten, wenn kein Abstand zum nachfolgendem Element entstehen soll.
6. Unternavigation via ul: Wenn keine BG-Color oder BG-Image im ul-tag definiert ist, kann der IE die Ebenen nicht unterscheiden und blendet die Unternavigation zu früh aus.
7. IE8: margin:0 auto; geht nur, wenn das Container-Element (z.B. body) mit text-align:center; gestylet wird. Im zentrierten Element muss dieser Wert dann wieder überschrieben werden.
8. inline-block wird ignoriert, wenn Standardwert für das Element "inline" ist. Hack: 1. Element auf inline-block stellen. 2. zurück auf inline setzen. 3. child als inline-block definieren (parent>child)
9. IE-Box-Model-Bug: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug - Korrekte & vollständige Doctype Declaration verwenden!
	http://en.wikipedia.org/wiki/Document_type_declaration#HTML5_DTD-less_DOCTYPE

.rounded2px {   -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -khtml-border-radius:2px; }
.rounded3px {   -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; }
.rounded5px {   -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; }
.rounded10px {   -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; }
.shadow1px {    -moz-box-shadow:1px 1px 0px #fff; -webkit-box-shadow:1px 1px 0px #fff; box-shadow:1px 1px 0px #fff; }
.shadow10px {   -moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; box-shadow:0px 0px 10px #000; }
*/


 
 
/* * * * * * * * * * * *
 * * *  CSS RESET  * * *
 * * * * * * * * * * * */

/* JAMES - Alle Elemente zurücksetzen. Nur margin + padding! border würde bei INPUT-BUTTONS die browsereigene Gestaltung entfernen. */
* { margin:0; padding:0; }

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* James */
html, body { text-align:left; line-height: 1; height:100%; } 

body {      background:#484848 url(/images/bg-body.png); color:#fff; text-shadow:-1px -1px 0px #333; }
img {       border:none; vertical-align:bottom; }
a {         color:#fff; text-decoration:none; outline:none; }
a:hover {   color:#9cc; text-decoration:none; outline:none; }
:focus {	outline: none; }

blockquote, q { quotes: "„" "“" "‚" "‘"; }
blockquote:before, q:before {  content: open-quote; }
blockquote:after, q:after {   content: close-quote; }

table {		border-collapse: collapse; border-spacing: 0; }
ol, ul {	list-style: none; }

/* Make sure videos and embeds fit their containers */
embed, iframe, object { max-width: 100%; }




/* * * * * * * * * * * * *
 * * *  Typografie   * * *
 * * * * * * * * * * * * */

/*
font-family:'BodoniAntiquaW01-Conden';
font-family:'BodoniBTW01-BoldCondens';
font-family:'Bodoni MT W01 Bold Cond';
*/

html, body, table, td { font:14px/1.6em Helvetica, Arial, sans-serif; }

h1 {    font: 30px/1.2em Helvetica, Arial, sans-serif; } /* Seiten-Headline */
h2 {    font: 26px/1.2em Helvetica, Arial, sans-serif; } /* Seiten-Headline-Sub */
h3 {    font: 20px/1.4em Helvetica, Arial, sans-serif; } /* Headlines bei Textabschnitten */
h4 {    font: 16px/1.4em Helvetica, Arial, sans-serif; } /* Sidebar Headlines */

strong, b { font-weight:bold; }
small { font-size:0.7em; }

#cmdLogo { font-size:16px; }
#introText {	font:30px/1em Helvetica, Arial, sans-serif;}
.mainMenu a {	font:12px/1.4em Helvetica, Arial, sans-serif;}

#cmdCategories,
#cmdGalleries,
#cmdImages { font:12px/1.4em Helvetica, Arial, sans-serif; }




/* * * * * * * * * * * * *
 * * *  Grundgerüst  * * *
 * * * * * * * * * * * * */

#javahinweis { background-color:#c00; padding:5px; text-align:center; color:#fff; }
#rahmen {		position:relative; }
#kopfzeile {	background-color:#181818; position:fixed; top:0; left:0; width:100%; z-index:9999; color:#ccc; text-shadow:none; }
	#cmdLogo {  display:block; width:300px; float:left; margin-top:4px; color:#fff; text-transform:uppercase; }
	#cmdLogo:hover { text-decoration:none; color:#9cc; }
#inhaltszeile {   }
	#hauptinhalte { padding-top:100px; /*border:1px solid #0f0;*/ }
#fusszeile {	}
.center {	width:960px; margin:auto; padding:0 10px; }

/* Main Nav */
.mainMenu {		 width:600px; float:right; text-transform:uppercase; position:relative; }
.mainMenu li {	 float:right; }
.mainMenu li a { display:block; padding:8px 10px 4px 10px; color:#fff; border-right:1px solid #fff; }
.mainMenu li:last-child a { border-left:1px solid #fff; }
.mainMenu li a:hover { text-shadow:0 0 5px #fff; background-color:#9cc; }

body.galerien a#galerien,
body.guenther-fischer a#guenther-fischer,
body.links a#links,
body.kontakt a#kontakt
{
	background-color:#9cc;
}

body.start #rahmen,
body.start #inhaltszeile,
body.galerien #rahmen,
body.galerien #inhaltszeile { height:100%; overflow:hidden; color:#ccc; text-shadow:none; }


#loader { position:absolute; top:45%; width:100%; text-align:center; text-transform:uppercase; text-shadow:-1px -1px 0px #333; color:#999; display:none; }



h1, h2, h3, h4, h5, h6 { color:#fff; text-shadow:-1px -1px 0px #000; }
h1 { padding-bottom:30px; }
p { padding-bottom:10px;}



.clearer {			clear:both; font-size:0; line-height:0; height:0; }
.abstandTop0 {		margin-top:0; }
.abstandTop10 {		margin-top:10px; }
.abstandTop30 {		margin-top:30px; }
.abstandBottom0 {	margin-bottom:0; }
.abstandBottom10 {	margin-bottom:10px; }
.abstandBottom30 {	margin-bottom:30px; }
.border10 { border:10px solid #fff;}
.border5 { border:5px solid #fff;}
.border3 { border:3px solid #fff;}
.border1 { border:1px solid #fff;}




/* * * * * * * * * * * *
 * * *  Tabellen   * * *
 * * * * * * * * * * * */




/* * * * * * * * * * * *
 * * *  Formulare  * * *
 * * * * * * * * * * * */

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	padding: 3px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
	color: #373737;
}

textarea { width: 48%; }

input[type=submit] { 
	padding:5px 10px; color:#fff; text-decoration:none;	border:none; cursor:pointer;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;
	background-color: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #666, #000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #666, #000); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #666, #000); /* IE10 */
	background-image:      -o-linear-gradient(top, #666, #000); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #666, #000);
}
input[type=submit]:hover { 
	text-decoration:none;
	-moz-box-shadow:1px 1px 3px #333; -webkit-box-shadow:1px 1px 3px #333; box-shadow:1px 1px 3px #333;
}


/* * * * * *  * * * * *
 * * *  Galerien  * * *
 * * * * * *  * * * * */

/* cg-Panel */
.cgPanelWrapper { width:100%; position:absolute; bottom:-300px; z-index:99990; }
.cgPanel { padding:5px 0; background:url(/images/bg-alpha-s75.png); }
.cgPanelTrigger { cursor:pointer; background:url(/images/bg-trigger.png) no-repeat center bottom; display:inline-block; width:50px; height:31px; }
.cgPanelTrigger img { margin-top:5px; }

/* categories */
.cBoxPanel { padding:5px 0 10px 0; }
.cBox { width:210px; height:210px; padding:5px; float:left; margin:10px; background:#fff url(/images/loader-w.gif) no-repeat center center; }
.cBoxInfo p { color:#fff; }
.cBox.active { width:180px; height:180px; padding:20px; }
.cBox.active img.cImage { width:180px; height:180px; }
.cBoxBG { width:100%; height:100%; display:none; background-color:#000; position:absolute; z-index:99; }
.cBoxInfo { width:100%; position:absolute; bottom:0; background:url(/images/bg-alpha-s75.png); z-index:999; height:0px; overflow:hidden; }

/* galeries */
.gBoxWrapper { display:none;  }
.gBoxPanel { padding:10px 0;  }
.gBox { width:140px; height:140px; padding:3px; float:left; margin:7px; background:#fff url(/images/loader-w.gif) no-repeat center center; }
.gBoxInfo p { color:#fff; }
.gBox img.gImage { width:140px; height:140px; }
.gBox.active { width:120px; height:120px; padding:13px; }
.gBox.active img.gImage { width:120px; height:120px; }
.gBoxBG { width:100%; height:100%; display:none; background-color:#000; position:absolute; z-index:99; }
.gBoxInfo { width:100%; position:absolute; bottom:0; background:url(/images/bg-alpha-s75.png); z-index:999; height:0px; overflow:hidden; }

/* images */
.iBoxWrapper { display:none; }
.iBoxPanel { position:relative; height:60px; overflow:hidden; padding:10px; }
.iBoxPanelItems { position:absolute; width:9999em; } 
.iBox { width:50px; height:50px; padding:1px; float:left; margin-right:3px; background:#fff url(/images/loader-w.gif) no-repeat center center; }
.iBoxInfo p { color:#fff; }
.iBox.active { width:40px; height:40px; padding:6px; }
.iBoxBG { width:100%; height:100%; display:none; background-color:#000; position:absolute; z-index:99; }

/* BG-Bilder der Boxen */
.cBoxImage, .gBoxImage, .iBoxImage {  
	display:block; position:relative; width:100%; height:100%; cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
	background-origin:content-box;
	background-size:cover;
}

.showboxNavi { 
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;
	cursor:pointer; background-color:#666; color:#000; display:inline-block; padding:2px 8px; 
}
.showboxNavi.inactive { background-color:#333; cursor:default; }
.showboxNavi:hover { background-color:#9cc; }
.showboxNavi.inactive:hover { background-color:#333; }


#pnlLoader { position:absolute;top:50%;left:50%;padding:9px;text-align:center;margin:-50px 0 0 -25px; background:url(/images/bg-loader-white.png); }  
#viewportSlides { position:relative;height:100%;overflow:hidden; }
.imgSlide { width:100%;height:100%;overflow:hidden;position:absolute;left:100%; }
.imgConti { text-align:center; }
.hidden { display:none; }



/* * * * * * * * * * * *
 * * *  Plug-Ins   * * *
 * * * * * * * * * * * */

/* Slidenav Plugins */

#slideNav { position:absolute; top:50px; right:-50px; z-index:9999; width:40px;}
.sprites.slidenav { 	
	margin:0 1px 1px 0;
	padding:0;
	text-indent:-2000px; 
	text-align:left; 
	text-decoration:none;
	width:40px; 
	height:40px; 
	font-size:0;
	border:none;
	display:block;
	float:left;
	background:#fff url(/images/sprites-slidenav.png) no-repeat 0px top;
	
	transition: background-position 0.3s, background-color 0.3s;
	-moz-transition: background-position 0.3s, background-color 0.3s; /* Firefox 4 */
	-webkit-transition: background-position 0.3s, background-color 0.3s; /* Safari and Chrome */
	-o-transition: background-position 0.3s, background-color 0.3s; /* Opera */	
}

.sprites.slidenav.prev {		background-position:0px top; }
.sprites.slidenav.prev:hover {	background-position:0px bottom; }
.sprites.slidenav.next {		background-position:-40px top; }
.sprites.slidenav.next:hover {	background-position:-40px bottom; }
.sprites.slidenav.back {		background-position:-80px top; }
.sprites.slidenav.back:hover {	background-position:-80px bottom; }
.sprites.slidenav.info {		background-position:-120px top; }
.sprites.slidenav.info:hover {	background-position:-120px bottom; }
.sprites.slidenav.full {		background-position:-160px top; }
.sprites.slidenav.full:hover {	background-position:-160px bottom; }
.sprites.slidenav.move {		background-position:-200px top; }
.sprites.slidenav.move:hover {	background-position:-200px bottom; }

.sprites.slidenav:hover {  background-color:#9cc; }

/* Column Layout */
.full_size { width:100%; margin-top:80px; }
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }




/* * * * * * * * * * * * *
 * * *  Responsive   * * *
 * * * * * * * * * * * * */

@media (max-width: 980px) {
	
}

@media (max-width: 650px) {
	
}

@media (max-width: 450px) {
	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

}


@media print {

}



/* * * * * * * * *
 * * *  IE   * * *
 * * * * * * * * */