@charset "UTF-8";
@import url(basic.css);	/*General Styles / fonts*/
@import url(calendar.css); /*Only Calendar style*/
@import url(epoch_styles.css); /*Calendar style, div*/

/*-------------------------------------------
 File: style.css
********************************************
 Initial Author: UC
 First Version: 03.10.2006
 Last Modify: 03.10.2006
-------------------------------------------*/

/*-------------------------------------------
 FileStructure of basic.css
********************************************
 - 1.0 	General Styles
 - 2.0  Header
 - 3.0  Hauptkategorien
 - 4.0  Zwischenlinie
 - 5.0  Content
 		- spalten
 - 6.0  Navigation
 - 7.0  Links
 - 8.0  Sitemap
 - 9.0  Form
 - 10.0 Listenseiten
 - 11.0 Bildergalerie
 - 12.0 Top
 - 13.0 Sitemap
 

 
/*-------------------------------------------
 1.0 General Styles
-------------------------------------------*/
.disabled{
	display:none;
}
.clear{
	clear:both;
}

/*-------------------------------------------
 2.0 Header
-------------------------------------------*/

h1#top-logo{
	width:600px;
	height:150px;
	float:left;
	background:url(../_img/logo/logo_grtv.gif) no-repeat;
	cursor:pointer;
}
h1#top-logo span{
	display:none;
}
div#top-utilities{
	float:left;
	width:300px;
	height:150px;
}

div#top-utilities ul{
	float:right;
	border:0px;
	height:50px;
}
div#top-utilities ul li{
	float:left;
	display:block;
	margin-left:10px;
}
div#top-utilities ul li a{
	color:#999;
	text-decoration:none;
}

div#top-search{
	margin-top:35px;
	float:right;
}

/*-------------------------------------------
 3.0 Hauptkategorien
-------------------------------------------*/

.maxbreite{
	width:900px;
}
div#hkat{
	clear:both;
	background-color:#E8E8E8;
	height:37px;
	border-bottom: 2px solid #fff;
}
div#hkat ul{margin-left:0px !important;}
div#hkat ul li{
	list-style-type:none;
	float:left;	
	border-right: 2px solid #fff;
}
div#hkat ul li a{
	color:#fff;
	display:block;
	padding:10px 15px;
	background:#666;
	text-decoration:none;
	font-weight: bolder;
	font-size:12px;
}
div#hkat ul li a:hover {
	background-color:#E52325;
}
div#hkat ul li.hkathi a{
	background-color:#E52325;
}


/*-------------------------------------------
 4.0 Zwischenlinie
-------------------------------------------*/

div#red{
	height:10px;
	background-color:#E52325;
	border:0px;
	border-bottom: 2px solid #fff;
}
.line-grey-big{
	height:3px;
	width:620px;
	background:#ccc;
	border-bottom: 5px solid #fff;
}
.line-red-big{
	height:7px;
	background:#E52325;
	border-bottom: 2px solid #fff;
}

div#footer{
	border-bottom: 1px solid #666;
	margin-left:210px;
	padding-top:40px;
	padding-right:10px !important;
	line-height:25px;
	text-align:right;
	font-size:10px;
}
div#footer a{
	text-decoration:none;
	color:#999;
}
.red{
	color:#E52325;
}
.line-grey-dotted{
	display:block;
	background: url(../_img/linie/nav_dot_white.gif) repeat-x bottom;
	/*background: url(../_img/linie/nav_dot_grey.gif) bottom left repeat-x;*/
	padding-bottom:5px !important;
	margin-bottom:5px !important;
	padding: 2px 2px 2px 20px;
}

/*-------------------------------------------
 5.0 Content
-------------------------------------------*/
.container{
	width:200px;
	display:block;
}
div#container-left{
	background-color:#E8E8E8;
	float:left;
}
div#container-left ul{margin-left:0px !important;}
div#container-left ul li{list-style-type:none;}
div#container-center{
	float:left;
	width:496px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
