@import url(css/general.css);
@import url(css/classes.css);

body  {
background:url(img/scanline.gif);
font-size:13px;
font-family:Arial,Verdana,Helvetica,sans-serif;
color:rgb(100,101,101);
}
#container { 
	width:740px;
  background:#FFFFFF;
	margin:15px auto;
	padding:0 15px;
	text-align:left;
	padding-bottom:15px;
} 
#header { 
	height:100px;
  position:relative;
  margin-bottom:8px;
}
#logo {
  position:absolute;
  bottom:0;
  left:0;
}
#navi {
position:absolute;
text-align:right;
bottom:15px;
right:0;
height:15px;
}
#navi ul li {
list-style-type:none;
margin:0;
padding:0;
float:left;
margin-left:16px;
}
#topwidget {
position:absolute;
top:0;
right:0;
color:rgb(174,175,173);
background:url(img/topwidget.png) right top no-repeat;
padding-right:6px;
}
#topwidget ul {
background:url(img/topwidget.png) no-repeat;
list-style-type:none;
text-align:right;
margin:0;
padding:7px 4px 9px 10px;
}
#topwidget li {
display:inline;
margin:0;
padding:0;
}
#topwidget a,
#topwidget a:link,
#topwidget a:active,
#topwidget a:visited {
color:rgb(174,175,173);
text-decoration:none;
background:url(img/icons/arrow_right_grey.gif) 0 4px no-repeat;
padding-left:12px;
margin-right:8px;
}
#topwidget #search_input_field {
color:rgb(174,175,173);
width:65px;
border:1px solid #eef0f1;
border-right:none;
padding-left:2px;
padding-right:4px;
}
#roundSubmit {
height:20px;
width:20px;
background:url(img/input_right.png) no-repeat transparent;
border:none;
position:relative;
top:1px;
padding:0;
}
* html #topwidget input { position:relative; top:1px; }
* + html #topwidget input { position:relative; top:1px; }

#hhr {
background:url(img/header_hr.png) repeat-x;
margin-bottom:6px;
text-align:right;
}
#left  {
	float: left;
	width: 219px;
	padding:6px 0 0 15px;
}
#content { 
	width:100%;
	overflow:hidden;
}
#contentLeft,
#sidebar {
width:194px;
float:left;
}
#sidebar {
width:204px;
}
.narrowcolumn {
margin-left:204px;
padding:0 16px 0 22px;
}
#contentRight {
margin-left:194px;
}
#contentLeft .menuLeft {
padding:8px 0 0 8px;
}
#footer { 
	padding-top:8px; 
} 
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.subcolumns {
  width: 100%;
  overflow: hidden;
}
.c33l {
width:33.33%;
float:left;
}
.c33r {
width:33.33%;
float:right;
margin-left:-5px;
}
.c33Divider {
width:2%;
float:left;
}

