/*
FARBEN

Kategorie Home
helles Blau: #00CCFF
dunkles Blau: #0099FF;
Blau Text:

Kategorie Rathaus
helles Blau: #00CCFF ***
dunkles Blau: #0099FF;
Blau Text:

Kategorie Wirtschaft
helles Orange: #FFCC00 ***
dunkles Orange: #FF9900
Orange Text

Kategorie Tourismus
helles Gelb: #FFFF00 ***
dunkles Gelb: #FFCC00
Gelb Text:

Kategorie Kultur
helles Gr�n: #66CC33 ***
dunkles Gr�n: #669900
Gr�n Text

Hyperlinks
unbesucht
besucht
active
hover


*/


@import url("extensions.css");

*{
	font-family:Arial, Verdana, Geneva, Helvetica,  sans-serif;
}
body, div, p{
	margin: 0; padding: 0;
}
body{
	background-color:  white;
	background-repeat: repeat-y;
}
img{
	border: 0;
}
p.logo img{
	margin-top: 5px;
}
p.logo{
	background-color: white;
	text-align: center;
	width: 72px;
	height: 100%;
}
div.header1{
	height: 100px;
}
div.header2{
	margin-left: 254px;
}
div.maincontent{
	margin-left: 254px;
}
div.container{
	position:relative;
        width:980px;
	}
div.inhalt{
	margin-left: 50px;
	margin-right: 20%;
	max-width: 460px;
	min-width: 300px;

	margin-top: 2em;
	background: #ffffff;
	#height: 420px;
	float: left; 
}

/* #################################################### */
/* Horizontale Navigationsleiste			*/
/* #################################################### */

div.hnav{
	font-size: 0.8em;
	float: left;
	padding-left: 50px;
}
div.hnav ul{
	margin: 0; padding: 0;
	float: left;
}
html>body div.hnav ul {
	width: 100%;
} 

div.hnav ul li{
	list-style-type: none;
	padding: 0; margin: 0;
	text-align: center;
	float: left;
}
div.hnav a{
	display: block;
	width: 8em;
	padding: 1px 0 1px 0;
	float: left;
}

/* Alle Kategorien */
div.hnav a, div.hnav a:link, div.hnav a:visited{
	color: white;
	text-decoration: none;
}

/* Kategorie Rathaus */
ul li.rathaus a{
	background-color: #0099FF;
}
ul li.rathaus a:hover{
	background-color: #00CCFF;
}

/* Kategorie Wirtschaft */
ul li.wirtschaft a{
	background-color: #FF9900;
}
ul li.wirtschaft a:hover{
	background-color: #FFCC00;
}
/* Kategorie Wirtschaft */
ul li.freizeit a{
	background-color: #2d257a;
}
ul li.freizeit a:hover{
	background-color: #2d587a;
}
/* Kategorie Tourismus */
ul li.tourismus a{
	background-color: #FFCC00;
}
ul li.tourismus a:hover{
	background-color: #FFFF00;
}
ul li.tourismus a, ul li.tourismus a:link, ul li.tourismus a:visited{
	color: black;
}

/* Kategorie Kultur */
ul li.kultur a{
	background-color: #669900;
}
ul li.kultur a:hover{
	background-color: #66CC33;
}
/* #################################################### */
/* vertikale Linkleiste					*/
/* #################################################### */

div.links{
	width: 72px;
	position: absolute;
	
	top: 100px;
	font-size: 0.75em;
	text-align: center;
	margin: 0; padding: 0;
	left: 0px;
}

div.links ol{
	list-style: none;
	margin: 0; padding: 0;
}
* html div.links li{
	height: 1%;
}

div.links ol li a{
	display: block;
	padding: 3px 0;
	background-color:  #00CCFF;
	color: white;
}

div.links ol li a.home{
	background-color: #0099FF;;
}
div.links a{
	color: white;
	text-decoration: none;	
}
div.links a:link{
	color: white;	
}
div.links a:visited{
	color: white;	
}
div.links a:hover{
	color: #003399;	
	text-decoration: underline;
}


/* #################################################### */
/* Suchleiste						*/
/* #################################################### */
div.searchbar input{
	font-size: 0.6em;
}

div.searchbar {
height:25px;
padding:3px;
position:absolute;
right:0;
top:69px;
z-index:10;
}
div.searchbar p, div.searchbar form{
	margin: 0; padding:0;
}
div.searchbar label{
	display: none;		
}
/* Formularfeld Suchbegriff */
#sword{
	width: 120px;
}
/* Button Suchen */
#swordbutton{
	
}

/* #################################################### */
/* Vertikale Navigationsleiste				*/
/* #################################################### */
div.vnav{
	
	margin-left: 72px;
	margin-top: 50px;
	float: left;
	font-size: 0.7em;
	width: 182px;
	
	
}
* html .vnav{
	position: absolute;
}


