/**
 * @package Freizeit-Treff
 * @category Custom Layout 1 Stylesheets
 * @author Göran Bruns <goeran@brunsware.de>
 * @copyright 2010
 * @version 1.0.7
 */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	font-size: 14px;
	text-align: center;
}
img {
	border: 0px solid;
}

.darkBg {
    background-color:#FFF7D5;
}
.lightBg {
	background-color:#FFFAEC;
}

.small {
    font-size:12px;
}

div#header1 {
    width:980px;
    height:155px;
    background-image: url(/custom_layout1/pics/bg-header1.png);
    background-position: bottom right;
    background-repeat:no-repeat;
    margin:0 auto;
    position:relative;
}

div#header1 img.head-logo {
    position:absolute;
    top:-50px;
    left:20px;
}

div#logo {
    position:absolute;
    height:90px;
    top:-60px;
    left:16px;
	background-repeat:no-repeat;
	margin:0px 8px 8px 0px;
	padding:0px;
	overflow:visible;
}
div#logo table {
/*    border:1px solid black; */
}
div#logo td#logoTop {
    border:0px;
    height:67px;
    padding:0px 10px;
    text-align:center;
    vertical-align:middle;
    font-size:32px;
    font-weight:normal;
    color:white;
}
div#logo td#logoSub {
    border:0px;
    font-size:16px;
    font-weight:normal;
	background-color:white;
	height:22px;
	text-align:center;
	vertical-align:middle;
}

div#logo td#logoShadowBottom {
    height:8px;
	background-image: url(/custom_layout1/pics/bg-shadow-bottom.png);
	background-repeat:no-repeat;
    background-position:top left;
}
div#logo td#logoShadowRight {
    width:7px;
	background-image: url(/custom_layout1/pics/bg-shadow-right-alt.png);
	background-repeat:no-repeat;
    background-position:top left;
}

div#logo td#logoShadowCorner {
    width:7px;
    height:8px;
	background-image: url(/custom_layout1/pics/bg-shadow-corner.png);
	background-repeat:no-repeat;
    background-position:top left;
}


div#header1 div.leftcontent {
    width:178px;
    height:86px;
    position:absolute;
    bottom:0px;
    left:0px;
}
div#header1 h3.dyn-region {
    position:absolute;
    bottom:0px;
    left:212px;
    color:#ff9933;
    font-size:24px;
}

div#header1 h1 {
    
	color:#FF9933;
	font-size:26px;
	padding:0;
    margin:0;
	font-weight: bold;
    position:absolute;
    bottom:0px;
    left:212px;
}
div#header1 img.teaser {
    position:absolute;
    left:206px;
    top:50px;
}
div#header1 div#image-ani {
    width:449px;
    height:117px;
	background-image: url(/custom_layout1/pics/bg-image-ani.png);
    position:absolute;
    bottom: 30px;
    left:20px;
}

div#ani1,
div#ani2,
div#ani3,
div#static1,
div#static2,
div#static3 {
    width:144px;
    height:108px;
    background-color:#fff;
    position:absolute;
    bottom:8px;
}
div#ani1,
div#static1 {
    left:1px;
}
div#ani2,
div#static2 {
    left:149px;
}
div#ani3,
div#static3 {
    left:297px;
}

div#header1 h3 {
	color: #FF0000;
	font-size:20px;
	padding:0;
	margin:0;
    position:absolute;
    bottom:0px;
    left:20px;
}

div#header1 p.text-header {
	padding:0;
	margin:0;
	position:relative;
	bottom:-58px;
}


div#header1 div.rightcontent {
    width:490px;
    height:86px;
    position:absolute;
    bottom:0px;
    right:4px;
    text-align:center;
}

div#header2 {
    width:980px;
    height:45px;
	background-image: url(/custom_layout1/pics/bg-header2.png);
    background-position: top right;
    background-repeat:no-repeat;
    margin:0 auto;
    position:relative;
}

div#header2 div.leftcontent {
    width:178px;
    height:45px;
    position:absolute;
    bottom:0px;
    left:0px;
    text-align:left;
}
div#header2 img.head-logo-shadow {
    position:absolute;
    top:0px;
    left:20px;
}

div#header2 .titel1 {
	font-size: 18px;
	font-weight: bold;
	margin: 12px 0 0 20px;
	z-index: 1;
	position: relative;
	white-space:nowrap;
}

div#header2 .titel2 {
	font-size: 16px;
	font-weight: bolder;
	margin: -16px 0 0 21px;
	color: #888;
}
div#header2 h2 {
    position:absolute;
	margin:0;
	padding:0;
	font-size: 14px;
    top:12px;
    left:212px;
}

div#header2 div.rightcontent {
    width:181px;
    height:8px;
    position:absolute;
    bottom:0px;
    right:4px;
}


/* page umfasst "menu" = Navigation links, "content" = mittlerer Block, "right" = rechter Block */
#page {
	margin: 0 auto 0 auto;
	width: 980px;
    background-image:url(/custom_layout1/pics/bg-page.png);
	background-repeat: repeat-y;
    background-position: top right;
	padding:0;
	text-align: left;
}


