@import url('reset-min.css') ;
@import url('fonts-min.css') ;


/*
If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197*/
body {
	background: transparent url(../img/bg_header.png) scroll repeat-x center top;
	min-width:1000px;
	text-align: center;
	font-family: verdana,sans-serif;
}

a{
	border-bottom: 1px solid #999;
	color: #666;
	text-decoration: none;
}

a:hover{
	border-bottom: 1px solid #000;
	color: #000;
}

p.bodytext {
	margin-bottom: 10px;
}	

img.frontEndEditIcons {
	display: none;
}
table.typo3-editPanel {
display: none;
}
table { 
background-color: none;
}

#wrapper {
	width:900px;
	margin:0 auto;
	text-align: left;
}


#doc {
}

#threecol-left {
    margin:0 27px 0 0;
	width:282px;
	float:left;
	padding-top: 22px;
}
#threecol-center {
    margin:0 27px 0 0;
	width:282px;
	float:left;
	padding-top: 22px;
}

#threecol-right {
	width:282px;
	float:left;
	padding-top: 22px;
}

#twocol-left {
	width:303px;
	margin:0 0 0 6px;
	color:#666;
	float:left;
}
#twocol-right {
	width:591px;
	margin:22px 0 0 0;
	color:#666;
	float:left;
}
#twocol66_33-left {
	width:618px;
	color:#666;
	float:left;
	padding-top: 22px;
}
#twocol66_33-right {
	width:282px;
	color:#666;
	float:left;
	padding-top: 22px;
}

#twocol66_33-left h2{
    margin-left: 6px;
	color:#666;
	font-weight: bold;
	margin-bottom: 9px;
}

h5{
    margin-left: 6px;
	color:#666;
	font-weight: bold;
	margin-bottom: 9px;
	font-size:108%;
}

#twocol66_33-left .adbox_top {
    width: 282px;
	margin-right: 21px;
	margin-bottom: 0;
}
#twocol66_33-left p.bodytext {
    margin-left: 6px;
}
#twocol66_33-left div.csc-textpic.csc-textpic-left.csc-textpic-above .csc-textpic-imagewrap {
	margin-left: 6px;
}
#twocol66_33-left div.csc-textpic.csc-textpic-left.csc-textpic-above .csc-textpic-imagewrap a {
	border-bottom: 0 none;
}
.adbox_top {
    height:503px;
	background: url(../img/box_offer_top.png) top left no-repeat; 
	float: left;
	margin-bottom: 25px;
}


.adbox_bottom {
	background:url(../img/box_offer_bottom.png) bottom left no-repeat;
	color:#666;
    padding:13px 16px 0 0;
	height:100%;
}

.adbox_bottom img.adboxshop {
	clear: both;
	width: 260px;
	padding: 0px 0px 6px 0px;
	margin: 3px 0 0 11px;
}

img.adboxlogo {
	float:left;
	margin-left: 18px;
	margin-bottom:3px;
}

.adbox_bottom .adboxtimes {
	margin-left: 115px;
	padding-top:3px;
	color:#fccb2c;
}

.adbox_bottom p.adboxtimes {
	font-weight: bold;
	font-size: 11px;
	height:45px;
}

#twocol66_33-left .adbox_bottom h2,
.adbox_bottom  h2{
	clear:both;
	color:#666;
	font-size:85%;
	margin: 0;
	padding:8px 0 9px 18px;
	font-weight: bold;
}

.adboxtext {
	width:272px;
	height: 190px;
	overflow: hidden;
	position:relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;
}

.adbox_bottom p {
	padding-left: 20px;
	font-size:90%;
	line-height:12px;
}

.adbox_bottom ul {
	font-size:90%;
	padding-left: 15px;
	margin-left: 18px;
	width:131px
}

.adbox_bottom ul li {
	line-height:13px;
	list-style-type:disc;
}

.adbox_bottom a {
	border-bottom: 0 none;
}

.adbox_bottom a:hover {
	border-bottom: 0 none;
	text-decoration: none;
}

