/*
Theme Name: FPTheme
Theme URI: http://www.jarau.de
Description: Theme for FDP Wordpress Pages
Version: 1.1
Author: Jan Rauchfuss
Author URI: http://www.jarau.de
License: GPL
*/

/* main styles */
* {
    margin : 0;
    padding : 0;
    list-style : none;
    text-decoration : none;
    color : #494949;
    font : 12px Arial, Helvetica, sans-serif;
}

body {
    text-align : center;
    font : 100% Arial, Helvetica;
    background : url(images/d229bbf31e.png) repeat-x;
}

div {
    text-align : left;
}

p {
    margin : 15px 0;
}

a:link, a:visited, a:active, a:hover {
    color : #3c78a7;
    text-decoration : none;
}

a img {
    border : 0;
}

/* text styles */
h1 {
    font : 3.5em Arial;
    font-weight : bold;
}

h2 {
    font : 2.3em Arial;
}

h2 a, h2 a:visited {
    font-size : 26px;
    color : #3c78a7;
}

h3 {
    color : #3c78a7;
    margin-bottom : 3px;
    font : 1.3em Arial;
    font-weight : bold;
}

h4 {
    font : 1em Arial;
}

strong {
    font-weight: bold;
}

/* images */
img.centered {
    display : block;
    margin-left : auto;
    margin-right : auto;
}


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding : 4px;
    margin : 0 7px 2px 0;
    display : inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

/* ID:CONTAINER */
#container {
    width : 960px;
    margin : 0 auto;
}

/* ID:HEAD */
#head h1, #head h1 a{
    color: #fff;
    font-weight: normal;
    font-size: 1.6em;
}

#head h2, #head h2 a{
    color: #fff;
    font-weight: normal;
    font-size: 1.6em;
}

/* ID:NAVBAR */
#navbar {
    background : url(images/dd47e21793.png) no-repeat;
    padding : 0 10px;
    height : 35px;
    width : 940px;
}

#navbar ul {
    width : 720px;
    list-style : none;
    float : left;
}

#navbar ul li {
    float : left;
    list-style : none;
    display : block;
    position : relative;
    height : 35px;
}

#navbar ul li a, #navbar ul li a:visited {
    display : block;
    margin : 0;
    padding : 0 16px 0 16px;
    line-height : 35px;
    vertical-align : middle;
    font-weight : bold;
    color : #494949;
    border-right : 1px solid #494949;
}

#navbar ul ul {
    display : none;
    position : absolute;
    top : 0;
    left : 0;
    margin : 0;
    padding : 0;
    width : 167px;
    background : url(images/d0fb94bb78.png);
    border : 0;
    border-left : 1px solid #06549b;
    border-right : 1px solid #06549b;
    border-bottom : 1px solid #06549b;
    list-style : none;
}

#navbar ul ul li {
    float : none;
    list-style : none;
    display : block;
    position : relative;
    height : auto;
}

#navbar ul ul li a, #navbar ul ul li a:visited {
    display : block;
    margin : 0;
    padding : 3px 0 3px 16px;
    line-height : 20px;
    vertical-align : middle;
    font-weight : normal;
    color : #494949;
    text-transform : none;
    border : 0;
}

#navbar li > ul {
    top : auto;
    left : auto;
}

#navbar ul li:hover ul {
    display : block;
}

/* ID:SEARCHBAR */
#searchbar {
    right : 0;
    padding : 8px 0 0 0;
    height : 35px;
    float : right;
}

#searchbar input {
    width : 180px;
    background : #ffffff url(images/7bff7e55c7.png) no-repeat;
    background-position : center left;
    height : 20px;
    padding : 0 15px 0 15px;
    line-height : 20px;
    vertical-align : middle;
    border : 0;
}

/* ID:IMAGEBAR */
#imagebar {
    width : 960px;
    height : 200px;
    text-align : right;
    background : url(images/imageline.png);
}

#imagebar .logo {
    width : 960px;
    height : 200px;
    background : url(images/logo.png) no-repeat;
    background-position : right;
}

/* ID:CATBAR */
#catbar {
    clear : both;
    width : 940px;
    background : #ffffff;
    padding : 5px;
    margin : 0 0 5px 0;
}

#catbar h2 {
    font-weight : bold;
    font-size : 18px;
    margin-bottom : 2px;
}

#catbar ul {
    width : 940px;
    background : #ffffff;
    height : 60px;
    list-style : none;
}

#catbar ul li {
    float : left;
    width : 20%;
    height : 60px;
    padding : 0;
    list-style : none;
}

#catbar ul li h3 {
    text-transform : lowercase;
    margin : 0;
    letter-spacing : -0.05em;
    padding : 0 5px 0;
}

#catbar ul li h3 a {
    font-weight : bold;
    font-size : 14px;
}

#catbar ul ul {
    width : auto;
    height : auto;
    list-style : none;
}

#catbar ul ul li {
    float : left;
    width : 100%;
    height : auto;
    padding : 0 5px 0 5px;
    list-style : none;
}

