@charset "utf-8";
/* CSS Document */
* html #footer{margin-top:-15px;}

body{ background:url(../img/layout/bodyBG.jpg) repeat-x bottom fixed #466fab; margin:0; padding:0; font-family:Arial, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494848; font-size:10px;}
body, html{}
body input{font-family:"Arial Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif;}
*{outline:none;}
#content p{
	line-height:20px;
}
#content p a{color:#00896e; text-decoration:none; border-bottom:1px dotted #00896e;}

#content p a:hover{ border-bottom: 1px solid #00896e;}
a img{ border:none;}
h1, h2, h3, h4, h5{margin:0; padding:10px 0 10px 0;}
h1, h1 a{font-size:18px; text-transform:uppercase; line-height:18px;}
h2, h2 a{font-size:16px; line-height:16px;}
h3, h3 a{font-size:12px;}
h4, h4 a{font-size:11px;}

h1 a, h2 a, h3 a, h4 a, h5 a{ border:none; color:#00896e; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{text-decoration:underline;}

h1.csc-firstHeader{margin:10px 0 0 0;}
.clearer{
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
#shadow{
	background:url(../img/layout/schatten.png) no-repeat bottom center;
	padding:0 0 25px 0;
	margin:0 0 60px 0;
}
#page{
	width:996px;
	margin:80px auto 0 auto;
	font-size:132%;
}
#top{
	width:996px;
	height:324px;
	position: relative;
}
#top #logo a, #top #sponsor a, #top #flash{position:absolute; z-index: 1000;}
#top #flash{
	width:280px;
	height:190px;
	left:20px;
	top:30px;
	z-index:1010;
}
#top p{
	margin:0; padding:0;
}
#top #logo a{
	background:url(../img/layout/kraichgauLogo.png) no-repeat;
	width:387px;
	height:107px;
	left:248px;
	top:12px; 
	text-decoration:none;
	font-size:0px;
}
#top #sponsor a{
	background:url(../img/content/sponsorenlogos/sparkasse.png) no-repeat;
	width:106px; height:67px;
	left:640px;
	top:15px;
}
#top #left{
	width:757px;
	height:324px;
	float:left;
}
#top #right{
	width:239px;
	height:294px;
	float:left;
	padding: 0 0 30px 0;
}
#left .header{ background:url(../img/layout/head_left.png) no-repeat; width:757px; height:50px;}
#left .foto{
	
	width:757px;
	height:197px;
	position: relative;
}
#left .foto .maske, #right .foto .maske{
	position:absolute;
	z-index:999;
	top:0px;
	left:0px;
}
#left .foto .maske{ width:757px; height:197px; background:url(../img/layout/fotomaske_links.png) no-repeat;}
#right .foto .maske{ width:239px; height:173px; background: url(../img/layout/fotomaske_rechts.png) no-repeat;}
#left #navi{ background:url(../img/layout/naviBG.gif) repeat-x #fff; height:77px; margin:0 0 0 0; }
#left #navi #crumbnavi{
	height:25px;
	background:url(../img/layout/crumbnaviBG.gif) no-repeat right top;
	padding:10px 32px 0 32px;
	width:693px;
	color: #686665;
	font-weight: bold;
}
#crumbnavi a{color: #686665; text-decoration:none; border:none;}
#crumbnavi a:hover{text-decoration:underline; border:none;}
#crumbnavi {color:#00896e;}
#crumbnavi span.act{font-size:13px;}
.linie{
	height:0px;
	line-height:0px;
	font-size:0px;
	padding:0 0 10px 0;
	border-top:1px dotted #686665;
}
#right .header a { background:url(../img/layout/head_right.png) no-repeat; height:74px; display:block; 	text-decoration:none;
	font-size:0px;}
#right .foto{
	background:url(../img/layout/dummyfoto_right.jpg) no-repeat;
	height:173px;
	position: relative;
}
#right .schwung{ background:url(../img/layout/schwung_right.jpg) no-repeat; height:77px;}
#main{ background:url(../img/layout/mainBG.gif) repeat-y #fff; width:996px;}
#content{float:left; margin:0 32px; width:693px; border-top:1px dotted #686665; padding-bottom:20px;}