.adbox_bottom img.frontEndEditIcons {
	display: block;
}

.adboxproduct {

}

.price {
	font-weight:bold;
	font-family: arial,sans-serif;
	color:white;
	height: 38px;
	width:130px;
	padding-top: 12px;
	padding-left: 33px;
	margin-left: 10px;
	position:absolute;
	bottom:0;
}
.price.var1 {
	background:transparent url(../img/nur.gif) 0px top  no-repeat; 
}
.price.var2 {
	background:transparent url(../img/ab.gif) 0px top  no-repeat;
}
.price.var3{
		background:transparent url(../img/ab_perc.gif) 0px top  no-repeat; 
}
.euro {
	font-size:20px;
	padding-left: 9px;
}

.euronumber {
	font-size:33px;
}

.vcard_top {
	background:url(../img/box_vk_top.png) top left no-repeat; 
}

.vcard_bottom {
	background:url(../img/box_vk_bottom.png) bottom left no-repeat;
	color:#666;
	padding:9px 16px 0 16px;
	height:100%;
	font-family: arial;
}


.vcard_bottom ul {
	padding-left: 15px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.vcard_bottom ul li {
	list-style-type:disc;
}

img.vcardlogo {
	float:left;
	margin-top: 15px;
	margin-left: 7px;
}

div.vcardtimes {
	text-align:right;
	padding:11px 19px 0 0;
	line-height:17px;
}

.vcard_toptext {
	color:black;
}
.vcard_toptext_caption {
	color: #666;
	font-weight:bold;
	
}

.vcardtext {
	padding-left: 6px;
	padding-top: 23px;
	width:262px;
	float:left;
}

.vcardtext.schatz {
	background: transparent url(../img/logo_lennestadt.jpg) scroll no-repeat right bottom;
}

.vcardproduct {
	margin-left: 20px;
	margin-top: 23px;
	border: 1px solid #ccc;
}

.vcardoffer {
	clear:both;
	text-align: right;
	width:563px;
	padding-bottom:12px;
}

.vcardoffer a.offerlink {
	border-bottom: 0px none;
	background-image: url(../img/button_detail.gif);
	height:29px;
	padding:4px 40px 6px 10px;
	background-position:right -26px;
	background-repeat:no-repeat;
	color: #666;
	font-weight:bold;
}
.vcardoffer a:hover {
	border-bottom: 0px none;
	background-position:right 0px;
}


#threecol-right {
	color: black;
}
.longtextbox_top {
	background:url(../img/box_side_bg.png) top left repeat-y; 
	margin:0;
	padding:0;
}

.longtextbox_bottom {
	background:url(../img/box_side_bottom.png) bottom left no-repeat;
	margin:0;
	padding:0;
	height:411px;
}
.longtextbox_bottom p {
	padding: 0px 10px 10px 18px;
	line-height:15px;
	font-size:89%;
	color: #666;
}
.longtextbox_bottom .longtextbox_textfooter {
	padding: 0px 10px 50px 16px;
	font-weight: bold;
}


#hd a {
	-moz-outline: none;
	border-bottom: 0 none;
}

#hd img {
	margin-left: 6px;
}


.menuitemsub {
	text-decoration:none;
}

#submenu {
	padding-left: 6px;
	margin-top:5px;
	height:	21px;
	background: transparent url(../img/sub_strip.gif) no-repeat scroll 6px bottom
}

#submenu li {
	float: left;
	display:block;
	margin-right: 16px;
	height: 100%;
}

#submenu a {
	color: #666;
	font-size:88%;
	border-bottom: 0 none;
}

#submenu a:hover,
#submenu a.act{
	border-bottom:5px solid #38992a;
}

#submenu a.act {
	color: #000;
}


/* Menu */
#mainmenu {
    margin: 31px 0 0 6px;
	height: 100%;
}

#mainmenu li {
	list-style-type: none;
	float: left;
}

