/*
Theme Name: Broque Theme
Theme URI: http://broque.de/
Description: Coded by mo.
Version: 2.0
Author: mo.
Author URI: http://phlow-magazine.com/

*/

* {
padding: 0;
margin: 0;
}

/* --- LAYOUT --------------------------------------------------------------------- */

body {
text-align: center;
}

#wrapper {
position: relative;
z-index: 9;
width: 770px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
}
#header {
margin: 10px 0 0 0;
width: 770px;
}
#left {
margin: 10px 0 0 0;
width: 500px;
float: left;
}
#right {
margin: 10px 0 0 0;
width: 270px;
float: right;
background: #ddd;
}
#logo {
float: left;
width: 260px;
}
#service {
float: right;
margin: 0 0 0 0;
width: 180px;
}
#navigation {
margin: 10px 0 0 0;
padding: 0 0 2px 0;
width: 770px;
border-bottom: 1px solid #999;
}
#breadcrumb {
margin: 0 0 5px 0;
width: 770px;
}
#footer {
margin: 30px 0 60px 0; 
width: 770px;
}

.sidebarbox-right {
float: right;
margin: 0 0 0 10px;
width: 130px;;
}
.sidebarbox-left {
float: left;
margin: 0 10px 0 0;
width: 130px;;
}

.column-1,
.column-2,
.column-3 {
width: 300px;
float: left;
margin: 0 35px 30px 0;
font-size:0.75em; /* 16x.0.75=12 */
}
.column-3 {
margin-right: 0;
}


.startseite-linke-spalte {
	width: 230px;
	float: left;
}

.startseite-mittlere-spalte {
	width: 230px;
	float: right;
}

.startseite-volle-spalte {
	clear: both;
}

.widget-startseite {
	margin-bottom: 20px;
}


.startseite-linke-spalte iframe,
.startseite-mittlere-spalte iframe {
max-width: 100%;
max-height: 100%;
}







/* --- TYPO --------------------------------------------------------------------- 
http://alistapart.com/articles/howtosizetextincss 
font size: 14 Pixel
*/

body {
font-size:100%;
line-height:1.125em;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

p, ul, dl, ol, pre, table, .textwidget {
font-size:0.6875em; /* 16x.0.75=12 */
}

a {
color: #333;
background: none;
}
a:visited {
color: #333;
}
a:active {
color: #999;
}
a:hover {
color: #000;
}

h1 a {
text-decoration: none;
}
h1 {
font-size: 16px;
margin:0 0 5px 0;
}
h2 {
font-size: 14px;
font-variant: small-caps;
margin: 15px 0 5px 0;
}

/* --- NAVIGATION --------------------------------------------------------------------- */

#navigation {
font-size: 1.1em;
font-variant: small-caps;
}
#navigation ul li a.current {
background: #000;
color: #fff;
}
#navigation a {
text-decoration: none;
}
#navigation a:hover {
text-decoration: underline;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0 ;
}
#navigation ul li {
display: inline;
margin: 0 6px 0 0;
padding: 0 0 0 8px ;
border-left: 1px solid #999;
}
#navigation ul li a {
padding: 0 2px;
}
#service ul {
list-style: none;
}
.footer-link {
}
.footer-link-cat-name {
width: 150px;
display: block;
float: left;
}


/* --- ELEMENTE --------------------------------------------------------------------- */

img a {
border: 0;
}
img {
border:0;
}
.clear {
clear:both;
}
.post {
padding: 0 20px 25px 0;
}
.post ol, .post ul {
margin: 0 0 0 28px;
padding: 4px 0 4px 0;
}


.side-bar-post {
padding: 10px;
}

.alignleft {
margin: 5px 15px 5px 0;
float: left;
}
alignright {
margin: 5px 0 5px 15px;
float: right;
}

.previous-next-links {
margin: 25px 0 0 0;
}

.icon-contact {
background: url(images/icon-contact-grau.png) no-repeat left center;
padding: 0 0 0 15px;
}
.icon-newsletter { 
background: url(images/icon-newsletter-grau.png) no-repeat left center;
padding: 0 0 0 15px;
}
.icon-player { 
background: url(images/icon-ipod-grau.png) no-repeat left center;
padding: 0 0 0 15px;
}
.icon-rss { 
background: url(images/icon-rss-grau.png) no-repeat left center;
padding: 0 0 0 15px;
}
#edit-button {
background: url(images/icon-edit-16x16.png) no-repeat right center;
position: fixed;
padding: 0 20px 0 0;
top: 15px;
right: 15px;
}

/* --- Links Seite --------------------------------------------------------------------- */

#links ul {
list-style: none;
margin: 0;
padding: 0;
}
#links ul {
margin: 0;
padding: 0;
}
#links ul ul {
list-style: circle;
margin: 0 0 0 14px;
font-size: 11px;
}

#links-column-1 {
float: left;
width: 240px;
}
#links-column-2 {
margin: 0 10px 0 10px;
float: left;
width: 240px;
}
#links-column-3 {
float: left;
width: 240px;
}
#linkcat-33,
#linkcat-41,
#linkcat-37 {
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
margin: 15px 0 5px 0;
}
#linkcat-33 li,
#linkcat-41 li,
#linkcat-37 li {
font-weight: normal;
font-size: 11px;
font-variant: normal;
}


ul.blogroll {
list-style: none;
margin: 0;
padding: 0;
}

#footer ul.blogroll li {
float: left;
padding: 0;
width: 110px;
}
ul.blogroll li {
}