.fullscreen{
	width:698px !important;
	border-right:0 !important;
}
div#container-right{
	background-color:#E8E8E8;
	float:right;
}
.box-grey{
	height:15px;
	background:#666;
	padding:10px;
	color:#fff;
	border-bottom: 2px solid #fff;
	vertical-align: middle;
}
.box-grey strong{
	font-size:12px;
}
.box-grey a{
	color:#fff !important;
	text-decoration:none !important;
}
.content{
	padding:10px;
}
.linie-grey{
	background: url(../_img/linie/nav_dot_grey.gif) bottom left repeat-x;
	padding: 2px 2px 2px 20px;
	margin-bottom:10px;
}
span.icon-title{
	background: url(../_img/_ico/grtv.gif) no-repeat center;
	padding-left:15px;
	padding-right:10px;
}
.content a{
	text-decoration:underline;
	color:#000;
}
.content>ul, .content>li{
	margin-left:25px;
	list-style-type:square;
}
.content hr{
	margin-bottom:15px;
	height:1px;
}
/*
 ------------------  Spalten
*/
div.spalten h3{
	font-weight:bold;
	font-size:12px;
	clear:both;
	float:left;
}
div.spalten div.text{
	margin:0 0 5px 200px;
}
/*
 ------------------  Liste
*/
div.content-liste{
	padding-right:20px !important;
}

/*-------------------------------------------
 6.0 Navigation
-------------------------------------------*/
ul#nav ul.nav-inactive {
	display: none;
}

ul#nav{
	margin:10px 0px;
}
ul#nav, ul#nav ul {
	list-style:none;
}

ul#nav li {
	background: url(../_img/linie/nav_dot_grey.gif) bottom left repeat-x;
	padding: 2px 2px 2px 20px;
}

ul#nav li.nav-last {
	background: none;
}

ul#nav li a {
	color: #666;
	text-decoration: none;
}

ul#nav li a.nav-active-1lvl-a {
	font-weight: bold;
}

ul#nav ul {
	margin: 0 0 14px 10px;
}

ul#nav ul li {
	background: none;
	list-style:square;
	padding-left: 0;
	color: #666;
}

ul#nav li a.nav-active-2lvl-a {
	color: red;
}

/*-------------------------------------------
 7.0 Links
-------------------------------------------*/
ul#links{
	background-color:#fff;
	list-style-type:none;
}
ul#links li{
	/*background: url(../_img/linie/nav_dot_grey.gif) bottom left repeat-x;*/
	background: url(../_img/linie/nav_dot_white.gif) repeat-x bottom;
	padding: 2px 2px 2px 20px;
}
ul#links li a{
	color: #666;
	text-decoration: none;
}
.link a{
	color:#000;
	text-decoration:none;
}
.rechts{
	float:right;
	display:block;
}
.links{
	float:left;
	display:block;
}
.rechts img{
	padding-left:10px !important;
}
.links img{
	padding-right:10px !important;
}
.linkfiles, .linkfiles a, .linkfiles a:hover, .linkfiles a:link, .linkfiles a:visited{
	text-decoration:none !important;
}

/*-------------------------------------------
 8.0 Sitemap
-------------------------------------------*/
div#sitemap a{
	text-decoration:none;
}
div#sitemap ul{
	list-style-type:none;
}

div#sitemap li.level1{
	font-weight:bold;
	padding-top:10px;
}
div#sitemap li.level2{
	font-weight:100;
	padding-left:0px;
	margin-left:30px;
	list-style-type:square;
}
div#sitemap li.level3{
	padding-left:50px;
}
/*-------------------------------------------
 9.0 Form
-------------------------------------------*/
optgroup {
	margin: 10px 0 10px 10px;
	padding-left: 10px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
}
option {
	font-style: normal;
	text-transform: none;
	margin-left: 4px;
}

/* ---- Form Field / Icon Kalender ----- */
img.kalender-ico{margin: 5px 0 0 5px;}


/* ---- Form Field / Kontaktformular / Top----- */


.form-kontakt, .form-ver-anmeldung, .form-ver-neu{
	border: 1px solid #aaa;
	background-color: #fff;
	margin: 1px 0px;
	float: left;
	padding: 3px 0px 2px 2px;
	font-size:12px;
}
.form-kontakt {width: 260px;}
input.form-kontakt, input.form-ver-neu {height:17px;}


/* ---- Form Field / Anmeldung für eine Veranstaltung / Top----- */
.form-ver-anmeldung{
	width:350px;
}

/* ---- Form Field / Neue Veranstaltung anmelden / Top----- */
.form-ver-neu{
	width:350px;
}



