/*
Theme Name: THW Goeppingen
Theme URI: http://www.thw-goeppingen.de
Description: Ein speziel angepasstes Theme fuer den OV Goeppingen
Version: 1.0
Author: Ewgeni Nachbauer
*/

body{
font-family: Verdana ,Tahoma; font-size: 11.5px; color: #313131;
letter-spacing:0.1pt;
line-height:1.5;
background-image:url(images/Hintergrund_saett-15-tuerk.jpg);
background-position: top center;
background-repeat:repeat-x;
background-attachment:fixed;

}
.highlight { background-color:#ffff77; }

#page {
position:relative;
border:2px;
width: 1055px;
margin-left:auto; margin-right:auto;
}

.rounded{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.entry{
width:488px;
background-color:#ffffff;	
padding:20px 20px 4px 20px;
margin-top: 13px;
text-align:justify;
}

.navigation{
margin-top: 13px;
padding:5px 4px 5px 4px;
font-family: Verdana ,Tahoma; font-size: 11.5px; 
font-weight:bold;
}

.navigation a:link{color: #ffffff;}
.navigation a:visited{color: #ffffff;}
.navigation a:hover{color: #ffffff;}
.navigation a:active{color: #ffffff;}

h2{
display:inline; 
}
h1, h2, h3, h4, h5 {
text-align:left;	
}

td, table, tr {
vertical-align:top;
}

img{
/*border: 4px solid #e2e1dd;*/ 
}


.gallery{
height:340px;
}

.slideshow{
height:226px;
}

.slideshow .galleria-bar{
	display:none; 
}


iframe{
border: 4px solid #e2e1dd;
}

.hideme{
position:absolute;
padding:0px;
margin:0px;
width:0px;
height:0px;
display: none;
}

img.ttf{
border: 0px none #ffffff;
vertical-align: top;
margin-top: 4px;
}

img.gstrich{
border: 0px none #ffffff;
vertical-align: top;
}

.datum {
float:right;
font-family: Verdana ,Tahoma; font-size: 9px; color: #9f9f9f;
padding:6px 6px 4px 0px;
}

img.uhr{
vertical-align: top;
border: 0px none #ffffff;
}

img.weiterlesen {
border: 0px none #ffffff;
}

a:link, a:visited {
text-decoration: none;
color: #0d4da1;
}
a:hover, a:active {
text-decoration: underline;
color: #0d4da1;
}

ul {
text-align:left;
}

small {
text-align:left;
color: #aaaaaa;
}

.postmetadata{
padding:5px 0px 5px 0px;
}

small a:link{color: #aaaaaa;}
small a:visited{color: #aaaaaa;}
small a:hover{color: #0d4da1;}
small a:active{color: #0d4da1;}

.post-ratings{
position:absolute;
width:400px;
display:inline;
}

em{
font-style:normal;
font-weight:normal;
font-size: 10px;
color: #aaaaaa;
}

#content {
position:absolute;
left:194px;
top:100px;
width:530px;
}

#sidebar {
position:absolute;
left:735px;
top:190px;
}

#sidebar a:link{color: #ffffff;}
#sidebar a:visited{color: #ffffff;}
#sidebar a:hover{color: #efc22b;}
#sidebar a:active{color: #efc22b;}

#sidebar ul {margin: 0; padding-left: 17px;}

#page-menu {
position:absolute;
left:193px;
top:74px;
}

#logo{
position:absolute;
left:0px;
top:195px;
z-index: 500;
}

.commentlist{
width:450px;
background-color:#ffffff;	
margin-top: 10px;
list-style-type:none;
font-size: 10px;
color:#474747;
}

cite{
font-style:normal;
}

.reply{
width:410px;
background-color:#cccccc;	
padding:1px 1px 0px 0px;
margin-top: 25px;
}

#comments{
width:488px;
background-color:#ffffff;	
color:#474747;
padding:20px 20px 20px 20px;
}

#respond{
margin-top:10px;
width:410px;
background-color:#ffffff;	
color:#474747;
padding:10px 20px 10px 20px;
}

.comment{
padding:20px 20px 10px 20px;
}

img.noborder {
border: 0px none #474747;
}

.noborder {
border: 0px none #474747;
}

input[type=text]{
width:120px;

}

/*Ab hier für Larsens Calender*/
#calender{
width: 296px;
line-height: 20px;
padding:8px 8px 10px 12px;
margin-top:10px;
font-family: Verdana ,Tahoma; font-size: 11px; color: #ffffff;
letter-spacing:0.2pt;
text-align:left;
background-image:url(images/60.png);
}

#mysearch{
width: 296px;
padding:8px 8px 8px 12px;
margin-top:5px;
font-family: Verdana ,Tahoma; font-size: 11px; color: #ffffff;
letter-spacing:0.2pt;
text-align:left;
background-image:url(images/60.png);
}

.myabstand{
line-height: 15px;
padding:0px;
margin:0px;
}
#mycategories{
line-height: 20px;
width: 183px;
padding:8px 8px 10px 12px;
margin-top:10px;
font-family: Verdana ,Tahoma; font-size: 11px; color: #ffffff;
letter-spacing:0.2pt;
text-align:left;
background-image:url(images/60.png);
float:left;
}

