/*
www.simon-reicher.at screen stylesheet
www.creativesyntax.at copyright 2010 
www.creativesyntax.at by Quoc-Dung Vuong
*/

/*--------------------------------------------*/
/* main elements */
/*--------------------------------------------*/
* {
margin:0;
padding:0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
margin:0; 
padding:0; 
} 
html>body {
font-size: 14px; 
}
body {
font-size: 87.5%; 
font-family: Arial, Helvetica, sans-serif;
color:#ddd;
line-height: 1.429em; 
background:url(img/bg-main.jpg) repeat-y fixed 0 0;
background-color: #1d1a13;
}
a {
text-decoration:none;
color:#00bfff;
}
a:hover {
text-decoration:none;	
color:#ff7725;
}
p {
margin-top:1.429em;
margin-bottom:1.429em;
line-height:1.429em;
}
/*--------------------------------------------*/
/* container */
/*--------------------------------------------*/
/* sticky footer */
html, body {height: 100%;}

#wrap {
width:980px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
height: 100px; /* .push must be the same height as .footer */
clear: both;
}
#footer {
width:980px;
margin: auto;
background:url(img/footer-bg.png) bottom left no-repeat;
}
#footer p {
padding-top:60px;
padding-left:20px;
color:#ccc;
}
/* sticky footer end*/

#header, #main {
position:relative;
width:980px;
height:160px;
left:50%;
margin-left:-490px;
}
#header #logo {
position:absolute;
height:100px;
width:620px;
background:url(img/navi-main.png) top left no-repeat;
}
#logo a {
display:block;
height:100px;
width:520px;
outline:none;
}
/* main container */
#wrap {
color:#ddd;
}
/* content col */
#content {
float:left;
width:640px;
padding-top:20px;
}
.content-top {
height:10px;
background:url(img/c-top.png) no-repeat;
}
.content-mid {
padding:20px;
background:url(img/c-mid.png) bottom center repeat-y;
}
.content-mid .post {
margin-bottom:60px;
}
.content-mid ul {
list-style:square;
margin-left:20px;
}
.content-bottom {
height:10px;
background:url(img/c-bottom.png) bottom center no-repeat;
}
/* side col */
#side {
float:right;
width:320px;
padding-top:20px;
}
.side-top {
height:10px;
background:url(img/s-top.png) no-repeat;
}
.side-mid {
padding:20px;
background:url(img/s-mid.png) bottom center repeat-y;
}
.side-bottom {
height:10px;
background:url(img/s-bottom.png) no-repeat;
}
/* side col list */
.side-mid ul {
list-style:none;
line-height:1.714em;
}
#side .side-mid .widget_categories, #side .side-mid .widget_archive {
width:139px;
}
#side .side-mid .widget_categories {
float:left;
}
#side .side-mid .widget_archive {
margin-left:142px;
}
#side .side-mid .widget_links {
padding-top:10px;
clear:both;
}
.cat-item ul li, .widget_archive ul li, .widget_recent_entries ul li, .widget_links ul li, .widget_categories ul li {
border-top: 1px solid #333;
border-bottom: 1px solid #111;
}

