/**
 * geoeff.net 2010
 */

@import url(TinyMCE.css);

* {
	padding:0;
	margin:0;
}
body {
	background-image:url(../images/wrapper-holder-hg.png);
	color: #000;
	text-align: center;
}
#wrapper-holder {
	width:100%;
	background-color:#F1C655;
	text-align: center;
	background-image:url(../images/wrapper-holder-hg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	position:relative;
	float:left;
}
#wrapper {
	margin:0 auto 0 auto;
	width:955px;
	text-align:left;
	background-image:url(../images/wrapper-bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
#wrapper-hg-fix {
	margin:0 auto 0 auto;
	width:955px;
	background-image:url(../images/wrapper-hg.png);
	background-repeat:repeat-y;
}
#header {
	width:955px;
	height:258px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
}
#logo {
	float:right;
	width:325px;
	height:55px;
}

#logo span {
	display:none;
}
#logo h1 a {
	display:block;
	width:325px;
	height:55px;
}
#mainmenu {
	float:left;
	width:741px;
	height:167px;
}
#spezial {
	float:left;
	width:210px;
	height:160px;
	color:#FFF;
}
#col-1 {
	width:160px;
	float:left;
	min-height:300px;
	clear:left;
}
#col-2 {
	width:630px;
	float:left;
	min-height:600px;
}
#col-2 .margin {
	margin:0 15px 40px 10px;
}

#col-3 {
	width:165px;
	position:relative;
	float:left;
	
}
#col-3 .margin {
	margin:0 0 90px 0;
}
	
#footer {
	width:955px;
	height:50px;
	margin:0 auto 0 auto;
	text-align:center;
	clear:both;
	display:block;
	background-image:url(../images/wrapper-holder-hg.png);
}

/* BANNERS ----------------------------------*/

.banneritem {
	margin-bottom:15px;
}

/* MAINNAVI OBEN ------------------------------------*/

#header  span {
	display:none;
}

#header  ul {
	list-style:none;
	margin:0 0 0 30px;
	padding:0;
	}

#header  ul li {
	float:left;
	margin:0;
	padding:0;
	}
#header  li.item1 a {
	display:block;
	height:167px;
	width:135px;
	
}
#header  li.item53 a {
	display:block;
	height:167px;
	width:126px;
	
}
#header li.item54 a {
	display:block;
	height:167px;
	width:129px;
	
}
#header  li.item55 a {
	display:block;
	height:167px;
	width:112px;
	
}
#header  li.item56 a {
	display:block;
	height:167px;
	width:95px;
	
}
#header  li.item57 a {
	display:block;
	height:167px;
	width:111px;
}
/* SUBNAVI LINKS ----------------------------*/
#menubox  ul li ul li {
	margin-left:10px;
}
#menubox  ul {
	list-style:none;
	margin-left:14px;
	width:130px;
	}
#menubox  ul li ul {
	width:120px;
}
#menubox ul li{
	display:block;
	background-image:url(../images/menu-pf-s.gif);
	background-repeat:no-repeat;
	margin-top:7px;
	}
#menubox  ul li.menu-active {
	display:block;
	background-image:url(../images/menu-pf-w.gif);
	background-repeat:no-repeat;
	}
#menubox .topborder {
	height:9px;
	width:160px;
	background-image:url(../images/menu-top.png);
	background-repeat:no-repeat;
}
#menubox {
		background-image:url(../images/menu-hg.png);
		color:#FFF;
		margin-bottom:30px;
}
#menubox a {
		padding:0 0 0 13px;
		text-decoration:none;
		color:#000;
		display:block;
}
#menubox  ul li.menu-active a {
	color:#fff;
}
#menubox  ul li.menu-active ul li.menu-active a{
	color:#fff;
}
#menubox  ul li.menu-active ul li a {
	color:#000;
}
#menubox a:hover {
		text-decoration:underline;
}

#menubox .bottomborder {
	height:9px;
	width:160px;
	background-image:url(../images/menu-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#menubox h3 {
	color:#FFF;
	width:130px;
	font-weight:bold;
	font-size:12px;
	border-bottom:#FFF dotted 1px;
	margin:0 0 5px 7px;
	padding:0 0 3px 0;
}

/* INFOBOX LINKS -----------------------------*/
#infobox {
		background-image:url(../images/infobox-hg.png);
		color:#FFF;
		margin-bottom:120px;
		float:left;
		display:block;
		width:160px;
}
#infobox .topborder {
	height:9px;
	width:160px;
	background-image:url(../images/infobox-top.png);
	background-repeat:no-repeat;
	float:left;
	display:block;
}
#infobox .bottomborder {
	height:9px;
	width:160px;
	background-image:url(../images/infobox-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	display:block;
}
#infobox p {
	padding:0 0 14px 7px;
}
#infobox h3 {
	color:#FC0;
	width:130px;
	font-weight:bold;
	font-size:12px;
	border-bottom:#F90 dotted 1px;
	margin:0 0 5px 7px;
	padding:0 0 3px 0;
}
#infobox a {
	color:#FC0;
	text-decoration:none;
}
#infobox a:hover {
	text-decoration:underline;
}
/* 2 SPALTENBOX -------------------------------*/
.box-2-col-content {
	float:left;
	clear:both;
	width:100%;
}
.box-2-col-content-col-1 {
	float:left;
	width:60%;
}
.box-2-col-content-col-2 {
	float:left;
	width:30%;
	padding-left:15px;
}

