@charset "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none; font-family:inherit; font-size: 100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline; }

/* Internet Explorer and the Expanding Box Problem.
tell IE 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
/* body { word-wrap: break-word; }*/
/* kollidiert mit slideshow ie7 letztes li*/

html,  body { color: #464038; font: 11px/150% Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; }
/*overflow-y: scroll; height: 101%; erzeugt einen vertikalen scrollbalken, um das gehuepfe zu verhindern*/
html { background: #f0f0f0 url(../back200px.jpg) repeat-x fixed 50% top; overflow-y: scroll; }
/*defines the width so #content can center*/
#webpage { width: 100%; height: 100px; }
/*centers the content: margin: 0px (distance to top) auto 0;(left an right=centers div) */
#wrapper { width: 960px; overflow: visible; margin: 0 auto; }
/*auf gehts*/
#main { position: absolute; width: 960px; }
strong { font-weight: bold; }
a:link { color: #464038; font-weight: bold; text-decoration: none; }
a:visited { color: #464038; font-weight: bold; text-decoration: none; }
a:hover { color: #830a23; font-weight: bold; }
a:active { color: #932037; font-weight: bold; }
#nav { height: 20px; width: 100%; left: 0; top: 120px; z-index: 10; position: absolute; visibility: visible; }
.nav, .navrechts { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #000; text-decoration: none; }
.nav { float: left; }
.navrechts { float: right; }
.navactive { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #830a23; text-decoration: none; }
.nav a, .navrechts a { color: #000; font-weight: normal; font-style: normal; text-decoration: none; margin-right: 15px; margin-left: 5px; }
.nav a:visited, .navrechts a:visited{ color: #000; font-weight: normal; font-style: normal; text-decoration: none; }
.nav a:active, .navrechts a:active { color: #932037; font-weight: normal; font-style: normal; text-decoration: underline; }
.nav a:hover,  a:focus, .navrechts a:hover,  a:focus { color: #830a23; font-weight: normal; font-style: normal; text-decoration: none; }
#logo { top: 20px; z-index: 10; position: absolute; right: 0; visibility: visible; }
/*content_container unter navigation !overflow: hidden; um zu maskieren*/
#contentbox { position: absolute; top: 135px; width: 100%; height: auto; padding-bottom: 60px; }
.linie { background-image: url(../linie.gif); background-repeat: repeat-x; background-position: 100% top; width: 100%; height: 5px; clear: left; }
.clear {clear: both;	height: 0;visibility: hidden;	display: block; }

/*agentur eines kannste enfernen sobald agentur leute titel entschieden ist.*/
.absolute { position: absolute; }
.titel { position: absolute; top: -18px; width: 400px; font: bold 10px/22px Verdana, Arial; text-decoration: none; left: 1px; display: none; }
.absolute2 { position: absolute; }
.titelmitback { font: bold 10px/22px Verdana, Arial; background-color: #eee; text-decoration: none; display: block; position: absolute; top: -85px; left: 50px; width: 250px; height: 25px; z-index: 1; padding-top: 5px; padding-right: 20px; padding-left: 20px; }

.bild { background-color: white; height: auto; width: 960px; margin-top: 20px; margin-bottom: 20px; }
/*formatierung*/

/*text*/
.headline { font-weight: bold; }
/* spalten */
.grid { width: 980px; height: auto; overflow: visible; margin-top: 20px; }
/*width: um soviel breiter als margin rechts der colums darin um ein umbrechen zu verhindern  bei gleicher classe der colums*/
/*der untere abstand wird nicht vom grid sondern vom column definiert der grid weiss nicht wie gross der darin enthaltene column sein wird.*/

.col1u1 { margin-right: 8px; width: 960px; height: auto; float: left; margin-bottom: 10px; }

.col1u3left { float: left; height:auto; width: 234px; margin-right: 8px; margin-bottom: 10px; }
.col1u3right{ float: left; height:auto; width: 718px; margin-bottom: 10px; }

/*kleine news-agentur-teaser*/
.col4u4{ margin-right: 8px; width: 234px; height: auto; float: left; margin-bottom: 20px; cursor: pointer; }
	/* aufraumen */
.newsminipic { background-color: white; width: 234px; height:90px; margin-bottom: 10px; }
.newsminitxt { width: 229px; height:auto; margin-top: 10px;  }

.col7u7 { background-color: white; margin-right: 8px; width: 130px; height: 60px; float: left; margin-top: 10px; margin-bottom: 10px; }

	/* news thumbnails mit jquery event aktive schalten */
	/* #c1.active, #c2.active, #c3.active, #c4.active { color: black; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; } */
#c1.active, #c2.active, #c3.active, #c4.active {  } 	/* von tabs.js noch unsinnig benutzt */


	/* grosse (news) anzeige */
.contentc1, .contentc2, .contentc3, .contentc4 { width: 960px; height: auto; }
.contentc1 {	display: block;}
.contentc2 {	display: none;}
.contentc3 {	display: none;}
.contentc4 {	display: none;}

/*deutlich machen der veraenderungen*/
.mikekommentar { color: orange; }

a.mini:link { color: #464038; font-weight: normal; text-decoration: none; }
a.mini:visited { color: #464038; font-weight: normal; text-decoration: none; }
a.mini:hover { color: #830a23; font-weight: normal; }
a.mini:active { color: #932037; font-weight: normal; }