div.vnav ol{
	list-style: none;
	margin: 0; padding: 0;
	
	
}
div.vnav li{
	margin-bottom: 0.5em;
}
div.vnav a{
	color: white;
	text-decoration: none;	
}
div.vnav a:link{
	color: white;	
}
div.vnav a:visited{
	color: white;	
}
div.vnav a:hover{
	color: #003399;	
	text-decoration: underline;
}

/* #################################################### */
/* Hyperlinks						*/
/* #################################################### */


a{
	text-decoration: underline;
	color: #0099FF;
}
a:link{
 	color: #0099FF;
}
a:visited{
 	color: #555;

}
a:hover{
	color: #003399;	
	text-decoration: none;
}
/* #################################################### */
/* Breadcrumbs				*/
/* #################################################### */
.maincontent p.breadcrumb{
	font-size: 0.7em ;
	margin-bottom: 2em;
}
.maincontent p.breadcrumb em{
	font-weight: bold;
	font-style: normal;	
}


/* #################################################### */
/* Formulare						*/
/* #################################################### */

form{
	
}

/* #################################################### */
/* Fu�leiste				                */
/* #################################################### */


div.footer{
        font-size: 0.8em;
}
div.footer .totop{
        background-image: url(../pics2/top.gif);
        background-repeat: no-repeat;
	padding-left: 16px;
}
div.footer ul{
        float: left;
        margin: 0; padding: 0;
}
html>body div.footer ul {
        width: 100%;
}
div.footer ul li{
        float: left;
        list-style: none;
        margin-right: 10px;
}
div.footer ul li a{
        display: block;
        padding: 2px 0;
}



/* #################################################### */
/* �berschriften, Schriftgr��en				*/
/* #################################################### */
.content p {
	font-size: 0.9em;
	margin-bottom: 1em;	
}
 .content dl, .content ol, .content ul {
	font-size: 0.9em;
	margin-bottom: 1em;	
 }
 ul.csc-menu-2 {
 	font-size: 1em;
	margin-bottom: 1em;
 }
.content h1{
	font-size: 1.0em;
}
.content h2{
	font-size: 0.9em;
	font-weight: bold;
}

table.contenttable {
	font-size: 0.9em;
}
/* #################################################### */
/* Skip-Leiste						*/
/* #################################################### */
div.skipbar{
	position: absolute;
	right: 10px;
	top: 10px;	
}
div.skipbar img{
	border: 1px solid white;
	font-size: 0.8em;
	color: black;
}
	
/* #################################################### */
/* News Bereich der Seite						*/
/* #################################################### */

.news-list-item , .news-latest-item{

	padding: 2px 5px 2px 5px;
	margin: 0px 5px 10px 0px;
	}
.news-list-item .header, .news-latest-item .header {
	font-weight: bold;
	font-size: 95%;
	}

.news-single-item h2 {
	font-size: 1em;
}
.news-single-item h3 {
	font-size: 90%;
}

.tt_newsRathaus {
		background-color: #d8e4f4;
	}
.tt_newsWirtschaft {
		background-color: #fce5c6;
	}
.tt_newsTourismus {
		background-color: #fef284;
	}
.tt_newsKultur {
		background-color: #cee386;
	}
.tt_newsFreizeit {
		background-color: #c7c0df;
	}
 .news-latest-gotoarchive {
 	padding: 2px 5px 2px 5px;
 }
 
/* #################################################### */
/* News Bereich der Seite						*/
/* #################################################### */ 

.tx-skcalendar-pi1 .vForm {
		font-size: 80%;
	}

.tx-skcalendar-pi1 .vForm .labelDescription{

	width: 150px;
	float: left;
	}
	
.tx-skcalendar-pi1 .listview{

	font-size: 80%;
	}

.tx-skcalendar-pi1 .listview td{
	
	
	}

.tx-ttproducts-pi1 a  {
text-decoration: none;
}


/* #################################################### */
/* Unsichtbare Elemente					*/
/* #################################################### */

.invis{
	display: none;
}


/*
#####
FLOATKILLER
http://www.positioniseverything.net/easyclearing.html
#####
*/

#clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
#clearfix {height: 1%;}
/* End hide from IE-mac */

/* ################################################## */
/* Plakatbilder                                                                                       */
/* ################################################## */

 
div.rechteSeite { 
	position: absolute;
	right: 0px;
	top: 110px;
	width: 190px;
	text-align: right;
	padding-top: 1em; 
} 
               
                           	


/* ###Aenderung der Schriftgroesse von Bildunterschriften */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {

	font-size:90%;
}