/* SHIRTCREATOR ------------------------------*/
body#shirtcreator #col-3 {
	display:none;
}
body#shirtcreator #col-2 {
	width:795px;
}
body#shirtcreator #col-2 .margin {
	margin:0 00px 20px 0px;
}
body#shirtcreator #header {
	background-image:url(../images/header-shop.png);
	background-repeat:no-repeat;
}
body#shirtcreator #wrapper {
	background-image:url(../images/wrapper-bottom-shop.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
body#shirtcreator #wrapper-hg-fix {
	background-image:url(../images/wrapper-hg-shop.png);
	background-repeat:repeat-y;
}
body#shirtcreator #col-2 h1 {
		width:96%;
	}
/* KATALOG ÜBERSICHTSSEITE -------------------*/
#col-2 .news-list-container {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	float:left;
	width:100%;
	border-bottom:#000	dotted	1px;
	width:600px;
}

#col-2 .news-list-item {
	float:left;
	width:190px;
	height:230px;
	margin:0 4px 10px 4px;
	background-image:url(../images/katalog-teaser-link.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#FFF;
	text-align:center;
}
#col-2 .news-list-item a {
	margin:0 auto 0 auto;
	padding:0 auto 0 auto;
	text-align:center;
	
}
#col-2 .news-list-item a img {
	margin:0 auto 0 auto;
	padding:0 auto 0 auto;
	text-align:center;
	
}

#col-2 .news-list-morelink a {
	text-align:right;
	display:block;
	padding:5px 10px 0 0;
	margin:0;
	height:20px;
	clear:both;
}
#col-2 .news-single-item {
	padding:0 0 30px 0;
	margin:0;
	float:left;
	width:600px;
}
#col-2 .news-single-item h3 img {
	padding-left:10px;
	float:right;	
}
/* KATALOG TABELLE --------------------------------------------------------------*/
#col-2 .margin table.katalog-tabelle-shirts,
#col-2 .margin table.katalog-tabelle-girlie,
#col-2 .margin table.katalog-tabelle-kapuze,
#col-2 .margin table.katalog-tabelle-langarm,
#col-2 .margin table.katalog-tabelle-polo,
#col-2 .margin table.katalog-tabelle-traeger {
	width:600px;
	height:200px;
	clear:both;
}


#col-2 .margin table.katalog-tabelle-shirts tr td.gr-row,
#col-2 .margin table.katalog-tabelle-girlie tr td.gr-row,
#col-2 .margin table.katalog-tabelle-kapuze tr td.gr-row,
#col-2 .margin table.katalog-tabelle-langarm tr td.gr-row,
#col-2 .margin table.katalog-tabelle-polo tr td.gr-row,
#col-2 .margin table.katalog-tabelle-traeger tr td.gr-row {
	border-bottom:#CCC solid 1px;
	border-left:#CCC solid 1px;
}
#col-2 .margin table.katalog-tabelle-shirts tr,
#col-2 .margin table.katalog-tabelle-girlie tr,
#col-2 .margin table.katalog-tabelle-kapuze tr,
#col-2 .margin table.katalog-tabelle-langarm tr,
#col-2 .margin table.katalog-tabelle-polo tr,
#col-2 .margin table.katalog-tabelle-traeger tr {
	height:35px;
}

#col-2 .margin table.katalog-tabelle-shirts {
	background-image:url(../../images/stories/katalog/groessenbilder/shirts.jpg);
	background-repeat:no-repeat;
}
#col-2 .margin table.katalog-tabelle-girlie {
	background-image:url(../../images/stories/katalog/groessenbilder/girlie.jpg);
	background-repeat:no-repeat;
}
#col-2 .margin table.katalog-tabelle-kapuze {
	background-image:url(../../images/stories/katalog/groessenbilder/kapuze.jpg);
	background-repeat:no-repeat;
}
#col-2 .margin table.katalog-tabelle-langarm {
	background-image:url(../../images/stories/katalog/groessenbilder/langarm.jpg);
	background-repeat:no-repeat;
}
#col-2 .margin table.katalog-tabelle-polo {
	background-image:url(../../images/stories/katalog/groessenbilder/polo.jpg);
	background-repeat:no-repeat;
}
#col-2 .margin table.katalog-tabelle-traeger {
	background-image:url(../../images/stories/katalog/groessenbilder/traeger.jpg);
	background-repeat:no-repeat;
}
#col-2 .margin table tr td.top-line, #col-2 .margin table tr td.gr-row {
	font-size:16px;
	font-weight:bold;
	color:#970000;
}
/* FORMULARE -----------------------------------------border:#ddd	solid 1px;-----------------------------------------------*/
#col-2 form {
	clear:both;
}
#col-2 .csc-mailform {
	clear:both;
}
#col-2 .csc-mailform-field {
	display:block;
	margin:0 0 0;
	border:0;
	clear:left;
	padding:10px 0 0 0;
	width:370px;
	}
