/************************************************** 
GRUNDFORMATIERUNGEN 

***************************************************/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    list-style-type:none;
    margin:0;
    outline-style:none;
    outline-width:0;
    padding:0;
    text-decoration:none;
    vertical-align:baseline;
}


body 
{ 
    background-color: #f9ecc8; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #94504C;
    background-image: url(../images/hg_main.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* umgebendes div zur etwaigen, späteren und zusätzlichen positionierung */
#hull {}

/* links allgemein*/
a { color: #94504C; text-decoration: underline; }

a:hover { color: #384075; }

/* links subnavi */
#subnavi_service, #subnavi_kontakt
{
    position: absolute; 
    width: 160px; 
    left: 152px; 
    top: 152px;
    line-height: 1.9em; 
    opacity: 0.0; 
    filter:Alpha(opacity=0);
    display: none;
    /*border: 1px solid #ff0000;*/
}

#subnavi_kontakt 
{ 
    top: 174px; 
    left: 148px;     
}

#subnavi_service a, #subnavi_kontakt a 
{ 
    font-size: 0.9em;
    font-family: times new roman, serif;
    color: #7C2D42;
    padding: 0px 0px 0px 13px;
    line-height: 1.9em;
    background-image: url(../images/icon_main_navi_dark.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-decoration: none;
}

#subnavi_service a:hover, #subnavi_kontakt a:hover 
{ 
    color: #CD9967;
    background-image: url(../images/icon_main_navi_bright.gif);
}


ul#service li
{
    list-style-type: disc;
    padding: 0px 0px 4px 0px;
    margin-left: 20px;
}

ul#service li p, p.checkliste_p
{
    padding: 16px 0px 16px 0px;
    font-weight: bold;
}



/* weiterblätter-funktion galerie */
a.gross { text-decoration: none; font-weight: bold; font-size: 1.2em;}
#text_normal_semi { font-size: 1.2em; }
/************************************************** 
LAYOUT
LINKS -HAUPTNAVIGATION- 

***************************************************/
#left
{
    float: left;
    width: 230px;
}

ul#main_navi
{
    float: right;
    width: 90px;
    margin-top: 21px;
    font-family: times new roman, serif;
}

ul#main_navi li
{
    float: right;
}

ul#main_navi a
{
    font-size: 0.9em;
    color: #7C2D42;
    padding: 0px 0px 0px 13px;
    line-height: 1.9em;
    background-image: url(../images/icon_main_navi_dark.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    text-decoration: none;
}

ul#main_navi a:hover
{
    color: #CD9967;
    background-image: url(../images/icon_main_navi_bright.gif);
}

ul#main_navi .main_navi_active
{
    font-size: 0.9em;
    color: #CD9967;
    padding: 0px 0px 0px 13px;
    line-height: 1.9em;
    background-image: url(../images/icon_main_navi_bright.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
}
/************************************************** 
LAYOUT
RECHTS -CONTENT- 

***************************************************/
#right
{
    float: left;
    width: 500px;
    padding: 79px 0px 20px 131px;
    /* background-color: #ffffff; */
}

.right_top_right
{
    float: left;    
    padding: 20px 0px 0px 24px;
}



.right_content
{
    width: 433px;
}

.right_slogan_pic
{
    position: relative;
    left: -60px;
}

.right_slogan_text
{
    font-family: times new roman, serif;
    font-size: 2.1em;
    font-weight: normal;
}


/************************************************** 
ALLGEMEINE DEFINITIONEN


***************************************************/
/* setzt floats zurueck */
.clear_floats
{
    clear: both;
}

/* floatet links einfach */
.float_left
{
    float: left;
}

.float_right
{
    float: right;
}



/***************************************************
MODUL MODE-SORTIMENT

****************************************************/
.galBg {
    background-color: none;
    /*overflow:auto;*/
}


/* navigation */
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10, 
#nav11, #nav12, #nav13, #nav14, #nav15, #nav16, #nav17, #nav18, #nav19, #nav20 
{
    overflow:          hidden;
    /*padding:           0px 0px 10px 10px;
    background-color:   #ff0000;*/
}

#nav1 ul, #nav2 ul, #nav3 ul, #nav4 ul, #nav5 ul, #nav6 ul, #nav7 ul, #nav8 ul, #nav9 ul, #nav10 ul, 
#nav11 ul, #nav12 ul, #nav13 ul, #nav14 ul, #nav15 ul, #nav16 ul, #nav17 ul, #nav18 ul, #nav19 ul, #nav20 ul
{	
	width:             20000px;
	margin:            0 auto;
    margin-left:        0px;	
	padding:           0px;
}

#nav1 li, #nav2 li, #nav3 li, #nav4 li, #nav5 li, #nav6 li, #nav7 li, #nav8 li, #nav9 li, #nav10 li, 
#nav11 li, #nav12 li, #nav13 li, #nav14 li, #nav15 li, #nav16 li, #nav17 li, #nav18 li, #nav19 li, #nav20 li 
{	
	float:             left;
	padding-left:      1px;
	list-style-type:   none !important;
	text-align:        center;
	margin:            0px !important;
	/* width:             100px; */
}

#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a, #nav8 a, #nav9 a, #nav10 a, 
#nav11 a, #nav12 a, #nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a, #nav18 a, #nav19 a, #nav20 a 
{
	color:             #333333;
	display:           block;
	position:          relative;
	text-decoration:   none;
}	

#nav1 a.current img, #nav2 a.current img, #nav3 a.current img, #nav4 a.current img, #nav5 a.current img, #nav6 a.current img, 
#nav7 a.current img, #nav8 a.current img, #nav9 a.current img, #nav10 a.current img, #nav11 a.current img, #nav12 a.current img, 
#nav13 a.current img, #nav14 a.current img, #nav15 a.current img, #nav16 a.current img, #nav17 a.current img, #nav18 a.current img, 
#nav19 a.current img, #nav20 a.current img 
{
	/* border-color:       #D8966E; */
	border-color:       #ff0000;
}

#nav1 img, #nav2 img, #nav3 img, #nav4 img, #nav5 img, #nav6 img, #nav7 img, #nav8 img, #nav9 img, #nav10 img, 
#nav11 img, #nav12 img, #nav13 img, #nav14 img, #nav15 img, #nav16 img, #nav17 img, #nav18 img, #nav19 img, #nav20 img 
{
	background-color:  none;
	border:            1px solid #C6BFAB;
	margin:            6px;
	padding:           1px;		
	display:           block;
	/* height:            56px; */
	width:             52px;
}


/* panes */
#panes1, #panes2, #panes3, #panes4, #panes5, #panes6, #panes7, #panes8, #panes9, #panes10, 
#panes11, #panes12, #panes13, #panes14, #panes15, #panes16, #panes17, #panes18, #panes19, #panes20 
{
	/* background:        #ffffff;
	border-color:      #F3DBBA;
	border-style:      solid;
	border-width:      1px 1px 0; */
	
	height:            285px;
	padding:           6px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:          relative;
}


#panes1 p.artInhalt, #panes2 p.artInhalt, #panes3 p.artInhalt, #panes4 p.artInhalt, #panes5 p.artInhalt, 
#panes6 p.artInhalt, #panes7 p.artInhalt, #panes8 p.artInhalt, #panes9 p.artInhalt, #panes10 p.artInhalt, 
#panes11 p.artInhalt, #panes12 p.artInhalt, #panes13 p.artInhalt, #panes14 p.artInhalt, #panes15 p.artInhalt, 
#panes16 p.artInhalt, #panes17 p.artInhalt, #panes18 p.artInhalt, #panes19 p.artInhalt, #panes20 p.artInhalt 
{
    height:             250px; 
    overflow:           auto; 
    overflow-x:         hidden; 
    font-size:          0.85em; 
    margin:             0px; 
    padding-right:      20px;
}



/* crossfading effect needs absolute positioning from the elements */
#panes1 div, #panes2 div, #panes3 div, #panes4 div, #panes5 div, #panes6 div, #panes7 div, #panes8 div, #panes9 div, #panes10 div, 
#panes11 div, #panes12 div, #panes13 div, #panes14 div, #panes15 div, #panes16 div, #panes17 div, #panes18 div, #panes19 div, #panes20 div 
{
	display:           none;		
	position:          absolute;
	padding-right:     6px;
	width:             422px;
	text-align:        center;
}

#panes1 img, #panes2 img, #panes3 img, #panes4 img, #panes5 img, #panes6 img, #panes7 img, #panes8 img, #panes9 img, #panes10 img, 
#panes11 img, #panes12 img, #panes13 img, #panes14 img, #panes15 img, #panes16 img, #panes17 img, #panes18 img, #panes19 img, #panes20 img 
{
	/* width:             180px;
	height:            340px; 
    float:             left;
	margin-right:      12px;*/
    cursor:            pointer;		
	background-color:  none;
	border:            1px solid #C6BFAB;
	padding:           1px;		
}


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color: #ffffff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	/* width:100px;
	height:75px; */
    	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	/* border:2px solid #000; */
	z-index:9999;
	position:relative;
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 348px;
	height:155px;

	/* custom decorations */
	/*border:1px solid #ccc;
	 background:url(/img/global/gradient/h300.png) repeat-x; */

}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.gif) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin: 34px 10px 0px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a#test.inactive {
	visibility:hidden !important;		
} 	


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

#iniBox {  z-index: 100000; }

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#ffffff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    display: none;
    font-family: verdana, arial, sans-serif;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;
}

/* the "information box" */
.info {
	position:absolute;
	bottom: 0px;
	left: 0px;	
	padding: 10px 15px;
	color: #ffffff;
	font-size:11px;
	border-top: 1px solid #666;
	/* display: none; */
	font-family: verdana, arial, sans-serif;
	line-height: 1.2em;
}

.info strong {
	display:block;
    color: #ffffff;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background-color: #333333 !important;
	background: rgb(0, 0, 0) url(../images/h80.png) repeat-x;
	/**//*
	background: rgba(0, 0, 0, 0.6) url(../bilder/h80.png) repeat-x;*/
}