/* RESET */
*{
	margin:0;
	padding:0;
	outline:0;
	vertical-align:baseline;
   	text-align: left;
}

* html body * { 
	overflow:visible;
}

html {
	height:100%; 
	margin-bottom:1px;
	font-size:100%;
}

h1,h2,h3,h4,h5{
	font-size:100%;
	font-weight:bold;
}

fieldset, img, form { 
	border-width:0;
	border-style:solid;
	margin:0;
	padding:0; 
}

img {
    vertical-align:top;
}


/* HELPER */
.clear {
	clear:both;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/* LINKS */
a, a:link, a:active, a:focus, a:visited {
    text-decoration:underline;
    color:#0067a0;
} 

a:hover {
    text-decoration:none;
}


/* LAYOUT */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	position:relative;
	color:#000000;
	background:#d9d9d9 url(../img/layout/background.png) top left repeat-x;
    height: 100%;	
}

h2 a {
    display:block;
    height:148px;
    width:215px;
    background:url(../img/layout/grosso_logo.png) top left no-repeat;
    position:absolute;
    cursor:pointer;
    top:71px;
    right:20px;
    z-index:100;
}

h2 a span {
    display:none;
}

#wrap {
    position:relative;
    min-height: 100%; 
}

* html #wrap
{
    height: 100%;
}

#page {
    width:950px;
    margin:0 auto;
    padding:0 5px 126px 5px;
    position:relative;
}

* html #page
{
    height: 100%;
}

#head {
    height:51px;
}

ul#navi {
    height:30px;
    display:block;
    list-style-type:none;
    padding-top:10px;
}

ul#navi li {
    display:block;
    float:left;
    height:30px;
}

ul#navi li a {
    display:block;
    height:30px;
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(../img/layout/navi.png);
    width:100px;
    margin-right:15px;
}

ul#navi li a span {
    display:none;
}

ul#navi li.start a {
    width:80px;
}

ul#navi li.start a:hover,
ul#navi li.start.current a {
    background-position:0 -120px;
}

ul#navi li.ueber-presse-grosso a {
    width:195px;
    background-position:0 -30px;
}

ul#navi li.ueber-presse-grosso a:hover,
ul#navi li.ueber-presse-grosso.current a {
    background-position:0 -150px;
}


ul#navi li.einzelhandel a {
    width:145px;
    background-position:0 -60px;    
}

ul#navi li.einzelhandel a:hover,
ul#navi li.einzelhandel.current a {
    background-position:0 -180px;
}

ul#navi li.kontakt a {
    width:103px;
    background-position:0 -90px;    
}

ul#navi li.kontakt a:hover,
ul#navi li.kontakt.current a {
    background-position:0 -210px;
}

ul#subnavi {
    display:block;
    width:210px;
    margin:2px 20px 10px 0;
    float:right;
    list-style-type:none;
}

ul#subnavi li {
    list-style-type:none;
    display:block;
}

ul#subnavi li a {
    display:block;
    margin:0 1px 0 2px;
    background-image:url(../img/layout/subnavi_seperator.png);
    background-position:bottom left;
    background-repeat:repeat-x;
    height:40px;
    line-height:38px;
    font-size:14px;
    text-decoration:none;
    color:#000000;
    padding-left:25px;
}

ul#subnavi li.current a,
ul#subnavi li a:hover {
    background-image:url(../img/layout/subnavi_active.png);
}

ul#subnavi li.current a {
    font-weight:bold;
}

img.side_img {
    position:absolute;
    right:20px;
    bottom:0;
}

div#main {
    margin-top:20px;
    position:relative;
}

div#main div.headimg {
    width:950px;
}

div#main div.headimg img {
    width:950px;
}

div#footer {
    background:url(../img/layout/footer_background.png) bottom left repeat-x;
    position: absolute;
    height:126px;
    bottom:0;
    left:0;
    width:100%;
    color:#6b6b6b;
    font-size:11px;
}

* html #footer {
    bottom: -1px;
}

div#footer_inner {
    width:950px;
    margin:0 auto;
    padding:20px 0 0 0;
}

a#mediencentrum {
    display:block;
    height:15px;
    width:470px;
    float:left;
    background:url(../img/layout/mediencentrum_giesdorf.png) top left no-repeat;
}

a#mediencentrum span {
    display:none;
}

a#giesdorf {
    display:block;
    height:15px;
    width:128px;
    float:right;
    background:url(../img/layout/www_giesdorf.png) top left no-repeat;
}

a#giesdorf span {
    display:none;
}

div#footer_links {
    display:block;
    text-align:right;
    clear:both;
    padding-top:20px;
}

div#footer_links a {
    color:#6b6b6b;
    text-decoration:none;
}

div#footer_links a:hover,
div#footer_links a.current {
    text-decoration:underline;
}

/* Inhalt */
div#content {
    width:950px;
    padding-bottom:20px;
}

h1 {
    font-size:25px;
    font-weight:bold;
    font-style:italic;
    line-height:30px;
}

h1 span {
    color:#faee16;
}

h3 {
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    margin-top:25px;    
}

