/*co:medio Stylesheet © 2007*/

body		  { background-image: url("../pictures/comedio_background.jpg"); background-repeat: repeat-x; position: absolute; top: 0; left: 0px; margin: 0px auto }

.rahmen	{ position: absolute; top: 0px; left: 50px; margin: 0px auto }

.content { position: absolute; top: 180px; z-index: 2; left: 25px; width: 590px; color: #333333; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica; line-height: 20px; list-style-image: url("../pictures/li.gif") }

p 										{  }
p a:link				{ color: #CC6600; font-size: 14px; text-decoration: none }
p a:visited	{ color: #CC6600; font-size: 14px; text-decoration: none }
p a:hover			{ color: #FF9900; font-size: 14px; text-decoration: none }
p a:after			{ content:url(../pictures/url.gif) }

.bodytext { color: #333333; font-size: 14px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica }

.navi { text-align: left; position: absolute; z-index: 2; top: 98px; left: 0; width: 600px; height: 75px }

.sitemap  { color: #FFFFFF; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; position: absolute; z-index: 2; top: 138px; left: 25px; width: 600px; height: 75px }
.sitemap a:link				{ color: #FFFFFF; font-size: 10px; text-decoration: none }
.sitemap a:visited	{ color: #FFFFFF; font-size: 10px; text-decoration: none }
.sitemap a:hover			{ color: #CC6600; font-size: 10px; text-decoration: none }

hr { background-color: #FF9900; height: 1px; border: 0 transparent; width: 590px }

h1  { color: #ff9900; font-size: 30px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica; height: 27px }

/*co:medio BILDMATERIAL*/

img 						{ border: 0 }
.picture  { margin-top: -5px; margin-right: 20px; width: 155px; height: 135px }
.spirale  { position: absolute; top: 200px; left: -150px }
.logo 				{ position: absolute; top: 0px; left: 0px }
.puzzle 		{ position: absolute; top: -30px; left: 300px }

/*co:medio BODYTEXT START*/

.subheadline   		  { color: #333333; font-size: 16px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica; font-weight: 600; line-height: 28px }

.keywords   { color: #999999; font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica; text-transform: uppercase }
.keywords a:link				{ color: #999999; font-size: 10px; text-decoration: none }
.keywords a:visited	{ color: #999999; font-size: 10px; text-decoration: none }
.keywords a:hover			{ color: #FF9900; font-size: 17px; text-decoration: none }

/*co:medio FUSS */

.fuss						 { color: #808080; font-size: 11px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica; line-height: 14px; text-align: center; width: 590px; float: none }
.fuss a:link				{ color: #CC6600; font-size: 11px; text-decoration: none }
.fuss a:visited	{ color: #CC6600; font-size: 11px; text-decoration: none }
.fuss a:hover			{ color: #FF9900; font-size: 11px; text-decoration: none }


/*co:medio NEWS */

.news   { position: absolute; z-index: 9; top: 0px; left: 650px; width: 220px }

.newsKopfbild   { background-image: url("../pictures/news/news_kachel.gif"); margin-bottom: -150px; position: absolute; z-index: 9; top: 0; left: 0; width: 220px; height: 150px }
.newsSchatten   { margin-bottom: -321px; position: absolute; z-index: 9; top: 0; left: 207; width: 23px; height: 321px }

.newsHead	     { color: #FFFFFF; font-size: 20px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica; font-weight: 700; line-height: 25px; text-align: center; text-transform: uppercase; position: absolute; z-index: 10; top: 100px; left: 35px }

.newsCon    { background-color: transparent; background-image: url("../pictures/news/news_kachel.gif"); text-align: left; width: 220px }

.newsTitel	   { color: #FFFFFF; font-size: 13px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica; font-weight: 700; line-height: 15px; text-align: left; margin-bottom: 10px; position: relative; z-index: 20; left: 21px; width: 180px }
.newsTitel a:link				{ color: #FFFFFF; text-decoration: none }
.newsTitel a:visited	{ color: #FFFFFF; text-decoration: none }
.newsTitel a:hover			{ color: #CC6600; text-decoration: none }

.newsBody	  { color: #FFFFFF; font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica; line-height: 15px; text-align: left; margin-bottom: 10px; position: relative; left: 21px; width: 180px }

.newsWeiter  { color: #FFFFFF; font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica; font-weight: 700; line-height: 15px; text-align: left; position: relative; left: 20px; width: 170px }
.newsDok     { text-align: right; position: relative; right: -55px }

.newsWeiter a:link				{ color: #FFFFFF; text-decoration: none }
.newsWeiter a:visited	{ color: #FFFFFF; text-decoration: none }
.newsWeiter a:hover			{ color: #CC6600; text-decoration: none }

.newsTrenner   { margin-top: 17px; margin-bottom: 12px; position: relative; left: 20px; width: 173px; height: 5px }

/*co:medio FORMULAR */

input				   { color: #666666; font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica; line-height: 12px; text-align: left; margin-right: 5px; margin-left: 5px; padding: 2px 5px; border: solid 1px #ccc }
textarea				 { color: #666666; font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica; line-height: 15px; text-align: left; margin-bottom: 10px; padding: 2px 5px; width: 590px; border: solid 1px #ccc }

input:focus 		 { color: #000000; background-color: #FFCC66 }
textarea:focus	{ color: #000000; background-color: #FFCC66 }


/*co:medio AKTUELLES */

.aktuelles							{ color: #555555; font-size: 12px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica;  }
.aktuelles a:link				{ color: #FF9900; font-size: 12px; text-decoration: none }
.aktuelles a:visited	{ color: #FF9900; font-size: 12px; text-decoration: none }
.aktuelles a:hover			{ color: #996633; font-size: 12px; text-decoration: none }
.aktuelles a:after			{ content:url(../pictures/url.gif) }

.aktuelles_headline											{ font-weight: 700; font-size: 18px; text-decoration: none }
.aktuelles_headline a:link				{ color: #FF9900; font-size: 18px; text-decoration: none }
.aktuelles_headline a:visited	{ color: #FF9900; font-size: 18px; text-decoration: none }
.aktuelles_headline a:hover			{ color: #996633; font-size: 18px; text-decoration: none }

.aktuelles_datum			{ color: #666666; font-size: 10px; font-family: Arial, Verdana, "Trebuchet MS", Helvetica; line-height: 12px }

.Trenner   { background-color: #FFFFFF; background-image: url("../pictures/hr.gif"); background-repeat: repeat-x; width: 590px; height: 3px; border: solid 0 #FFFFFF; clear:left }