#sidebar{
	width:239px;
	float:right;
	min-height:100px;
	padding: 0 0 20px 0;
}
/*___NAVI_____________________*/
#navi ul, #navi li{list-style:none; padding:0; margin:0;}
#navi li{float:left;}
#navi li a{
	text-shadow:0px 0px 5px #013a2f;
	background:url(../img/layout/navipunkt.gif) no-repeat;
	width:122px;
	height:29px;
	display:block;
	margin:4px 5px 0 0;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	padding:9px 0 0 0;
	overflow: hidden;
}
#navi li a:hover{
	color:#f8b15b;
	
}
#navi li a.act, #navi li a:hover.act{
	text-shadow:0px 0px 5px #ffbb03;
	background-image:url(../img/layout/navipunkt_act.gif);
	color:#fff;
	font-size: 15px;
	padding: 9px 0 0 0;
	height: 29px;
}
#navi li a#n1{background-image:url(../img/layout/navipunktN1.gif);}
#navi li a#n1.act{background-image:url(../img/layout/navipunktN1_act.gif);}
#navi li a#n6.act{background-image:url(../img/layout/navipunktN6_act.gif);}

#navi li a#n6{
	font-size:11px;
	height:31px;
	line-height:12px;
	margin-right:0;
	padding: 7px 30px 0 30px;
	width: 62px;
	background-image:url(../img/layout/navipunktN6.gif);
}
/*__________SUBNAVI_____________*/
#navi ul ul {
	display:none;
	position: absolute;
	padding:0 0 47px 0;
	background:url(../img/layout/subnavi_shadow.png) no-repeat bottom;
	margin: -1px 0 0 0;
}
#navi ul #l1 ul{background:url(../img/layout/subnavi_shadow_N1.png) no-repeat bottom;}
#navi li.act ul ul{background:none;}
#navi ul #l6 ul{background:url(../img/layout/subnavi_shadow_N6.png) no-repeat bottom;}
#navi ul ul li{float:none;}
#navi ul ul li a{background:url(../img/layout/navipunkt_sub.gif) repeat-y #00896e; text-align:left; font-size:12px; height:auto; padding:5px 10px; margin:0; text-transform:none; width:102px}

#navi ul #l1 ul li a{background:url(../img/layout/navipunkt_sub_N1.gif) repeat-y #00896e;}
#navi ul #l6 ul li a{background:url(../img/layout/navipunkt_sub_N6.gif) repeat-y #00896e;}
#navi ul ul li a:hover, #navi ul #l1 ul li a:hover, #navi ul #l6 ul li a:hover{background:none #00624e; color:#fff;}
#navi ul ul li a.act, #navi ul ul li a:hover.act{
	width:auto; margin:0; text-align:left; height:auto;padding:5px 10px; font-size:12px; background:none #fd8519;
	}
#navi li.act ul a {background: url(../img/layout/navipunkt_sub_act.gif) repeat-y;}
#navi li.act ul{background-image: url(../img/layout/subnavi_shadow_act.png);}
#navi li.act#l1 ul a {background: url(../img/layout/navipunkt_sub_N1_act.gif) repeat-y;}
#navi li.act#l1 ul{background-image: url(../img/layout/subnavi_shadow_N1_act.png);}

#navi ul.menu ul.hover, #navi ul.menu li.hover ul, #navi ul.menu li:hover ul  {display:block;}


#footer{
	width:996px;
	height:172px;
	background:url(../img/layout/footer.jpg) no-repeat;
	margin: -30px 0 0 0;
}
#footernavi{margin:0 0 0 27px; padding:45px 0 0 0;}
#footernavi,#footernavi a{font-size:11px; font-weight:bold; color:#494848; text-decoration:none; text-transform:uppercase; letter-spacing:0.04em;}
#footernavi a{padding:0 5px;}
#footernavi a:hover{text-decoration:underline;}