h4 {
    font-weight:bold;
    font-size:16px;
    line-height:20px;
}

p {
    margin-top:25px;
}

p.less {
    margin-top:5px;
}

dl.links dt {
    margin-top:5px;
} 

dl.links dd a {
    background:url(../img/layout/world.png) center left no-repeat;
    padding-left:20px;
    display:block;
    height:16px;
    line-height:16px;
    width:200px;
}

span.indent {
    display:inline-block;
    width:55px;
}

div.breadcrumb {
    margin-top:15px;
    font-size:10px;
    text-transform:uppercase;
}

div.breadcrumb span {
    margin:0 5px;
}

div.breadcrumb a {
    color:#000000;
}

/* Templates */
body.default div#content {
    background:url(../img/layout/content_background.png) top left no-repeat;
}

body.default div#inner_content {
    float:left;
    padding-top:20px;
    width:710px;
}

/* Startseite */

body#start h1 {
    color:#ffffff;
}

body#start div#inner_content {
    position:absolute;
    top:0;
    left:0;
    color:#ffffff;
    padding:50px 0 0 20px;
    width:530px;
}

body#start div.start_imgs {
    width:950px;
    border-top:2px solid #ffffff;
}

body#start div.start_imgs img {
    width:236px;
    height:236px;
    float:left;
    border-right:2px solid #ffffff;
}

body#start div.start_imgs img.last {
    border-right:none;
}

/* Kontakt */
body#kontakt iframe {
    margin-top:15px;
    border-width:1px;
    border-style:solid;
    border-color:#cccccc #ffffff #ffffff #cccccc;
}

div.asp_box {
    width:288px;
    height:154px;
    background:#0070ac url(../img/layout/asp_box.png) top left no-repeat;
    float:left;
    border-style:solid;
    border-color:#ffffff;
    border-width:0 1px 1px 0;
    padding:10px;
    color:#ffffff;
    margin-right:53px;
    margin-top:10px;
}

div.asp_box.no_margin {
    margin-right:0;
}

div.asp_box img {
    float:left;
    height:154px;
    width:108;
    margin-right:10px;
}

div.asp_box p {
    margin-top:10px;
    line-height:15px;
    font-size:11px;
}

div.asp_box a {
    color:#bfdbea;
}

/* Rundgang */

div#gallery {
    width:950px;
    height:580px;
    overflow:hidden;
    position:relative;
}

div#gallery div#view {
    width:10000em;
    height:580px;
}

div#gallery div#view div.gallery_item {
    width:950px;
    height:580px;
    float:left;
}


div#gallery div#view div.gallery_item div.gallery_text {
    height:63px;
    padding:5px 20px 0 20px;
    background:#ffffff;
}

div#gallery div#view div.gallery_item div.gallery_text p {
    margin-top:0;
}

div#gallery_overlay {
    width:950px;
    height:580px;
    background:url(../img/layout/gallery_overlay.png) top left no-repeat;
    position:absolute;
    top:0;
    left:0;
    z-index:50;
}

div#gallery_navi {
    height:30px;    
    line-height:30px;
    text-align:center;
}


div#gallery_navi a.navi_item {
    display:inline-block;
    height:30px;
    width:20px;
    background-image:url(../img/layout/gallery_locator.png);
    background-position:top right;
    background-repeat:no-repeat;
}

div#gallery_navi a.navi_item.current {
    background-position:top left;   
}

div#gallery_navi a.navi_item span {
    display:none;
}

div#gallery_navi a {
    vertical-align:middle;
}

div#gallery_navi #navi_prev,
div#gallery_navi #navi_next {
    display:inline-block;
    color:#727272;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    height:30px;
    line-height:30px;
    background-image:url(../img/layout/gallery_arrows.png);
    background-repeat:no-repeat; 
}

div#gallery_navi #navi_prev:hover,
div#gallery_navi #navi_next:hover {
    text-decoration:underline;
}

div#gallery_navi #navi_prev.disabled:hover,
div#gallery_navi #navi_next.disabled:hover {
    text-decoration:none;
}

div#gallery_navi #navi_prev {
    padding-left:15px;
    margin-right:10px;
    background-position:0 1px;
}

div#gallery_navi #navi_next {
    padding-right:15px;
    margin-left:5px;
    background-position:100% -28px;
}


div#gallery_navi #navi_prev.disabled,
div#gallery_navi #navi_next.disabled {
    color:#b6b6b6
}

div#gallery_navi #navi_prev.disabled {
    background-position:0 -58px;    
}

div#gallery_navi #navi_next.disabled {
    background-position:100% -88px;    
}

body#ueber-presse-grosso_rundgang ul#subnavi {
    position:absolute;
    top:258px;
    right:20px;
    background:url(../img/layout/content_background.png) top right no-repeat;    
    height:250px;
    margin:2px 0 10px 0;
    z-index:1000;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;    
}

body#ueber-presse-grosso_rundgang ul#subnavi:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;   
}

body#ueber-presse-grosso_rundgang h1 {
    position:absolute;
    top:20px;
    left:20px;
    color:#ffffff;
}