#myarchives{
line-height: 20px;
width: 83px;
padding:8px 8px 10px 12px;
margin-top:10px;
margin-left:10px;
font-family: Verdana ,Tahoma; font-size: 11px; color: #ffffff;
letter-spacing:0.2pt;
text-align:left;
background-image:url(images/60.png);
float:left;
}

#mybilder{
width: 300px;
line-height: 20px;
padding:8px 9px 8px 9px;
margin-top:10px;
font-family: Verdana ,Tahoma; font-size: 11px; color: #ffffff;
letter-spacing:0.2pt;
text-align:left;
background-image:url(images/60.png);
height: 197px;
}

.commentlist li{
list-style-type:none;
list-style-image: none;
}

li{
list-style-image: url(images/arrow.png);
}

.cyellow{
color:#efc22b;
display:inline; 
}

#sidebar h3{
font-family: Arial, Verdana ,Tahoma; font-size: 12.5px; letter-spacing:0.75pt;color: #efc22b;
padding:0px 0px 5px 0px;
margin:0px;
}

#navcalender {font-family: Arial, Verdana ,Tahoma; font-size: 12.5px; letter-spacing:0.75pt; }
#navcalender a:link{color: #efc22b;}
#navcalender a:visited{color: #efc22b;}
#navcalender a:hover{color: #ffffff;}
#navcalender a:active{color: #ffffff;}


/******** JQ Captions */
.imgpost 
{
float: left;
position: relative;
}
/* so that image still floats and looks nice even if JS is turned off */
.imgpost img,
img.captionme
{
float: left;
border: 4px solid #e2e1dd;
margin-bottom:10px;
}

.imgpost .thecaption 
{
background: url('caption.png') repeat left bottom;
bottom: 30px;
color: #fff;
left: 4px;
right: 4px;
padding: 4px 10px 4px 10px;
position: absolute;
font-family: Arial, Verdana ,Tahoma; font-size: 13px; color: #ffffff;letter-spacing:0.75pt;
}
/****** JQ Captions Ende*/

#paging {
list-style: none;
font-family: Arial, Verdana ,Tahoma; font-size: 11px; letter-spacing:0.75pt; color:#ffffff;
}
#paging li {
list-style-image: none;
text-align: right;
}

#paging li.pages {
width: 488px;
}
#paging li.pages a {
margin: 0px 0px 0px 5px;
padding: 5px 10px 5px 10px;
display: inline-block;
background-image: url(css/navi-black-none_0.png);
color:#ffffff;
}
#paging li.pages a.active {
padding: 5px 10px 5px 10px;
background-image: url(css/navi-black-none_0.png);
text-decoration:underline;
color:#efac31;
}