/*
input.form-spezial22222{
	border: 1px solid #aaa;
	background-color: #fff;
	margin: 0px 0px 13px 0px;
	float: left;
	padding: 3px 0px 0px 2px;
	font-size:12px;
}
*/

/*


input.form-input2, input.form-input-kontakt2{
	border: 1px solid #aaa;
	background-color: #fff;
	margin: 0px 0px 13px 0px;
	float: left;
	padding: 3px 0px 0px 2px;
	font-size:12px;
}
input.form-input-big{
	width:452px;
}

.form-input-kontakt{
	width:260px;
	height:17px;
}*/



.form-title{
	background-color:#F2F2F2;
	border-right:#FFF solid 10px;
	border-left:#F2F2F2 solid 10px;
	text-align: right;
}
input[type="radio"]{
	margin-right:10px!important;
}

/* ---- Form Field / Hauptseite / Top----- */
.form-input-top {
	width: 150px;
	height: 17px;
	border: 1px solid #aaa;
	background-color: #fff;
	margin: 0px 0px 13px 0px;
	float: left;
	padding: 3px 0px 0px 2px;
	font-size:12px;
}

/* ---- Button ---- */
.btn-link { 
	display: block;
	height: 22px;
	float: left;
}

.btn-left {
	float: left;
	width: 11px;
	height: 22px;
	background: url(../_img/btn/btnLeft11.gif) no-repeat left top;
}

.btn-right {
	float: left;
	width: 11px;
	height: 22px;
	background: url(../_img/btn/btnRight11.gif) no-repeat right top;
}

.btn-text { 
	float: left;
	height: 22px;
	padding-top: 2px;
	background: url(../_img/btn/btnMid5.gif) repeat-x left top;	
}

.btn-text a, .btn-text a:link, .btn-text a:active, .btn-text a:visited, .btn-text a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.clear-both {
	clear: both;
}
/* ---- select ---- */
select {
	border: 1px solid #aaa;
	font-size: 12px;
}


/*-------------------------------------------
 10.0 Listenseiten
-------------------------------------------*/
div#nextpage{
	font-size:10px;
	text-decoration:none;
}
div#nextpage a{
	border:#999 solid 1px;
	padding:0px 2px !important;
	text-decoration:none;
	color:#666;
}
.list-content{
	padding-right:10px;
	width:460px;
	float:left;
}
.list-content .content{
	margin-right:20px !important;
	padding:0px !important;
}
.list-calendar{
	width:200px;
	float:left;
}


/*-------------------------------------------
 11.0 Printstyles
-------------------------------------------*/
.veranstaltung-bilder, .veranstaltung-bilder-gross{
	border:#999 solid 1px;
	background-color: #f2f2f2;
	padding: 10px;
	margin: 10px 10px 10px 0px;
}
.veranstaltung-bilder{
	width:120px;
	height:120px
}
.veranstaltung-bilder img, .veranstaltung-bilder-gross img{
	border:1px #CCC solid;
}

/*-------------------------------------------
 12.0 Printstyles
-------------------------------------------*/
div.top{
	border-right:#FFF solid 2px;
	border-bottom:#FFF solid 2px;
	float:left;
	height:170px;
	padding:10px !important;
}

div.top h1{
	color:#FFF;
	font-size:25px;
	line-height: 30px;
	font-weight: bolder;
	text-transform: uppercase;
	text-decoration: none;
	margin-top:10px !important;
}
div.top span{
	color:#FFF;
}
div#top1{
	background-image:url(../_img/_bg/grey-red.jpg);
	width:180px;
}
div#top2{
	background: url(../_img/top/kalender.jpg) right bottom;
	padding-right:0px !important;
	width:280px;
}

div#top3{
	background: url(../_img/top/schuhe.jpg) right bottom;
	width:386px;
}
div#top4{
	background-image:url(../_img/_bg/grey-red-2.jpg);
	width:678px;
}
input.top{
	width:150px;
	border:0px;
}
input.btn-top{
	border:1px solid #999;
	background-color:#FFF;
	font-size:10px;
}
/*-------------------------------------------
 13.0 Sitemap
-------------------------------------------*/
ul>ul{
padding-left:5px;
}
li.level3{
	margin-left:10px;
}