a.menuitem {
	display:block;
	-moz-outline: none;
	text-indent:-3000px;
	height: 31px;
	margin-right: 15px;
}




ul#mainmenu li a.act {
	background-position:0px 32px;
}
ul#mainmenu li a.actwsub {
	background-position:0px 63px;
}
ul#mainmenu li a:hover {
	background-position:0px 93px;
}

ul#mainmenu li a.act:hover {
	background-position:0px 32px;
}
ul#mainmenu li a.actwsub:hover {
	background-position:0px 63px;
}

#main_1 {
	width:134px;
	background-image: url(../img/menu/nav_top_unternehmen.gif);
}

#main_2 {
	width:99px;
	background-image: url(../img/menu/nav_top_angebote.gif);
}

#main_3 {
	width:194px;
	background-image: url(../img/menu/nav_top_werbegem.gif);
}

#main_4 {
	width:140px;
	background-image: url(../img/menu/nav_top_meggen.gif);
}

#main_5 {
	width:84px;
	background-image: url(../img/menu/nav_top_vereine.gif);
}
#main_6 {
	width:121px;
	background-image: url(../img/menu/nav_top_meinedaten.gif);
}





/* Footer */
#ft {
	margin-top:13px;
	height:56px;
	background: transparent url(../img/bg_footer.png) no-repeat center top;
	font-family: verdana,sans-serif;
	font-size: 10px;
	position: relative;
}

#ft p  {
	color: #047ac8;
	line-height: 16px;
	padding-top: 17px;
	padding-left: 112px;
}

#footermenu {
	padding-left: 112px;
	list-style-type: none;
	color: #047ac8;
}

#footermenu li {
	float: left;
}
#footermenu li a {
	-moz-outline: none;
	text-decoration:none;
	color: #047ac8;
	border-bottom: 0 none;
}

#ft a.linkci  {
	width: 95px;
	height: 32px;
	text-indent: -9999px;
	display: block;
	position:absolute;
	right:20px;
	bottom:8px;
	border-bottom: 0 none;
	/* border: 1px solid red; */
}
#side {
	background: transparent url(../img/side.png) no-repeat left top;
	height:100%;
}

html {
	background: transparent url(../img/side_bg.png) repeat-y left top;
	height:100%;
}

#leftlist {
	margin-top:32px;
}

#leftlist li {
	width:270px;
	padding-bottom: 3px;
}

#leftlist a {
	color: #222;
	display:block;
	border-bottom: 0 none;
}

#leftlist a:hover {
	background-color: transparent; /* IE6 needs something to happen on a:hover in order to get a: hover span to work*/
}


ul#leftlist a span.menuitem_upper {
	display:block;
	padding: 3px 0 0 16px;
	line-height: 16px;
}

ul#leftlist a span.menuitem_lower {
	display:block;
	height:5px;
}


ul#leftlist a.act span.menuitem_upper {
	background: url(../img/box_menu_act_top.png) no-repeat top left;
}

ul#leftlist a.act span.menuitem_lower {
	background: url(../img/box_menu_act_bottom.png) no-repeat top left;
}

ul#leftlist a:hover span.menuitem_upper {
	background: url(../img/box_menu_hover_top.png) no-repeat top left;
}

ul#leftlist a:hover span.menuitem_lower {
	background: url(../img/box_menu_hover_bottom.png) no-repeat top left;
}


/****************************************************************
 *** Login
 ***/

.tx-felogin-pi1 .login {
	margin: 20px 0 0 0;
	background: url(../img/login_bg_login.gif) no-repeat;
	width:540px;
	height:365px;
	padding:25px;
}

.tx-felogin-pi1 h3 {
	height:17px;
	text-indent:-999em;
	background-repeat: no-repeat;
}

.tx-felogin-pi1 .login h3 {
	background-image: url(../img/login_hd.png);
}

.tx-felogin-pi1 label {
	display:none;
}

.tx-felogin-pi1 div.uname,
.tx-felogin-pi1 div.passw {
	height:55px;
	width:542px;
	margin-top:20px;
}

