/*
Theme Name: Planet Pixel
Theme URI: http://www.planetpixel.de
Description: Online Portfolio
Version: 1
Author: Ansgar Hiller, Planet Pixel, Köln
*/


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

body.main {background: url(bilder/bg_tile.gif) repeat center top;}
body.news {background-attachment: fixed; background-image: url(bilder/bg_news.jpg); background-repeat: no-repeat;}
body, table, tr, td, div, p, span { font: 10px/16px Georgia, "Times New Roman", Times, serif; color:#222222; vertical-align: top; margin:0px;}

ul {margin:0;padding:0;}
img {border:0;}
form {margin:0;padding:0;}
input, textarea {width:200px; margin-bottom:6px;}

a {text-decoration: none; color:#6B1129; font-weight: bold;}
a:hover {text-decoration: underline;}

.aktiv a {text-decoration: none; color:#222; font-weight: bold;}
.aktiv a:hover {text-decoration: none; color:#222;}

h1 {font: bold 12px/16px Georgia, "Times New Roman", Times, serif; color: #6B1129; margin:0px;}

h2 {font: bold 16px/24px Georgia, "Times New Roman", Times, serif; color: #6B1129; margin:0px;}

h3 {font: 10px/10px Georgia, Georgia, "Times New Roman", Times, serif; margin-bottom:7px;}

.prod_text {font: 12px/24px Georgia, "Times New Roman", Times, serif; color:#222222; vertical-align: top; margin:0px;}
.copyright {font:italic 10px Georgia, "Times New Roman", Times, serif; color:#222222; vertical-align: top; margin:0px;}
.bu {font: 10px/12px Georgia, "Times New Roman", Times, serif; color:#222222; vertical-align: top; margin-left:3px;}


p {display: block; margin:0;}

/* content
---------------------------------------------------------------------------------------------------- */
#dash {color: #99826d;}
#content { position: relative; width: 674px; height: 100%; top: 0px; bottom: 0px; margin: 0px auto;}
#f_news { position: relative; width: 248px; height: 220px;}

.top_men {margin-right:10px; margin-top:1px; text-align:right;}
.foot_men {margin-left:14px; margin-top:33px; color:#B2C8D7; font-weight: normal;}
.foot_men a {text-decoration: none; color:#B2C8D7; font-weight: normal;}
.foot_men a:hover {text-decoration: underline; color:#FFF;}

.kontakt {margin:4px;}
.kontakt b {padding-left:1px;}
.alert {font: bold 12px/16px "Times New Roman", Times, serif; color: #6B1129; margin:0px;}

.prev_img {margin-right:5px;}

.text_item, .news_item { display: block; margin-top: 1px; margin-bottom: 8px; text-align: left; }
.text_item li, .news_item li, .prev_item li, .top_men li{ background:url(bilder/arrow_rot.gif) left center no-repeat; margin-right:15px; padding-left:9px; list-style-type: none; display:inline;}


.text_item { margin-right: 13px; margin-left: 13px;}
.news_item { margin-right: 3px; margin-left: 13px;}
.prev_item {height:88px; margin-bottom:0px;}

#content_1 .column_left {width:314px; margin-left:16px; margin-top:10px; float:left; position: relative;}
#content_1 .column_left h1 {margin-top:2px;}
#content_1 .column_left .prev_img{float:left; width:88px; height:88px; background-image: url(bilder/bg_prev_img.jpg);}
#content_1 .column_left .prev_img img { margin-left:10px; margin-top:10px;}

#content_1 .column_right{width:314px; margin-right:12px; margin-top:10px; float:right; position: relative;}
#content_1 .column_right h1 {margin-top:2px;}
#content_1 .column_right .prev_img{float:left; width:88px; height:88px; background-image: url(bilder/bg_prev_img.jpg);}
#content_1 .column_right .prev_img img { margin-left:10px; margin-top:10px;}

#content_2 .column {width:640px; margin-left:16px; margin-top:10px; float:left; position: relative;}

#content_2 .column_left {width:148px; margin-left:16px; margin-top:10px; float:left; position: relative;}
#content_2 li{ background:url(bilder/arrow_rot.gif) left center no-repeat; margin-right:8px; padding-left:9px; list-style-type: none; display:inline;}
#content_2 .aktiv {background:url(bilder/arrow_grau.gif) left center no-repeat;}

#content_2 .column_right {width:480px; margin-left:0px; margin-right:16px; margin-top:10px; float:right; position: relative;}
#content_2 .column_right .img_left { margin-left:0px; margin-top:0px; float:left; position: relative;}
#content_2 .column_right .img_right { margin-right:0px; margin-top:0px; float:right; position: relative;}