/*  
Theme Name: FUF Template
Theme URI: http://wwww.fuf.de/
Description: FUF Template
Version: 1.0
Author: upaule
Author URI: mailto:up@fuf.de


*/

form {margin:0; padding:0;}
img {border:0;}
br {clear:both;}
table,td {font-size:100%;}
object,embed {display:block;}
* {box-sizing: border-box; -moz-box-sizing: border-box;}

body {
background: #646464 url(images/body_bg.jpg) repeat-x 0 0;
text-align:center;
margin:0 0 20px 0;
font-family: Arial, sans-serif;
font-size: .75em;
color: #7D7D7D;
}


#page {
position: relative;
width: 660px;
text-align:left;
margin: 0 auto;
background: #F0F0F0 url(images/pagebg.gif) repeat-y 0 0;
}

#head {
position: relative;
padding: 20px 0 0 20px;
height:170px;
overflow:hidden;
background: #F0F0F0 url(images/head_bg.jpg) no-repeat center top;
}
*:first-child+html #head {
height: 150px;
}

#hrhead {
margin: 0 20px 10px 0;
background: transparent url(images/navi_bg.gif) 0 0 repeat;
font-size: 0.85em;
}
* html #hrhead {
width:100%;
}
#hrhead a {
text-transform: uppercase;
text-decoration: none;
color: #7D7D7D;
background-color: #F0F0F0;
padding: 0 0 0 10px;
float:right;
}
#hrhead a:hover {
color: #00A4E8;
}


#body {
padding-top:10px;
padding-left:20px;
background: transparent url(images/content_bg.jpg) no-repeat 0 0;
}

#navi {
width: 220px;
margin: 0px 10px 0 0;
float:left;
overflow:hidden;
font-size: 0.85em;
}

#content {
width: 390px;
margin: 0;
float:left;
background-color: red;
overflow:hidden;
background-color: white;
}


.box {
background-color: white;
padding:10px;
margin-bottom:10px;
overflow:hidden;
}
.fix {
height:220px;
}

#tipdiv {
position:absolute;
width: 108px;
height: 39px;
top: 0;
left: 0;
display:none;
padding: 5px 0 0 4px;
white-space: nowrap;
font-size: 10px;
color: #7D7D7D;
text-transform:uppercase;
text-align:left;
}
* html #tipdiv {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ttip.png');
}
html > body #tipdiv {
background-image: url(/images/ttip.png);
}


* html .smalltip {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ttip-s.png') !important;
width: 50px !important;
}
html > body .smalltip {
background-image: url(/images/ttip-s.png) !important;
width: 50px !important;
}


#navi br {font-size:1px;}

#mainnavi br {
display: none;
}

#mainnavi .active {
color: #00A4E8;
}

#mainnavi strong {
background-color:white;
font-weight:normal;
border-right:10px white solid;
float:left;
}

/*
#navi a {
text-transform:uppercase;
clear:both;
width:100%;
max-height:13px !important;
overflow:hidden !important;
}

#navi br {
display:none;
}*/

#navi a, .contextbox a {
color: #7D7D7D;
text-decoration:none;
cursor: pointer;
}


#mainnavi a {
background: white url(images/navi_bg.gif) repeat 0 0;
text-decoration:none;
display: block;
width: 200px;
padding:0px;
height:13px;
margin-bottom: 10px;
overflow:hidden;
color: #7D7D7D;
text-decoration:none;
text-transform: uppercase;
}

#mainnavi a span {
display:block;
float:left;
margin:0;
height: 40px;
background-image: url(images/navi_bg_hover.gif);
width:0px;
}


h3,h4 {
font-size: 1em;
line-height:150%;
margin:15px 0 -15px 0;
padding:0;
color: #646464;
}

p {
line-height:150%;
margin:1.2em 0 1.2em 0; padding:0;
}

.box div p {
margin: 0px;
}


.strong p {
color:white;
background-color: #BBBBBB;
text-transform:uppercase;
margin:0;padding:10px;

}


p .link {
display:block;
margin:0 0 -0.2em 0;
padding-bottom:1px;
}

a.link, .link a {
display:block;
text-decoration:none;
color: #7D7D7D;
padding-left:20px;
background-image: url(images/linkarrw.gif);
background-repeat:no-repeat;
background-position: 0 0;
font-weight:normal;
}

a.download, .download a {
background-image: url(images/linkdwnl.gif) !important;
}


#content a {color: #7D7D7D;}
#content a:visited {color: #AFAFAF;}
#content a:hover,a:focus,#navi a:hover {color: #00A4E8 !important;}
#content a:active,#navi a:active {color: #323232 !important;}

.link:visited {
color: #AFAFAF;
background-position: 0 -120px;
}

.link:hover, .link:focus {
color: #00A4E8 !important;
background-position: 0 -40px !important;
}

.link:active {
color: #323232 !important;
background-position: 0 -80px !important;
}