#foot {
padding-top:8px;
margin-top:8px;
border-top:1px solid rgb(220,220,220);
text-align:center;
}
#article {
margin:0 15px 0 15px;
}
.art_teaser {
margin-left:228px;
background:url(img/article_teaser.png) repeat-x;
font-size:12px;
padding:4px 2px 0 2px;
}
.cFeather {
height:13px;
}
.cLT {
background:url(img/content_feather_left.jpg) 0 -13px no-repeat;
}
div#featherTop {
background:url(img/content_feather_right.jpg) right -13px no-repeat;
border-top:1px solid rgb(228,231,232);
}
#featherBottom .cLT {
background:url(img/content_feather_left.jpg) 0 0 no-repeat;
}
div#featherBottom {
background:url(img/content_feather_right.jpg) right 0 no-repeat;
border-bottom:1px solid rgb(228,231,232);
}
.imgDIVinTextLeft {
  float: left;
	width: 228px;
}
.subcol {
width: 100%; overflow:hidden;
}
.subcolL {
width:50%;
float:left;
}
.subcolR {
width:50%;
float:right;
margin-left:-5px;
}
* html #container .imgDIVinTextLeft {
margin-bottom:-3px; 
}
*:first-child+html #container .imgDIVinTextLeft {
margin-bottom:-3px; 
}
.img2col {
padding-left:25px;
}
.img2colEntry {
float:left;padding:5px;border:1px solid #CCCCCC;margin:5px 5px 0 0;
}
.img2colSpacer {
float:left;
}
.oneRow, .multiRow {
border:1px solid rgb(100,101,101);
width:250px;
padding:2px;
}
.oneRow:hover,
.multiRow:hover,
.oneRow:focus,
.multiRow:focus {
border:1px solid rgb(46,170,220);
}
.multiRow {
height:200px;
}
.contForm .formField {
padding:0 0 8px 19px;
}
.contForm .formLabel, .formLabelRequired {
vertical-align:top;
width:204px;
padding:2px 0 0 0;
text-align:right;
}
.neWidgetContent .contForm .formLabel, .formLabelRequired {
width:auto;
}
.labelError {
color:#ff0000;
padding:4px;
}
.ssCols .c33l .box {
margin-right:8px;
}
.ssCols .c1 {
width:241px;
}
.ssCols .c2 {
width:252px;
}
.ssCols ul,
.ssCols li {
list-style-type:none;
margin:0;
padding:0;
}
.ssCols li {
padding-left:7px;
background:url(img/pfolio_bullet.gif) 0 5px no-repeat;
line-height:18px;
margin-bottom:2px;
}
.ssCols li a,
.ssCols li a:link,
.ssCols li a:visited,
.ssCols li a:active {

}
.doubleCornerImg {
margin:0 auto;
padding:1px;
border:1px solid rgb(197,197,197);
}
#startseite {
width:100%;
overflow:hidden;
margin-bottom:8px;
}
* + html #startseite { margin-top:-3px; }
* html #startseite { margin-top:-3px; }
.ssRight {
width:484px;
float:right;
background:url(img/box_greyshade.png) rgb(239,239,239) repeat-x;
padding:10px;
padding-right:4px;
border:1px solid rgb(223,223,223);
border-width:0 0 1px 1px;
}
.ssLeft {
background:url(img/box_greyshade_invert.png) #fff repeat-x;
width:241px;
float:left;
}
.ssLeft .box {
margin:8px 8px 0 0;
}
#songs {

}
#songTicker {
background:url(img/player/speaker.gif) 0 3px no-repeat;
padding-left:16px;
overflow:hidden;
white-space:nowrap;
margin-bottom:12px;
}
#songTicker a,
#songTicker a:link,
#songTicker a:active,
#songTicker a:visited {
color:rgb(46,170,220);
}
#songStatus {
width:100%;
overflow:hidden;
}
#songTime {
font-size:12px;
margin-left:4px;
}
#songBar {
width:160px;
float:right;
margin-right:4px;
background:url(img/player/bar_bg.gif) 0 4px no-repeat;
}
#songBGBar {
}
#songFGBar {
background:url(img/player/bar_playing.gif) 0 4px repeat-x;
margin-left:2px;
width:12px;
}
#songKnob {
height:13px;
margin-left:-2px;
background:url(img/player/knob.gif) right 0 no-repeat;
}
.article_gradient {
background:url(img/article_gradient.gif) repeat-x;
}
.wsAktuell {
height:48px;
position:relative;
margin-left:228px;
border:1px solid rgb(44,169,223);
border-width:1px 1px 1px 0;
}
.wsRecent {
top:0; left:0;
height:48px;
background:url(img/recent.gif) no-repeat;
}
a.fileTitle,
a:link.fileTitle {
display:block;
padding-bottom:2px;
font-size:14px;
font-weight:bold;
color:rgb(46,170,220);
}
#pfolio h3 {
font-size:18px;
color:rgb(46,170,220);
/*background:url(img/hr_dashed_light.gif) repeat-x;*/
padding-top:8px;
}
#pfolio h2 {
font-size:22px;
padding-bottom:8px;
background:url(img/hr_dashed_light.gif) 0 bottom repeat-x;
}
* html #pfolio h3 {
margin-top:2px; 
}
#pfolio p {
margin-bottom:1em;
}
.pfBox {
margin-bottom:16px;
overflow:hidden;
padding:0;
}
* html #content .pfBox { padding-bottom:8px; }
.pfBoxLeft {
width:302px;
float:left;
background:url(img/box_delimit.png) right center no-repeat;
}
.pfBoxRight {
margin-left:302px;
margin-top:2px;
}
.pfDo {
margin:8px;
}
.pfDo ul {
list-style-type:none;
margin:0; padding:0;
}
.pfDo ul li {
padding-left:7px;
background:url(img/pfolio_bullet.gif) 0 5px no-repeat;
font-weight:bold;
}
.pfImg {
text-align:center;
}
.pfImgGrey,
.pfImgGrey a,
.pfImgGrey a img {
display:block;
width:169px;
height:35px;
background-position:center;
}
.pfImgGrey {
background-repeat:no-repeat;
padding:1px;
margin:0 auto;
margin-top:6px;
border:1px solid rgb(180,201,209);
}
.pfImgGrey img {
visibility:hidden;
}
.pfImgGrey div {
background-position:center;
}
div:hover.pfImgGrey img {
visibility:visible;
}
.blogItem {
background:rgb(250,251,251);
padding:4px;
position:relative;
padding-top:36px;
}
#startseite a.blogTitle,
#startseite a:link.blogTitle,
#startseite a:active.blogTitle,
#startseite a:visited.blogTitle {
position:absolute;
bottom:164px;
font-weight:bold;
border-bottom:none;
}
.blogFoot {
width:100%;
overflow:hidden;
display:block;
padding:2px 0;
border-top:1px dotted rgb(165,190,200);
color:rgb(200,215,221);
background:transparent;
}
#startseite a.blogMore,
#startseite a:link.blogMore,
#startseite a:active.blogMore,
#startseite a:visited.blogMore {
text-align:right;
color:rgb(46,170,220);
border-bottom:none;
width:100px;
white-space:nowrap;
float:right;
}
a:hover.blogMore {
font-weight:bold;
}
.blogText {
padding:4px 0;
border-top:1px solid rgb(165,190,200);
height:128px;
}


