body
{
	background-color: #4e626c;
	background-image: url(gfx/kachel.gif);
	margin: 0;
	font-family: 'Myriad', sans-serif;
	color:#66757E;
	font-size: 12px;
}


a
{
	color: #ff6100;
	text-decoration: none;
}
a:hover
{
	color: #333;
}



h1, h2, h3, h4 { font-weight: normal; color: #ff6100;}
h1 {font-size:28px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:12px;}

ul{	list-style-type:none;}

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

#site
{
	margin: 60px auto 20px auto;
	width: 850px;
}

#site #head
{
	background-image: url(gfx/sub_logo.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	height: 65px;
	padding: 0 0 10px 12px;
}
#site #head .left{
	width: 450px;
	float: left;
	padding: 0;
}
#site #head .right{
	width: 300px;
	padding-top: 5px;
	float: right;
}
#site #head .right a span { display: none; }
#site #head .right a div{ float:right; margin-left: 10px; }

#site #head .right a#cclink { background-image: url(gfx/logobutton-cc_a.gif);}
#site #head .right a#cclink div{ background-image: url(gfx/logobutton-cc.gif);  width:52px; height:58px;}
#site #head .right a#cclink:hover div{ background-image: url(gfx/logobutton-cc_a.gif);}

#site #head .right a#kikalink { background-image: url(gfx/logobutton-kika_a.gif);}
#site #head .right a#kikalink div{ background-image: url(gfx/logobutton-kika.gif); width:52px; height:58px; }
#site #head .right a#kikalink:hover div{background-image: url(gfx/logobutton-kika_a.gif);}

#site #head .right a#kulturlink { background-image: url(gfx/logobutton-kulturreklame_a.gif);}
#site #head .right a#kulturlink div{ background-image: url(gfx/logobutton-kulturreklame.gif);  width:118px; height:58px;}
#site #head .right a#kulturlink:hover div{background-image: url(gfx/logobutton-kulturreklame_a.gif);}


#site #head #homelink { display: block; height: 40px; width: 180px; margin-bottom: 5px;}
#site #head h1 { display: none; }

#site #head #navi
{
	margin: 0;
	color: #fff;
	letter-spacing:0.1em;
}
#site #head #navi a{color: #fff;}
#site #head #navi a.ac , #site #head #navi a:hover{color: #ff6100;}


#site #cont
{
	padding: 15px;
	background-color: #FFF;
}

#cont.showcase #filter{font-size: 10px; padding: 0 5px ;}
#cont.showcase #filter a{color: #ccc;}
#cont.showcase #filter a:hover{color: #333;}


#cont.showcase #filter_g {font-size: 10px; color: #66757E; padding: 10px ; background-color:#EFF2F3; margin-bottom: 10px;}
#cont.showcase #filter_g a:hover{color: #66757E;}
#cont.showcase #filter_g .punkt{padding: 0 3px;}

#cont.showcase #pager{text-align: center; font-size: 10px; padding: 15px 0 0 0; border-top: 1px dotted #557b89; margin-top:15px;}


#cont.showcase .eintrag
{
	margin: 15px 0 0 0;
	border-top: 1px dotted #557b89; 
	padding:  15px 0 0 0;
	float: none;
	clear: both;
}
#cont.showcase .eintrag.erster
{
	margin: 0;
	padding: 0;
	border: none;
}

#cont.showcase .eintrag .datum{	font-size: 10px; color:#999;}
#cont .eintrag .imgBox
{
	width: 450px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	background-color: #fff;
}
#cont.showcase .eintrag .imgBox ul, #cont.showcase .eintrag .imgBox li{
	margin:0;
	padding:0;
}

#cont .eintrag .textBox
{
	width: 355px;
	float: right;
}
#cont .eintrag .textBox h3{margin: 10px 0 0 0;}
#cont .eintrag .textBox h4{ font-weight: bold; color:#999;}



#cont.profil h1{margin: 20px 0 10px 0;}
#cont.profil h4{margin: 5px 0 10px 0;}



#cont.kontakt #karte{width:820px; height:400px;}
#cont.kontakt h1{margin: 25px 0 10px 0;}
#cont.kontakt ul {
	margin: 20px 0;
	padding:0;
}
#cont.kontakt li{
	margin:0;
	padding:0;
}