/*________________NEWS__________________________*/
.tx-ttnews-browsebox{font-size:14px;}
.tx-ttnews-browsebox a{color:#00896e; text-decoration:none; border:none;}
.tx-ttnews-browsebox a:hover{text-decoration:underline; border:none;}
.news-list-item{padding:0 0 10px 0;}
.news-list-item h2{padding:0;}
.news-list-item img{float:right; padding:0 0 10px 0;}
.news-list-item hr{color:transparent; border:none; background-color:transparent; border-bottom:1px dotted #666; padding:10px 0 0 0; height:0px;}
.news-list-date, .news-single-date{font-family:'Arial narrow', arial, Helvetica, sans-serif; float:left; font-weight:bold; padding:2px 11px 3px; background-color:#fd8519; color:#fff; font-size:15px; margin:0 10px 0 0;}
.news-single-date{float:none;  margin:10px 0; display:block; width:74px; text-align:center; }
.news-single-item h1{text-transform:none; color:#00896E; margin-bottom:12px;}
.news-single-img{ margin:0 0 15px 0; float:right;}
.news-list-morelink{ padding:0 0 0 0; display:block}
.news-list-item p{float:left; margin:0 0 0 94px; width:430px;}
.news-list-item .reflectdiv{float:right;}
.news-single-item .reflectdiv{margin:0 0 20px 0;}
p.news-single-imgcaption, dd.csc-textpic-caption {margin:0 0 10px 0;    font-size:80%; color:#888888; text-align:center; text-transform:uppercase; }
.news-single-rightbox {width:300px; float:right; margin:0 0 0 15px; text-align:right;}

.news-list-container h1, .news-list-container h2{ margin-bottom:10px; width:430px; float:left;}
.news-list-container{margin:10px 0;}
.news-single-additional-info{font-size:80%; color:#888888;}
.news-single-additional-info img{float:left; display:block; margin:0 10px 0 -30px;}
.news-single-additional-info a{font-size:110%; color:#fd8519; display:block; float:left; width:340px; margin-bottom:15px; text-decoration:none;}
.news-single-additional-info a:hover{color:#00896e;}
.news-single-additional-info {width:370px; float:left;}
.news-single-additional-info dt{font-weight:bold; font-size:120%; padding:0 0 10px 0; color:#00896e;}
.news-single-related dd{margin-bottom:15px; clear:both;}
.news-single-additional-info .news-single-files a{padding:0; margin:0;}
.news-single-files dd{color:#fff;}
.news-single-files dt{}
.news-single-links a{ background:url(../img/content/link_icon.gif) no-repeat 0px 0px; padding-left:28px; margin-left:-27px;}



/*________________TYPO-CONTENTS_______________*/

dd.csc-textpic-caption {margin:0 0 10px 0 !important;    font-size:80%; color:#444; text-align:center; text-transform:uppercase; font-weight:bold; }

/* RIGHTCONTENT */
.anmeldung a{
	width:191px;
	height:65px;
	margin:10px 0 10px 1px;
	background:url(../img/content/buttons_rechts/anmelden.gif) no-repeat;
	display:none;
}
.anmeldung a:hover{background-position:0px -65px;}
.button, .suche{
	text-shadow:0px 1px 0px #fff;
	background: url(../img/content/buttons_rechts/buttonsBG.gif);
	width:219px;
	height:42px;
	margin:0 0 5px 10px;
	overflow: hidden;
}
.suche{ height:35px;}
.suche{
	background:url(../img/content/buttons_rechts/suchbox.gif) no-repeat;
	margin:20px 0 20px 10px;
}
.suche:hover{background-image:url(../img/content/buttons_rechts/suchbox_mo.gif);}
.suche input.eingabe{
	text-shadow:0px 1px 0px #fff;
	color:#00896e;
	font-weight:bold;
	font-size:15px;
	background:none transparent;
	border:none;
	padding:8px 0 0 10px;
	width:160px;
}
.suche input.abschicken{background:none transparent; border:none; width:45px; height:30px; cursor:pointer; outline:none;}
.button:hover{background: url(../img/content/buttons_rechts/buttonsBG_mo.gif);}
.button a{text-decoration:none; font-size:18px; text-transform:uppercase; font-weight:bold; line-height:18px; background:none no-repeat right; padding:6px 36px 0 10px; width:170px; display:block; height:36px; }
.button a span{
	font-size:10px;
	display:block;
	line-height:10px;
	width:160px;
	color: #817f7f;
	font-family:Arial, Helvetica, sans-serif;
}
.button.news a{color:#fe831a; background-image:url(../img/content/buttons_rechts/newsletter.gif);}
.button.fb a{
	color:#3e61b2;
	background-image: url(../img/content/buttons_rechts/facebook.gif);
}
.button.twitter a{
	color:#34b5d8;
	background-image:url(../img/content/buttons_rechts/twitter.gif);
}
.button.flickr a{
	color:#ff0084;
	background-image:url(../img/content/buttons_rechts/flickr.gif);
}
.button.news, .button.twitter {
display:none;}
#sponsoren{ background:url(../img/content/sponsorenbox/bg.gif) no-repeat; width:219px; height:135px; display:block; margin:20px 0 10px 10px; padding:7px 0 0 5px; position:relative;}

#sponsoren .head{
	font-size:10px;
	margin:0;
	position:absolute;
	left:10px;
	top:-16px;
	color: #7E7C7C;
}
#sponsoren .liste{
	text-transform:uppercase;
	font-size:10px;
	bottom:16px;
	right:18px;
	text-align:right;
	position: absolute;
	
}
#sponsoren .liste a{color: #7E7C7C; text-decoration:none;text-shadow:1px 1px 1px #fff;}
#sponsoren .liste a:hover{
	color:#5A5858;
}
#counter{
	background:url(../img/content/buttons_rechts/countdownBG.jpg) no-repeat;
	width:223px;
	height:88px;
	position:relative;
	margin: 40px 0 10px 8px;
}
#runner{
	position:absolute;
	z-index:99;
	width:190px;
	height:52px;
	top:-45px;
	left:18px;
	background:url(../img/content/buttons_rechts/runner.gif) no-repeat;
}
#runner a{
	display:block;
	margin:13px 0 0 47px;
	padding:2px 4px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	color:#f88319;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 19px;
	background:url(../img/content/buttons_rechts/anmelden_pfeil.gif) no-repeat scroll 127px 6px;
}
#runner a:hover{background-color:#f88319; color:#FFF; background-position:127px -36px;}
.downtown{text-align:center; padding:0 0 0 0; color:#214656; font-weight:bold; font-size:18px; position:absolute; z-index:999; left:14px; width:198px; top:17px; }
.downtown input{text-align:center; color:#214656; font-weight:bold; font-size:19px; background:transparent none; border:none; width:198px; text-shadow:0px 1px 1px #fff;}
/*Suchergebnisse*/
.tx-indexedsearch{}
.tx-indexedsearch a{color:#00896e; text-decoration:none; border-bottom:1px dotted #00896e;}
.tx-indexedsearch a:hover{ border-bottom: 1px solid #00896e;}
.tx-indexedsearch-title a{font-size:16px; font-weight:bold;}
.tx-indexedsearch ul{margin-left:0; padding-left:18px;}
#content .tx-indexedsearch input.tx-indexedsearch-searchbox-button{width:157px; margin-top:5px;}
.news-list-browse{font-weight:bold;}
.news-list-browse a{color:#00896e; text-decoration:none; padding-right:5px;}
.news-list-browse span{padding-right:5px;}
.news-list-browse .activeLinkWrap{padding:2px 5px; background:#FD8519; color:#fff;}
.news-list-browse a:hover{text-decoration:underline; }
.news-list-browse .disabledLinkWrap{display:none;}
.showResultsWrap {margin-bottom:10px;}
/*______________IE6 & IE7____________________*/
* html #top{margin-bottom:-30px;}
* html #content{margin:0 16px; padding-top:15px;}
* html #shadow{background:none;}
* html .suche input.eingabe{padding:0 0 0 10px;}
* html .suche input.abschicken, *+html .suche input.abschicken{height:25px;}
* html .news-list-item p{margin-left:47px;}
/* html .downtown, *+html .downtown{padding:0 0 0 0; margin:-10px 0 0 0;}*/
* html .downtown form, *+html .downtown form{padding:0; margin:-0 0 0 0;}

/* PNGFIX*/
* html #top #logo a{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p122456.mittwaldserver.info/fileadmin/templates/kraichgaulauf/img/layout/kraichgauLogo.png', sizingMethod='scale'); cursor:pointer;}
* html #left .header{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p122456.mittwaldserver.info/fileadmin/templates/kraichgaulauf/img/layout/head_left.png', sizingMethod='scale');}
* html #right .header a{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p122456.mittwaldserver.info/fileadmin/templates/kraichgaulauf/img/layout/head_right.png', sizingMethod='scale');}
* html #left .foto .maske{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p122456.mittwaldserver.info/fileadmin/templates/kraichgaulauf/img/layout/fotomaske_links.png', sizingMethod='scale');}
* html #right .foto .maske{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p122456.mittwaldserver.info/fileadmin/templates/kraichgaulauf/img/layout/fotomaske_rechts.png', sizingMethod='scale');}
* html #top #sponsor a{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p122456.mittwaldserver.info/fileadmin/templates/kraichgaulauf/img/content/sponsorenlogos/sparkasse.png', sizingMethod='scale');}
* html #sponsoren .maske{background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p122456.mittwaldserver.info/fileadmin/templates/kraichgaulauf/img/content/sponsorenbox/shadowmask.png', sizingMethod='scale');}