.cat-item ul li:hover, .widget_archive ul li:hover, .widget_recent_entries ul li:hover, .widget_links ul li:hover, .widget_categories ul li:hover {
cursor:pointer;
}
/* pages + sub pages */
.side-mid ul li ul li {
list-style:none;
line-height:1.714em;
}
.side-mid ul li ul li:first-child {
border-top: 1px solid #333;
}
.widget_pages ul li a, .widget_pages ul li ul li a {
display:block;
padding-left:20px;
border-top: 1px solid #333;
border-bottom: 1px solid #111;
outline:none;
}
.widget_pages ul li a {
width:270px;
padding-left:0;
}
.widget_pages ul li ul li a {
width:260px;
padding-left:20px;
background:url(img/list-arrow-sub.png) 10px 0 no-repeat;
}
.widget_pages ul li ul li a:hover {
background:#000 url(img/list-arrow-sub.png) 10px -24px no-repeat;
}
/*--------------------------------------------*/
/* header h1-4 */
/*--------------------------------------------*/
#wrap h1, #wrap h2 {
}
#wrap h3, #wrap h4 {
color:#ffd200;
}
.content-mid h2, .widgettitle {
font-size:1.429em;
margin-top:1.429em;
margin-bottom:0.714em;
color:#ffd200;
}
.content-mid h2 {
height:37px;
padding-left:55px;
padding-top:3px;
}
.content-mid h2 small {
font-size:small;
font-weight:normal;
font-style:italic;
color:#ddd;
}
.content-mid h2 small span {
color:#ff7725;
}
.content-mid .About, .content-mid .error404, .content-mid .pagetitle, .content-mid .Impressum, .content-mid h2.center  {	/* about, archive, impressum page */
background:url(img/h2-icons.png) no-repeat;
}
.content-mid h2.Galerie, .content-mid .album h2 {	/* album page */
background:url(img/h2-icons.png) 0 -40px no-repeat;
}
.content-mid h2.Erfolge {	/* erfolge page*/
background:url(img/h2-icons.png) 0 -80px no-repeat;
}
.content-mid h2.Kontakt {	/* kontakt page*/
background:url(img/h2-icons.png) 0 -120px no-repeat;
}
.content-mid h2.kontaktform {	/* kontakt page*/
background:url(img/h2-icons.png) 0 -160px no-repeat;
}
.content-mid h2.search-result {	/*  search.php */
background:url(img/h2-icons.png) 0 -200px no-repeat;
}
.content-mid h2.Medien {	/* mediem page */
background:url(img/h2-icons.png) 0 -240px no-repeat;
}
.content-mid h2.Videos {	/* videos page */
background:url(img/h2-icons.png) 0 -280px no-repeat;
}
.content-mid h2.gaestebuch {	/* gästebuch page */
background:url(img/h2-icons.png) 0 -320px no-repeat;
}
.single {
color:#ff7725;
}
/*--------------------------------------------*/
/* navigation */
/*--------------------------------------------*/
#navi-top {
height:60px;
width:320px;
float:right;
background:url(img/navi-top-bg.png) no-repeat;
}
#navi-top ul {
list-style:none;
margin-right:20px;
}
#navi-top ul li {
display:block;
float:left;
margin-left:20px;
margin-top:10px;
}
#navi-top ul li a {
font-size:1.1em;
}
#top-rss {
display:block;
position:absolute;
text-indent:-5000px;
height:46px;
width:46px;
outline:none;
}
/* dropdown */
#navi-main {
position:absolute;
width: 100%;
height:60px;
margin-top:100px;
background:url(img/navi-main.png) bottom left no-repeat;
font-size:1.2em;
font-weight:bold;
}
#navi-main-wrap {
padding-top:19px;
}
#navi-main ul {
list-style:none;
}
#navi-main ul li {
display: inline;
float:left;
text-align:center;
text-transform: uppercase;
text-align:center;
width: 115px;
}
#navi-main ul li a {
display:block;
height:40px;
outline:none;
}
#navi-main ul li ul li.top {
padding-top:10px;
height:30px;
width: 115px;
background:url(img/dropdown-bg.png) top no-repeat;
}
#navi-main ul li ul li.bottom {
height:10px;
width: 115px;
background:url(img/dropdown-bg.png) bottom no-repeat;
}
#navi-main ul li ul {
visibility: hidden;
}
#navi-main ul li:hover ul {
visibility: visible;
}
.active {
color:#ff7725;
}