#col-2 .csc-mailform-field label {
	padding:5px 0 5px 0;
	width:340px;
	display:block;
	
}
#col-2 select {
	float:left;
	margin:0 4px 4px 0;
	border:0;
	clear:left;
	}
#col-2 .csc-mailform {
	margin:0;
	padding:0;
	border:0;
	}
#col-2 .csc-mailform-field textarea {
	clear:left;
	float:left;
	width:300px;
	}
#col-2 .csc-mailform-field input {
	clear:left;
	float:left;
	width:250px;
	}
#col-2 legend {
	display:none;
	}
#col-2 fieldset#mailformfahrt1 {
	border:0px;
	}
#col-2 input.csc-mailform-radio, input.csc-mailform-check {
	float:left;
	padding-right:10px;
	}
#col-2 input.checkboxx {
	margin:0 5px 0 0;
	padding:0;
	border:0;
}
#col-2 input#mailformattachment1 {
	
}
#col-2 tr.tr-line-top {
	background-color:#C60;
}
#col-2 tr.tr-line {
	background-color:#C90;
}
/* FOOTER MENÜ -------------------------------*/
#footer ul.menu {
	list-style:none;
	margin:0 auto 10px auto;
	height:20px;
	width:500px;
}
#footer ul.menu li{
	float:left;
	margin-left:10px;
}
#footer  ul.menu li a {
	color:#ffd056;
	text-decoration:none;
}
#footer ul.menu li a:hover {
	text-decoration:underline;
}
/* GALERIE ANSICHEN -----------------------------------------------------------*/

#col-2 .csc-textpic-imagerow {
	margin:0;
	padding:0;
	width:600px;
}
#col-2 .csc-textpic-imagerow ul, #col-2 .csc-textpic-imagewrap ul {
	margin:0;
	padding:0;
	
}

#col-2 .csc-textpic-imagewrap img {
	padding-bottom:7px;
}
#col-2 .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap img {
	padding-bottom:7px;
	background-color:#FFF;
	padding-left:7px;
}
/* LISTEN ------------------------------------*/
#col-2 ul, #col-2 ol {
	display:block;
	margin:7px 0 7px 0;
	padding-left:30px;
}
/* FONTS ------------------------------------*/
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:140%;
}
#spezial .vmCartModule {
	color:#FFF;
	font-weight:bold;
}
#spezial .vmCartModule a {
	color:#FFF;
	text-decoration:none;
}
#spezial .vmCartModule a:hover {
	text-decoration:underline;
}
#col-3 a img,
#col-2 a img {
	border:0;
}


#col-2 h1, #col-2 h2, #col-2 h3, #col-2 h4, #col-2 h5, #col-2 h6 {
    margin:0 0 0.35em 0;
	font-weight: normal;
}

#col-2  h1 { font-size:28px; line-height:120%;}                       /* 30px */
#col-2  h2 { font-size:24px; line-height:120%;}                       /* 24px */
#col-2  h3 { font-size:20px; color:#E5781E; line-height:110%;}                       /* 18px */
#col-2  h4 { font-size:16px; line-height:120%;}                    /* 16px */
#col-2  h5 { font-size:14px; line-height:120%;}                    /* 14px */
#col-2  h6 { font-size:12px; line-height:120%;}                    /* 14px */

#col-2 h1, #col-2 .componentheading {
	margin:0 0 0.35em 0;
	font-weight:normal;
	font-size:28px;
	margin-bottom:10px;
	font-weight:lighter;
	padding-bottom:12px;
	line-height:120%;
	color:#000;
	background-image:url(../images/h1-line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
} 
  
#col-2 hr {
	height:0px;
	border:0px;
	border-top:#000 dotted 1px;
	margin-bottom:1em;
}
#col-2 ul {
	display:block;
	margin-left:20px;
	list-style:circle;
	color:#666;
}
#col-2 p {
	margin:1em 0 1em 0;
	color:#666;
}
#col-2 p strong {
	color:#666;
}
#col-2 p em {
	color:#666;
}
#col-2 p.buttonheading {
	margin:0;
	padding:0;
}
#footer {
	color:#FFF;
	font-size:12px;
}
#footer p {
	margin: 0 0 10px 0;
	clear:both;
}
#col-2 a, #col-2  a strong{
	color:#B44F25;
	text-decoration:none;
}
#col-2 a:hover, #col-2  a:hover strong{
	text-decoration:underline;
}
/* hacks *----------------------------------/
/* siempre debe ir al final de esta página */

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


*/