.tx-felogin-pi1 div.hint {
	margin-top:20px;
}

.tx-felogin-pi1 div.uname {
	background-image: url(../img/login_bg_userfield.png);
}

.tx-felogin-pi1 div.passw {
	background-image: url(../img/login_bg_passfield.png);
}

#user, #pass {
	border:none;
	background-color:transparent;
	height:40px;
	width:420px;
	margin-top:9px;
	margin-left:100px;
	font-size:30px;
}
/*
#user {
	background: url(../img/login_bg_loginfields.gif) no-repeat 0 10px;
}

#pass {
	background: url(../img/login_bg_loginfields.gif) no-repeat 0 -58px;
}

#user:focus, #pass:focus {
	background:transparent;
}
*/


.tx-felogin-pi1 div.submit {
	position:relative;
	display:block;
	top:113px;
	right:20px;
	left:407px;
	width:150px;
	height:50px;
/*	background-color: #f00;*/
}

.tx-felogin-pi1 div.submit input {
	height:50px;
	width:150px;
	background: url(../img/login_submit.gif) no-repeat scroll right top;
	border:none;
	text-indent:-999em;
}

.tx-felogin-pi1 div.submit_logout {
	position:relative;
	display:block;
	top:15px;
	left:99px;
	width:150px;
	height:50px;
}

.tx-felogin-pi1 div.submit_logout input {
	height:50px;
	width:150px;
	background: url(../img/login_submit_logout.gif) no-repeat;
	border:none;
	text-indent:-999em;
}

.tx-felogin-pi1 p.cookies {
	margin-top:-40px;
	margin-bottom:30px;
	color:#B0B0B0;
}

#twocol66_33-left .tx-felogin-pi1 h2.forgotten {
	font-weight:bold;
	font-size:110%;
	color:#0064BC;
	margin-left: 0;
	margin-bottom:0;
}

.tx-felogin-pi1 p.forgotten a {
	background: url(../img/login_bullet.gif) no-repeat 0 4px;
	padding-left:20px;
	border:none;
}

.tx-felogin-pi1 .logout .logout_top {
	background:transparent url(../img/box_offer_top.png) no-repeat scroll left top;
	float:left;
	height:156px;
	margin-bottom:25px;	
}

.tx-felogin-pi1 .logout .logout_bottom {
	background:transparent url(../img/box_offer_bottom.png) no-repeat scroll left bottom;
	color:#666666;
	height:88%;
	padding:0px 25px;
}

.tx-felogin-pi1 .logout form {
	width: 272px;
}

.tx-felogin-pi1 .logout h3 {
	background-image: url(../img/login_hd_status.png);
	margin-bottom: 13px;
	margin-top: 25px;
}

/*.tx-felogin-pi1 .logout h3.logout {
	background-image: url(../img/login_hd_logout.png);
	margin-bottom: 13px;
}
*/
.tx-felogin-pi1 div.username {
	font-weight: bold;
	font-size: 15px;
}



/* ---------- */


/****************************************************************
 *** Spacer
 ***/
 div.spacer-xsmall {
	height: 5px;
	clear: both;
}
div.spacer-small {
	height: 10px;
	clear: both;
}
div.spacer-medium {
	height: 15px;
	clear: both;
}
div.spacer-large {
	height: 20px;
	clear: both;
}
div.spacer-xlarge {
	height: 25px;
	clear: both;
} 
div.spacer-xxlarge {
	height: 30px;
	clear: both;
}  

/*##########für WEC TAPELMAP###########*/

.tx-wecmap-pi3 {
	width: 880px;
	padding-left: 7px;
	padding-top: 22px;
	#padding-right: 16px;
}

.infotitle {
	font-size: .88em;
}

.sidebar {
	width: 240px;
	#padding-left: 5px;
}

.tx-wecmap-map {
	margin-left: 40px;
	font-size: .88em;
}
.gmnoprint {
	font-size: .88em;
}
/*##########für WEC TAPELMAP ENDE###########*/