/*--------------------------------------------*/
/* search */
/*--------------------------------------------*/
#search {
height:24px;
}
#searchform .screen-reader-text {
display:none;
}
#searchform #s {
width:135px;
height:25px;
border:none;
padding-top:1px;
padding-left:5px;
background:#383838;
color:#ddd;
border:1px solid #ddd;
}
#searchform #s:focus {
border:1px solid #ff7725;
}
#searchform #searchsubmit {
position:absolute;
height:28px;
width:26px;
left:143px;
text-indent:-5000px;
border:1px solid #ddd;
cursor:pointer;
background: url(img/searchsubmit.png) no-repeat;
}
#searchform #searchsubmit:hover {
border:1px solid #ff7725;
}
/*--------------------------------------------*/
/* comments, forms */
/*--------------------------------------------*/
#respond #commentform #comment, .wpcf7 textarea {
width:558px;
height:200px;
border:1px solid #383838;
}
.commentlist {
list-style:none;
width:600px;
}
.commentlist li {
outline:1px solid #383838;
margin-bottom:20px;
background:#222;
}
.comment-author {
background:#000;
}
.comment-author img {
position:absolute;
width:40px;
height:40px;
}
.comment-author .fn {
margin-left:50px;
font-weight:bold;
}
.comment-author .says {
display:none;
}
.comment-meta {
padding-left:50px;
background:#000;
border-bottom:3px double #383838;
}
.comment-edit-link {
}
.comment-body {
width:600px;
padding-bottom:1px;
}
.comment-body p {
padding-left:50px;
padding-right:20px;
}
/* kontakt form */
.captcha {
width:84px;
margin-top:3px;
}
input.captcha {
width:81px;
}
/*--------------------------------------------*/
/* Post date, metadata */
/*--------------------------------------------*/
.post-date {
width:50px;
height:40px;
float:left;
display:inline;
background:#000;
background:url(img/date-bg.png) no-repeat;
}
.month {
font-weight:bold;
color:#ffd200;
width:40px;
text-align:center;
}
.day {
width:40px;
text-align:center;
font-size:1.714em;
}
.postmetadata {
font-size:0.857em;
line-height:1.571em;
}
/*--------------------------------------------*/
/* prev, next navigation */
/*--------------------------------------------*/
.navigation {
height:20px;
font-size:0.786em;;
}
.alignleft, .alignright {
width:280px;
height:20px;
}
.alignleft a, .alignright a {
width:240px;
height:20px;
padding:0 20px 0 20px;
display:block;
outline:none;
}
.alignleft a span, .alignright a span {
color:#fff;
}
.alignleft a {
background:url(img/prev-next.png) 0 -40px no-repeat;
}
.alignleft a:hover {
background:url(img/prev-next.png) 0 -60px no-repeat;
}
.alignright a {
background:url(img/prev-next.png) 0 0 no-repeat;
}
.alignright a:hover {
background:url(img/prev-next.png) 0 -20px no-repeat;
}
.alignleft {
float:left;
}
.alignright {
float:right;
text-align:right;
}
/*--------------------------------------------*/
/* page template */
/*--------------------------------------------*/
.profilbild {
float:left;
width:335px;
height:449px;
margin-right:20px;
margin-bottom:20px;
background:url(img/about-img.jpg) no-repeat;
overflow:hidden;
}
.content-mid .pages span { /* about page */
color:#ff7725;
}
.more-link {
font-style:italic;
text-decoration:underline;
}
/*--------------------------------------------*/
/* tabellen: kontakt, erfolge */
/*--------------------------------------------*/

#kontaktdaten .col1 {
padding-right:10px;
color:#ff7725;
}
#erfolge {
width:600px;
margin-top:1.429em;
margin-bottom:1.429em;
}
#erfolge .table-title th {
font-weight:bold;
text-align:left;
color:#ffd200;
text-transform:uppercase;
}
#erfolge .table-label td {
font-style:italic;
padding-bottom:0.714em;
}
#erfolge .col1 {
width:90px;
color:#ff7725;
text-align:right;
padding-right:10px;
}
#erfolge .col2 {
width:500px;
}