/*
-----------------------------------------
global definitions...
-----------------------------------------
*/



@charset "utf-8";

html, body {
	height:100%;
}

body {
	margin:0; padding:0;
	overflow:auto;
	font: normal normal normal 0.7em/1.2em Arial, Helvetica, sans-serif;
}



body.indexStart { /* basic design of each section... */
	background:#fbe91b url(../_pics_gui/bg_yellow.jpg) fixed no-repeat bottom left;
	color:#000;
}

body.indexGFashion {
	background:#d9d9d9 url(../_pics_gui/bg_grey.jpg) fixed no-repeat bottom left;
	color:#000;
}

body.indexGPoint {
	background:#900000 url(../_pics_gui/bg_red.jpg) fixed no-repeat bottom left;
	color:#fff;
}

body.indexCalypso {
	background:#fff url(../_pics_gui/bg_chess.jpg) fixed no-repeat bottom left;
	color:#fff;
}

body.contentNormal {
	background:#fbe91b url(../_pics_gui/bg_yellow.jpg) fixed no-repeat bottom left;
	color:#000;
}



a:link, a:visited { /* regular link... */
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:none;
}

a.whitelink:link, a.whitelink:visited { /* white links... */
	color:#ddd;
	text-decoration:none;
}
a.whitelink:hover, a.whitelink:active {
	color:#ddd;
	text-decoration:none;
}
a.blacklink:link, a.blacklink:visited { /* white links... */
	color:#333;
	text-decoration:none;
}
a.blacklink:hover, a.blacklink:active {
	color:#333;
	text-decoration:none;
}



.inputField { /* basic styles for contact-form, sms-distribution... */
	font: normal normal normal 1em/1.2em Arial, Helvetica, sans-serif;
	width:242px; background:#e4d218; border:1px solid #000;
	padding-left:3px;
}






/*
-----------------------------------------
div-layers...
-----------------------------------------
*/



/* CLASSES */

.clear { /* necessary for the menu... */
	clear: both;
}

.footer { /* vertical spacer at the bottom of 'contentWrapper'... */
	position:absolute;
	left:0; bottom:-50px;
	height:20px;
}

.vertSpacer { /* vertical spacer for seperating parts within the layout... */
	position:absolute;
	left:0; top:0;
	height:20px;
}

.divContImg { /* container for images... */
	width:300px; 
/*	height:225px; */
	height:auto;
	border:0; margin:0; padding:0;
/*	background:#aaa; */
	margin-top:20px;
}

.divImgSl { /* bg sublines for images... */
	position:relative;
	left:0; top:3px;
	width:300px; height:25px;
	padding:5px 10px 0 10px;
	font-size:0.9em;
	background:url(../_pics_gui/bg_img_sl.png) no-repeat;
}

.divImgSlWhite { /* bg sublines for images... */
	position:relative;
	left:0; top:3px;
	width:300px; height:25px;
	padding:5px 10px 0 10px;
	font-size:0.9em; color:#fff;
	background:url(../_pics_gui/bg_img_sl.png) no-repeat;
}

.imgNoBorder {
	border:0;
}

.divContBox {
	position:absolute;
	top:0;
	width:170px; height:360px;
	float:left;
}

td.bgYTop {
	background:url(../_pics_gui/bg_170_top_y.png) no-repeat left top;
}

td.bgYMiddle {
	background:url(../_pics_gui/bg_170_middle_y.png) repeat-y left top;
}

td.bgYBtm {
	background:url(../_pics_gui/bg_170_btm_y_weiter.png) no-repeat left top;
}

td.bgYBtmM {
	background:url(../_pics_gui/bg_170_btm_y_mehr.png) no-repeat left top;
}





/* IDs */

#logoIndex { /* gfashion logo small... */
	position:absolute;
	left:20px; top:10px;
	width:248px; height:36px;
	z-index:20;
}

#mmenue { /* mainmenue (on top of site)... */
	position:absolute;
	left:20px; top:48px;
	width:350px; height:20px;
	text-align:right;
	z-index:21;
}


ul.submenu { /* link-menues placed on index... */
	margin:0 0 0 20px; padding:0;
	list-style-image:url(../_pics_gui/list_dot_black.gif);
}

ul.submenu li {
	margin:0; color:#333;
	text-transform:uppercase;
	padding:0;
}

ul.submenu li a:link, ul.submenu li a:visited, ul.submenu li a:active {
	color:#333;
	text-decoration:none;
}

ul.submenu li a:hover {
	color:#000;
}

ul.submenu li a:active {
	text-decoration:none;
}