.halb {
margin-bottom: 10px;
}
.links {
float:left;
margin-right: 10px;
}
.rechts {
float:right;
}


ul {
padding-left: 14px;
line-height: 150%;
}

h1,h2 {
margin:9px 0 10px 0;
padding:0;
font-size:1.5em;
font-weight: normal;
color:#00A4E8;
line-height:120%;
}

h2 a, h2 a:visited {
color:#00A4E8 !important;
text-decoration: none;
}

h2 a:hover {
/* text-decoration: underline; */
border-bottom: 1px dotted #00A4E8;
}

h2 em {
font-style:normal;
display:block;
}

.combiteaser h2+br, .textteaser h2+br {
display: none;
}

table {
width:100%;
margin:1.2em 0 1.2em 0;
}
td {
width:50%;
vertical-align:top;
}

.printonly {display:none;}

#flashpath {
position:absolute;
left:25px;
bottom:3px;
}

.infobox {
line-height: 140%;
}

.infobox br {
display: inline !important;
}

.blue {
color: #00A4E8;
}

.contextbox {
position:absolute;
left:20px;
top:433px;
width:220px;
background-color:white;
display:block;
font-size: 0.8em;
text-transform:uppercase;
}


/* WP */
.post {
padding: 0 10px 10px;
border-bottom: 10px #F0F0F0 solid;
}

#footer {
padding-top:10px;
padding-bottom:10px;
text-align: center;
color: #7D7D7D;
font-size: 0.7em;
}
#footer * {
color: #7D7D7D;
}

.teaserdate {
font-size: 0.9em;
margin-top:8px;
}
.combiteaser .teaserdate {
margin-top:0;
}


#pagepage h1, #pagepage h2 {
margin-top:10px;
}


.teaserdate {
display:block;
line-height:150%;
}
.cats {
font-size: 0.9em;
line-height:150%;
font-weight:normal;
}

/* #content .cats a, #content .cats a:visited {
font-weight:normal;
color: #7D7D7D;
text-decoration: none;
}

#content .cats a {
font-weight:normal;
color: #7D7D7D;
border-bottom: 1px dotted #7D7D7D;
}


#content .cats a:hover {
border-bottom: 1px dotted #00A4E8;
}
*/

#homepageplayer {
padding-top:0;
padding-bottom:0;
}

#homepageplayer embed, #homeplayer object {
display:block;
}

.combiteaser {
display:block;
position: relative;
padding-left: 175px;
min-height: 165px;
}

*+ html .combiteaser {
min-height: 165px !important;
}

.post .nop p {
	margin: 0;
	padding-top: 10px;
}

.post .nop .teaserdate {
	margin-top: 0;
}

.combiteaser img {
position: absolute;
left: 0;
top:0;
}

#s, .textinput {
width:100%;
border:1px #b0b0b0 solid;
padding: 2px 0 2px 0;
color: #00A4E8;
font-family: Arial, sans-serif;
font-size: 1.1em;
}

.textinput {
color: #7D7D7D;
}

.commentlist {
padding-left: 0px;
margin-left: 0px;
margin-top: 25px;
}

.commentlist li {
padding-left: 0px;
margin-left: 30px;
}

.commentmetadata {
display:block;
margin-bottom:-10px;
}

#head h1, #head h2 {display:none;}

/* --------------------- PRINT-STYLE ---------------------- */

@media print {

body {
	width: 100%;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	color: #000000;
	}

h1, h2, h3 {
	font-family: Arial, sans-serif;
	color: #000000;
	font-weight: bold;
	}
	
#content {overflow:visible;}
	
#head, #navi, #player_dynamisch, #footer,  #comment .textinput, #commentform, #hrhead {display:none;}

#head a img {
	display:block !important; 
	}
#page, #content {
	width: 100%; 
	background-color: #ffffff;
	}

a {text-decoration: none;}

}
#infobox_presse {
	width:120px;
	clear: none;
	float: right;
	margin-bottom: 20px;
}


/* 
 * Twitter
 * kscheffelmeier <ks@fuf.de>
 */
.twitter_icon {
	background: url('images/twitter2.gif') no-repeat top;
	height: 16px;
	width: 26px;
	float: left;
	margin-right: 7px;
}

.twitter_text {
	float: left;
	text-transform: uppercase;
	margin-top: 3px;
}

.aktt_tweets ul {
  padding: 0;
  list-style-type: none;
  margin: 0px;
}

.aktt_tweets li {
	margin-top:5px;
	margin-bottom: 10px;
	background: url('images/twitt_upper.gif') no-repeat top;
	border-bottom: 1px solid #B0B0B0;
	border-top: none;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.aktt_tweets a {
	color: #00A4E8 !important;
}

.aktt_tweets a:hover {
	border-bottom: 1px dotted #00A4E8;
}

.footInfo {
	font-size:11px;
	line-height: 30px;
	color:#999999;
}

.footInfo a {
	color:#999999;
	text-decoration: underline;
}