.catone h3, .catthree h3, .catfive h3 {
    background : url(images/db55ce6bbe.png) repeat-x;
}

.cattwo h3, .catfour h3 {
    background : url(images/7778cf1d63.png) repeat-x;
}

.catone:hover, .catthree:hover, .catfive:hover {
    background : url(images/db55ce6bbe.png) repeat-x;
}

.cattwo:hover, .catfour:hover {
    background : url(images/7778cf1d63.png) repeat-x;
}

.catone a, .catthree a, .catfive a {
    color : #494949;
    padding : 0 5px 0 5px;
}

.cattwo a, .catfour a {
    color : #494949;
}

.catone h3 a, .catthree h3 a, .catfive h3 a {
    color : #494949;
}

.catone:hover a, .catthree:hover a, .catfive:hover a {
    color : #494949;
}

.cattwo h3 a, .catfour h3 a, .cattwo:hover a, .catfour:hover a {
    color : #ffffff;
}

/* ID:BOTTOMBAR */
#bottombar {
    background : url(images/62cd6279c1.png) no-repeat;
    background-position : bottom;
    height : 20px;
    width : 960px;
}

/* ID:CONTENT */
#content {
    background : #e4e4e4;
    padding : 5px 5px 5px 5px;
    text-align : center;
    overflow : auto;
}

#content div {
    text-align : left;
}

/* ID:SIDEBAR */
#sidebar {
    width : 295px;
    vertical-align : top;
    float : right;
    margin : 0 0 5px 0;
    padding : 5px 5px 0 5px;
    background : #ffffff;
}

#sidebar h2 {
    height : 30px;
    line-height : 30px;
    vertical-align : middle;
    background : url(images/a7b27e7627.png) repeat-x;
    padding : 0 5px 0 5px;
    color : #494949;
    font-size : 14px;
    font-weight : bold;
}


#sidebar h2 a {
    color : #494949;
    font-size : 14px;
    font-weight : bold;
    width: 100%;
    padding: 0;
}

#sidebar ul {
    list-style-type : none;
    padding : 0 0 10px 0;
    margin : 0;
}

#sidebar li {
    padding : 5px;
    border-bottom : 1px dotted #494949;
    background : none;
}

#sidebar li li {
    padding : 5px;
    padding-left : 14px;
    border-bottom : 1px dotted #494949;
    background : url(images/2b93caf43a.png) no-repeat;
    background-position : center left;
}

/* ID:FOOT */
#foot {
    margin : 0 auto;
    width : 960px;
    font-size : 11px;
    padding-bottom : 10px;
}

#foot a, #foot a:visited {
    font-size : 11px;
}

/* ID:MAINFRAIM */
#mainfraim {
    vertical-align : top;
    width : 625px;
    padding : 5px;
    background : #ffffff;
    float : left;
    margin : 0 0 5px 0;
}

#mainfraim .article_list {
    padding-bottom: 15px;
    clear: both;
}

#mainfraim .article_list h4 {
    font-weight: bold;
}

#mainfraim .article_list .entry {
    padding-bottom : 15px;
    background : url(images/8b7ad98452.png) repeat-x;
    background-position : bottom;
    width : 100%;
}

#mainfraim .article_single {
    padding-bottom: 15px;
    clear: both;
}

#mainfraim .article_single h4 {
    font-weight: bold;
}

#mainfraim .article_single .entry {
    padding-bottom : 15px;
    background : url(images/8b7ad98452.png) repeat-x;
    background-position : bottom;
    width : 100%;
}

#mainfraim .article_single .meta {
    font-size: 0.85em;
    width: 100%;
}

#mainfraim .article_single .meta p {
    margin : 0;
}

#mainfraim .more-link {
    padding-left: 15px;
    background: url(images/ecae13117d.png) no-repeat;
    line-height: 15px;
    font-weight: bold;
}

/* caption */
#mainfraim .wp-caption-dd {
    text-align : center;
    font-size: 0.85em;
    color: #494949;
}

/* ID:BREADCRUMB */
#breadcrumb {
    font-weight : bold;
    color : #494949;
    background : url(images/8b7ad98452.png) repeat-x;
    background-position : bottom;
    padding-bottom : 2px;
    margin-bottom: 10px;
}

#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:active {
    font-weight : bold;
    color : #494949;
    text-decoration : none;
}

#breadcrumb a:hover {
    text-decoration : underline;
}

/* ID:COMMENTS */
#comments {
    padding-top : 10px;
}

#comments label {
    float: left;
    display: block;
    font-weight: bold;
    width:  100px;
}

#comments .meta {
    padding-bottom : 15px;
    background : url(images/8b7ad98452.png) repeat-x;
    background-position : bottom;
}

/* CLEARFIX */
.clearfix:after {
    content : ".";
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}

.clearfix {
    display : inline-block;
}

* html .clearfix {
    height : 1%;
}

.clearfix {
    display : block;
}