ul.subsubmenu { /* link-menues placed on index... */
	margin:0 0 0 15px; padding:0;
	list-style-image:url(../_pics_gui/list_dot_black.gif);
}


ul.submenuWhite { /* link-menues placed on index (White)... */
	margin:0 0 0 20px; padding:0;
	list-style-image:url(../_pics_gui/list_dot_grey.gif);
}

ul.submenuWhite li {
	margin:0; color:#fff;
	text-transform:uppercase;
	padding:0;
}

ul.submenuWhite li a:link, ul.submenuWhite li a:visited {
	color:#ccc;
	text-decoration:none;
}

ul.submenuWhite li a:hover {
	color:#fff;
}

ul.submenuWhite li a:active {
	text-decoration:none;
}

ul.subsubmenuWhite {
	margin-left:18px;
}



#divIndexBoxcontainer { /* wrapper for the boxes placed on the index-page... */
	position:absolute;
	left:15px; top:169px;
	width:auto; height:auto;
}

#divNewsboxTop, #divSectSubTop { /* layers for the newsbox, section-submenu... */
	position:relative;
	left:0; top:-11px;
	width:200px; height:11px;
}

#divNewsbox, #divSectSub {
	position:absolute;
	left:15px; top:180px;
	width:200px; height:auto;
	text-align:justify;
}

#divNewsHL, #divSectSubHL { /* headline news... */
	position:relative;
	left:1px; top:-10px;
	width:180px; height:30px;
	padding:10px 0 0 10px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}

#divNewsboxBtm, #divSectSubBtm {
	position:relative;
	left:0; bottom:-11px;
	width:200px; height:11px;
}

#divTextWrapNews, #divTextWrapSSub { /* left and right 'margin' to fit with headlines... */
	position:relative;
	top:0; left:10px;
	width:180px; height:auto;
}



#divFlash { /* flash-header... */
	position:absolute;
	left:375px; top:10px;
	width:530px; height:150px;
	overflow:hidden;
}



#contentWrapper { /* wraps the 'divMainContent'-layer and sets a reference for the 'footer'-layer... */
	position:absolute;
	left:375px; top:169px;
	width:530px; height:auto;
}

#divContentTop { /* bg at top of content layer... */
	position:relative;
	left:0; top:-11px;
	width:530px; height:11px;
}

#divContentHL { /* headline indexStart... */
	position:relative;
	left:1px; top:-10px;
	width:510px; height:30px;
	padding:10px 0 0 10px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}

#divMainContent { /* content-layer... position aligns to 'contentWrapper' */
	position:relative;
	left:0; top:11px;
	width:530px; height:auto;
	text-align:justify;
}

#divContentBtm { /* bg at bottom of content layer... */
	position:relative;
	left:0; bottom:-11px;
	width:530px; height:11px;
}

#divTextWrap { /* left and right 'margin' to fit with headlines... */
	position:relative;
	top:0; left:10px;
	width:500px; height:auto;
}

#gmIFrame {
	width:510px; height:510px;
	margin:0; padding:0; border:0;
}



/*
-----------------------------------------
mainmenue (on top of site)...
-----------------------------------------
*/

#menu {
	list-style-type:none; padding:0; margin:0;
}

#menu ul {
	list-style-type:none; padding:0 3px 0 0; margin:0;
	display:inline;
}

#menu li {
	float:left; background:#fbe91b; margin:1px 1px 0 0; position:relative; width:auto; text-transform:uppercase;
}

#menu table { /* for IE5.5 and IE6 only */
	border-collapse:collapse; position:absolute; top:0; left:0; z-index:80; font-size:13px;
}


#menu a.stdCursor { /* fake no-link */
	cursor:default;
}

#menu li a {
	display:block;
	/* font: normal normal normal 1em/1.2em Arial, Helvetica, sans-serif; */
	font: normal normal normal 11px/12px Arial, Helvetica, sans-serif;
	width:auto;
	padding: 5px 10px;
	text-align:left;
}

#menu ul, #menu :hover ul ul, #menu :hover ul :hover ul ul, #menu :hover ul :hover ul ul.left {
	position:absolute; left:-9999px; width:68px;
}

#menu :hover ul { /* the background image is for IE7 */
	left:0;top:12px; background: url(../_pics_gui/spacer.gif);
} 

#menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul {
	padding:0 1px; left:68px; top:-1px; z-index:200;
}
#social_buttons {
	position:absolute;
	top:551px;
	left: 555px;
	border:none;
}

#google_link, #facebook_link {
	float:left;

}
#google_link {
	float:left;
	padding-right:13px;
}