/* Navigation = menu */
#page #leftbox {
	width: 178px;
}

#page #content {
    width:617px;
	margin:0;
	font-size: 13px;
/*	line-height:16px; */
	vertical-align: top;
}

#page #rightbox {
    vertical-align:top;
    text-align:center;
	width:181px;
    padding-top:8px;
}

div.borderpic-frame {
    background-image:url(/custom_layout1/pics/borderpic_shadow.png);
    background-position: bottom right;
    background-repeat:no-repeat;
    margin:0 0 0 18px;
    width:152px;
    height:116px;
    text-align:left;
}
img.borderpic {
}

#page #rightShadow {
	width:4px;
}

#page #menu {
	margin: 0 0 20px 20px;
}
#page #menu a {
	color: #000000;
	text-decoration: none;
	vertical-align: top;
	height: 22px;
	font-weight: bold;
	display:block;
	font-size:13px;
}

#page #menu a:hover {
	text-decoration: underline;
    
}

#page #menu p.subtext {
    padding:0;
    margin:4px 0 0 -12px;
}

.activeClubs {
	padding: 0 0 0 20px;
	clear:both;
}
.activeClubs img {
	border: 0px;
	margin: 10px 17px 0 0;
}

/* Inhaltsblock = content */
#page #content #contentwrap {
    padding:0 20px 0 35px;
}

#page #content p {
/*	width: 534px; */
}

#page #content a {
/*	color: #000000;
	text-decoration: none; */
}
#page #content table {
	position: relative;
	border-collapse: collapse;
	font-size: 13px;
}	

#content h1 {
	font-size:17px;
	line-height:22px;
/*	color:#FF0000; */
	font-variant: normal;
	margin: 0 0 16px 0;
	padding:0px;
	letter-spacing: 0.05ex;
	text-transform: none;
}
/*
#content h2 {
	font-size:13px;
	font-weight:bold;
	color:#FF9900;
	margin:0 0 8px 0;
	padding:0px;
}
*/
h3 {
	font-size:13px;
	font-weight:bold;
	color:#FF0000;
	margin:0 0 8px 0;
	padding: 0px;
}

#page #content li {
}

#page #content ul {
}

/* anweisungen für regionen.html */
#page #content #regionen {
	line-height: 36px;
	margin: 0;
	width: 510px;
}
#page #content #regionen a {
	line-height: 36px;
	padding: 0 0 0 30px;
	background-image: url(/ft_layouts/pics/btn-minipfeil.gif);
	background-repeat: no-repeat;
	margin: 0;
	height: 36px;
	float:left;
	display:inline;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
}


#page #content #button {
	z-index: 10;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	display: inline;
	position: absolute;
}
#page #content #button img {
	position: relative;
	top: -24px;
	left: 430px;
}
.form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top; 
	height:32px;
	font-size: 12px;
}

/* #content <table class="event">  */
table.event {
	line-height: 16px;
	margin: 16px 0 0 0;
	vertical-align: top;
	width: 550px;
	border-collapse: collapse;
}
table.event td {
	vertical-align: top;
	padding: 3px 0;
}
	
table.eventTitle {
	padding: 0px;
	vertical-align: top;
	width:390px;
}

.eventTitle {
	font-weight: bold;
	font-size: 16px;
	color: #FF0000;
	margin-top:4px;
	margin-bottom: 4px;
}

table.event td.eventDate {
	text-align:right;
}
table.event td.eventDateNeu {
	text-align:left;
}

.eventDesc,
.eventDescNeu {
	padding: 6px 0 0 0;
	margin: 5px 0 0 0;
}
.eventDesc .linkMitmachen,
.eventDesc .linkMitmachen {
    color:#FF9933;
}
.eventBottom {
	border-bottom: 1px solid #FF9933;
	width:550px;
}

.eventBottom img {
	border: 0;
	padding: 0;
	margin: 0;
}
.eventBottom a {
	float: right;
	text-decoration: none;
	border: 0;
}

.eventBottom .anmelden {
	background-image: url(/ft_layouts/pics/btn-anmelden.gif);
	width: 87px;
	height: 28px;
}
.eventBottom .abmelden {
	background-image: url(/ft_layouts/pics/btn-abmelden.gif);
	width: 77px;
	height: 28px;
}
.eventBottom .aendern {
	background-image: url(/ft_layouts/pics/btn-aendern.gif);
	width: 77px;
	height: 28px;
}

table.eventMore {
    width:550px;
}

/* #content <table class="pics"> = Bildertabelle */
#page #content .pics {
	display: block;
	
}

#page #content .pics img {
	border: 0px; padding: 0 4px 8px 0;
}

/* rechter Block = "right" */
#page #right {
	font-size: 12px;
	color: #FFFFFF;
	z-index: 10;
}
	
/* Fußzeile + Seitenabschluss = "footer"; Der footer befindet sich außerhalb der "page" */
#footer {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0px;
	height: 49px;
	background-image: url(/custom_layout1/pics/bg-footer.png);
    background-repeat:no-repeat;
    background-position: top right;
    position:relative;
}
div#footer div.leftcontent {
    position:absolute;
    top:0px;
    left:0px;
    width:178px;
    height:39px;
}

