@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "3col_standard"
 * (de) Zentrales Stylesheet - Beispiellayout "3col_standard"
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
/*@import url(../yaml/navigation/nav_shinybuttons.css);*/

@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_003_draft.css);

.hlist {
	width: 940px;
	height: 36px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
}

.hlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.hlist li {
	float: left;
	list-style: none;
	margin: 0;
}

.hlist li a{
	color: #FFF;
}

.hlist li a span{
	color: #FFF;
}

.hlist a {
	display: block;
	width: 126px;
	height: 28px;
	background: #000000;
	padding-top: 8px;
	border-right: 1px solid #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

.hlist a:hover, .hlist .active a {
	background: #BC1B32;
	text-decoration: none;
}

.hlist .active a {
	background: #BC1B32;
	padding-left: 0;
}


.eintrag {
	margin-bottom: 15px;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 10px;
}

.eintrag .main {
	height: 38px;
	margin-bottom: 10px;
	padding: 12px 0 0 0px;
	letter-spacing: -.5px;
	color: #000000;
}

.eintrag .main a {
	color: #000000;
	border: none;
}

.articleinfo {
	width: 440px;
	padding: 9px 20px 5px 10px;
	background: #BC1B32;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	font-weight: bold;
	color: #000;
	background-image: url(http://www.suwa.de/ue40party/images/meta-bg.jpg);
	background-repeat: repeat;	
	clear: both;
}

.articleinfo a {
	color: #000;
}

.iteminfo {
	width: 440px;
	padding: 9px 20px 5px 10px;
	background: #BC1B32;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	font-weight: bold;
	color: #000;
	background-image: url(http://www.suwa.de/ue40party/images/meta-bg.jpg);
	background-repeat: repeat;
	clear: both;
}

.iteminfo a {
	color: #000;
}

.eintrag .page {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	text-align: justify;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #BC1B32;
}

a:hover {
}


#suche {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
	background: #E2E2E2;
	border-bottom: 4px solid #FFFFFF;
}

#suche form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#suche fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search {
	width: 170px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}

#emailForm { }

#emailForm .contact_name { margin-bottom: 3px; }
#emailForm .contact_email { margin-bottom: 3px; }

#emailForm .contact_name label { display: block; width: 300px; float: left; }
#emailForm .contact_email label { display: block; width: 300px; float: left; }

#emailForm .contact_name input { width: 250px; }
#emailForm .contact_email input { width: 250px; }

#emailForm .contact_email textarea { width: 250px; height: 100px;}

h2.contentheading { /*float: left; clear: both;*/ }

p.buttonheading { float: right; margin-top: 10px; }

ul.menu_herford { margin: 0px; padding: 0px; }
ul.menu_detmold { margin: 0px; padding: 0px; }
ul.menu_oberhausen { margin: 0px; padding: 0px; }

ul.menu_herford li { display: block; widht: 100%; height: 30px; background-color: #BC1B32; margin-bottom: 2px; padding-left: 0px; margin-left: 0px; border: 1px solid #BC1B32; }
ul.menu_detmold li { display: block; widht: 100%; height: 30px; background-color: #BC1B32; margin-bottom: 2px; padding-left: 0px; margin-left: 0px; border: 1px solid #BC1B32; }
ul.menu_oberhausen li { display: block; widht: 100%; height: 30px; background-color: #BC1B32; margin-bottom: 2px; padding-left: 0px; margin-left: 0px; border: 1px solid #BC1B32; }

ul.menu_herford li a { font-weight: bold; color: #FFFFFF; line-height: 30px; font-size: 14px; display: block; widht: 100%; height: 30px; }
ul.menu_detmold li a { font-weight: bold; color: #FFFFFF; line-height: 30px; font-size: 14px; display: block; widht: 100%; height: 30px; }
ul.menu_oberhausen li a { font-weight: bold; color: #FFFFFF; line-height: 30px; font-size: 14px; display: block; widht: 100%; height: 30px; }

ul.menu_herford li a span { font-weight: bold; color: #FFFFFF; padding-left: 20px;  }
ul.menu_detmold li a span { font-weight: bold; color: #FFFFFF; padding-left: 20px; }
ul.menu_oberhausen li a span { font-weight: bold; color: #FFFFFF; padding-left: 20px;  }

ul.menu_herford li:hover { background-color: #fff; border: 1px solid #BC1B32; }
ul.menu_detmold li:hover { background-color: #fff; border: 1px solid #BC1B32; }
ul.menu_oberhausen li:hover { background-color: #fff; border: 1px solid #BC1B32; }

ul.menu_herford li:hover a span{ font-weight: bold; color: #BC1B32; line-height: 30px;}
ul.menu_detmold li:hover a span{ font-weight: bold; color: #BC1B32; line-height: 30px;}
ul.menu_oberhausen li:hover a span{ font-weight: bold; color: #BC1B32; line-height: 30px;}

:focus { 
	outline: none;
}

li:hover { 
	background-color: #BC1B32; color: #FFFFFF;
}

.sponsoren { text-align: center; }
.sponsoren img { margin-bottom: 20px; }
.sponsoren img a:hover { margin-bottom: 20px; border-bottom: 3px solid #BC1B32; }

div.normalsublayout { text-align: left; border-bottom: 0px solid #cccccc; margin: 0px; padding: 0px; }

div.normalsublayout p { margin: 0px; padding: 0px; }

div.normalsublayout label { display: block; width: 40px; float: left; }

div.normalsublayout div { height: 20px; padding: 0px; margin: 0px; text-align: left; }
div.normalsublayout input { width: 140px; text-align: left; }

#addSubscriber { }

.img-right { 
	float: right;
	padding-left: 20px;
}

.clear { 
	float: none;
	clear: both;
}

img.flyer { float: right; margin-left: 20px; }

h1.componentheading, h2.contentheading {
	color:#fff;
	background-color: #BC1B32;
	font-weight:bold;
	margin:0 0 1em; 
	display: block;
	padding: 10px 5px 5px 5px;
	font-size: 160%;
}

h1 { font-size: 200%; font-weight: bold; }
h3 { margin-top: 10px;}
h1 span.sub { font-size: 50%; color:#333333; }
h2 { font-size: 160%; font-weight: bold; color: #333333 }
.page span.date { color: #BC1B32; }

.intro { font-weight: bold; margin: 0px; color:#666666; width: 70%; }

span.leading_separator { 
	margin: 15px 0px 25px 0px;
	border-bottom: 1px dotted #666;
	display: block;
	width: 100%;
}

ul, ol, dl {
line-height:1.5em;
margin:0 2em 1em 4em;
}
.termin-container { display: block; width: 658px; height: 377px;  position: relative; background-image: url(http://www.suwa.de/ue40party/templates/ue40party/images/teaser.jpg); }
.termin-container .inner { display: block; width: 658px; height: auto; position: absolute; bottom: 0px;  background-image: url(http://www.suwa.de/ue40party/templates/ue40party/images/teaser_bg.png); }

.termin-container .termin{ display: block; width: 100%; padding: 5px;  }
.termin-container .termin span { display: block;  float: left;  line-height:20px; height: 20px; font-family: Arial Narrow, Arial; color: #fff; font-size: large; padding: 5px; background-color: #BC1B32; margin-right: 10px; }
.termin-container .termin p { display: block; width: 490px;  height: 20px; line-height: 20px; font-family: Arial Narrow, Arial; font-weight: bold; color: #fff; font-size: large; text-transform: uppercase; text-decoration: none; margin: 0px; padding: 5px;}
.termin-container .termin p a{ color: #fff;}
.termin-container .termin div a:hover{ color: #BC1B32; text-decoration: underline;}
.termin-container hr { border: none; border-top: 3px dotted #fff; margin: 2px 5px; height: 1px; overflow: hidden; padding: 0px; }