.creditA {
text-transform:uppercase;
color:rgb(46,170,220);
font-size:18px;
margin-left:204px;
padding-left:24px;
}
.creditB {
text-transform:uppercase;
color:rgb(165,190,200);
font-size:22px;
font-weight:bold;
margin-left:204px;
padding-left:24px;
padding-top:2px;
}
#content .creditB a {
text-decoration:none;
}
.creditThumb {
width:204px;
overflow:hidden;
float:left;
}
.creditB a:hover {
color:rgb(46,170,220);
}
#exd_items a, #exd_items a:hover {
  border:none;
  text-decoration:none;
}
#exd_items .hr {
margin:6px 0;
}
.creditInf {
width:100%;
overflow:hidden;
margin-top:4px;
}
.creditInfL {
  width:204px;
  float:left;
  text-align:right;
  font-weight:bold;
  color:rgb(46,170,220);
}
.creditInfR {
  padding-left:24px;
  margin-left:204px;
}
#creditImages {
width:100%;
overflow:hidden;
border-top:1px solid rgb(238,239,239);
margin-top:8px;
}
.exdRow3 {
padding-left:16px;
border-top:1px solid rgb(238,239,239);
margin-top:8px;
}
.exdRow3 #creditImages {
margin:0;
border:0;
}
.creditThumb {
border:1px solid rgb(238,239,239);
margin-top:16px;
}
.creditThumb,
.creditThumb a {
text-align:center;
}
.creditImage {
text-align:center;
margin-top:16px;
}
#exdTop {
width:100%;
overflow:hidden;
text-align:center;
padding-bottom:8px;
margin-bottom:8px;
border-bottom:1px solid rgb(238,239,239);
}
#exdTop .linkPrev {
float:left;
}
#exdTop .linkNext {
float:right;
}