div#footer div.rightcontent {
    position:absolute;
    top:0px;
    right:4px;
    width:181px;
    height:39px;
}


#footer a {
	color: #000;
	text-decoration: none;
}

#footer p {
	font-size: 12px;
	color: #CCCCCC;
	margin: 0;
	padding: 0px;
}
#footer #umkreis {
	float: left;
	margin: 0 0 0 224px;
	width: 540px;
	display: block;
	color: #CCCCCC;
}

/* Block unter dem Footer */
#addinfo {
	width: 980px;
	margin: 0 auto 0 auto;
	height: auto;
	padding: 0;
	text-align: justify;
	line-height: 30px;
}
#addinfo a {
	text-decoration:none;
}
/* Textformatierungen für Text unten */
.font13 {
	font-size: 13px;

}
.font15 {
	font-size: 15px;

}
.font17 {
	font-size: 17px;
}
.font19 {
	font-size: 19px;
}
.font21 {
	font-size: 21px;
}
.font23 {
	font-size: 23px;
	color: #FF9933;
}

/* Formular errors */
.error {
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
	height: 24px;
}
.errorfield {
	background-color: #FFDFDF;
}
#page #content .contact {
	line-height: 20px;
	margin-left: 20px;
	vertical-align: top;
	width: 150px;
	padding-left: 20px;
}
#page #content .contact strong {
	font-weight: bold;
	line-height: 20px;
	color: #FF9933;
}
#page #content .contact hr {
	margin-top: 12px;
	height:1px;
}


.mitmachen form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 332px;
	background-color: #FFF7D5;
	padding: 10px;
	margin: 0;
}
.mitmachen form div {
	line-height: 18px;
	height: 18px;
}
.mitmachen form td {
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	padding-bottom: 6px;
}
.mitmachen input {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9933;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
}
.mitmachen #checkbox {
	border: 0px solid #FFFFFF;
	padding: 0;
	background-color: #FFF7D5;
		margin: 0 10px 0 0;
}
.mitmachen form .absenden {
	height: 24px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}
.mitmachen form .newsletter {
	padding: 10px 0 10px 0;
}
/* Anweisungen für Newsletter-Formular */

.news {
	background-color: #FFF7D5;
	padding: 16px;
	width: 260px;
}

.news th {
	width: 61px;
	z-index: 10;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	padding-left: 4px;
}
.news td {
	font-size: 11px;
	padding: 8px 0 8px 0;
	line-height: 18px;
	width: 65px;
}
.news input {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9933;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	width: 180px;
}

.news .plz {
	float: left;
	width: 50px;
	margin-right: 10px;
}
.news .button {
	width: 80px;
	text-align: center;
	background-color: #FF0000;
	color: #FFFFFF;
	margin-right: 10px;
}


table.login {
	background-color:#FFF7D5;
}

table.register {
	background-color:#FFF7D5;
}

/* member area */

#header1 .regionSelect {
    position:absolute;
    text-align:left;
    left:214px;
    bottom:0px;
}

#subMenu, .eventPageHeader {
/*	width: 580px; */
	margin-top: 11px;
	border-bottom: 4px solid #FFD633;
}
#subMenu {
	line-height: 0px;
	background-image: url(/ft_layouts/pics/bg-submenu.gif);
	background-repeat: repeat-x;
	background-position: 0px 16px; }

.eventPageHeader td {
	background-image: url(/ft_layouts/pics/bg-submenu.gif);
	background-repeat: repeat-x;
	background-position: 0px 16px;
}
#subMenu a, .eventPageHeader a {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(/ft_layouts/pics/bg-submenu-a.gif);
	background-position: 1px 6px;
	background-color: #FFFFFF;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 6px 4px 5px 24px;
	margin: 6px 0 0 0;
	line-height: 26px;
}
#subMenu a:hover, .eventPageHeader a:hover {
	background-position:1px -2px;
}

.profile {
	background-color: #FFF7D5;
	padding: 16px;
	width: 528px;
}

.profile th {
	width: 176px;
	text-align:left;
	vertical-align:top;
	padding: 8px;
}
.profile td {
	font-size: 11px;
	padding: 8px 0px 8px 0px;
	line-height: 18px;
	width: 176px;
	border-top: 1px solid #FFD99F;
	vertical-align:top;
}
.profile input {
	display: block;
	width: 156px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #FF6600;
}

.profile textarea {
	float: left;
	border: 1px solid #CCCCCC;
	width: 524px;
}
.profile .button1 {
	width: 100px;
	text-align: center;
	background-color: #FF0000;
	color: #FFFFFF;
	margin-right: 10px;
}
.profile .file {
	width: 528px;
}

/* Aktionsliste Aussenbereich */
#page #content table.event_ab td {
    padding-top:15px;
    padding-bottom:15px;
}
#page #content table.event_ab .title {
    font-size:16px;
}
#page #content table.event_ab .desc {
    padding:6px 0;
    margin:0;
}