/*
Theme Name: Dynamic-Vision
Theme URI: http://benediktrb.de
Description: Dynamic-Vision Theme
Version: 1.0
Author: Marcel Kliemannel / Benedikt Rieke-Benninghaus
Author URI: http://benediktrb.de
*/

/*************************************
 +Containers
 *************************************/
* { color: #CCCCCC; padding: 0; list-style: none; }

body{
        background:black;
	color:#000;
	font: 0.75em/1.5 "Myriad Web Pro", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

#wrap{ border-left:1px solid #000; border-right:1px solid #000; background: #3c3c3c; text-align:left; position: absolute; left: 150px; width: 950px; margin-right: 150px; }
#inhalt{
        background-color:#fff;
}
#content{ background: #4f5359; font-size:1.2em; float:left; width:864px; height: 90%; padding: 3em 3em 0; }
#contentbox{
        border-top:1px dotted #999;
	width:100%;
	margin:0;
        padding:4px;
}
#kategorien{
	float:left;
	width:250px
}
#archive{
        margin-left:20px;
	float:left;
	width:250px
}
#sidebar{
        background: #fff;
	font-size:1.1em;
        font-weight:bold;
	float:right;
	width:33%;
        padding:3em 0 0 0px;

}
#header{
	margin:0; padding:0;
        background:#fff url(./images/logo_bg.gif) repeat-x top left;
        height:55px;
        line-height: 55px;
}
#headerpicture{ margin:0; padding:0; height:180px; line-height: 150px; background-color: #fff; background-image: url(./images/header.jpg); background-repeat: repeat-x; background-position: left top; }
#menu{ height:80px; line-height:18px; background-color: white; background-image: url(images/menu.gif); background-attachment: scroll; background-position: left top; position: absolute; margin:0 auto; padding:0; float:left; width:950px; clear: left; }
#footer{ clear:both; background:#010101 url(./images/footer_bg.gif) repeat-x left bottom; color:#fff; font-size:0.9em; height: 90px; padding:0.5em; }
#pagetop{
	background:#fff url(./images/ontop.gif) repeat-x top left;
        height:10px;
}
/*************************************
 +Überschriften
 *************************************/
h1, h2, h3 { color: #fff; font-weight: normal; margin: 0; }
h4 { color: #000; position: absolute; left: 300px; width: 100px; float: left; }
h5 { color: #fff; font-size: 25px; font-weight:normal; margin:30px 0 0px; padding-top: 5px; border-top: 2px solid #000; }
#header h1{ float:left; margin-left: 1.5em; height: 55px; }

.entrytitle h2{
	font-size:1.6em;
}
.entrytitle h2 a
{
	color:#c9c9c9;
}
.entrytitle h2 a:hover{
	color:#7ABE2D;
}
#sidebar h3{
	color:#000;
	font-size:1.5em;
	margin:2px;
        font-weight:bold;
}
/*************************************
 +Entry
 *************************************/
.entry {
	margin-bottom: 10em;
}
#content .entry p{ }
.entry p2{ color: #fff6af; font-weight: bold; visibility: hidden; margin-top: 10px; padding:2px; }

.entry p3{ color: #9a9a9a; text-align: left; }

.entry p4{ color: #ffc675; font-size: 1.2em; font-weight: bold; text-align: left; }

.entry p.description { color: #ccc; font-size: 10pt; line-height: 12pt; width: 500px; margin-top: 12pt;}

.entry p.Text { color: #ccc; font-size: 12px; line-height: 15px; position: absolute; width: 300px; margin-top: 20px; margin-left: 
300px; }

.entry p.Link { color: #e7e7e7; font-size: 14px; font-weight: bold; margin-bottom: -5px; }
.entry p.Datum{ color: #6690c6; font-size: 15px; font-weight: bold; line-height: 15px; margin-top: -31px; margin-bottom: 40px; text-align: right; }

.entry p.News1 { color: #6690c6; font-size: 11pt; font-weight: bold; line-height: 12pt; width: 500px; margin-top: 12pt; margin-top: 30px; }
.entry p.News2 { color: #ccc; font-size: 10pt; line-height: 12pt; margin-top: 12pt; width: 500px; }
.entry p.NewsUT { color: #fff; font-size: 10pt; font-weight: bold; line-height: 12pt; margin-top: 30px; width: 500px; }
.entry p.NewsZT { color: #fff; font-size: 12pt; font-weight: bold; line-height: 12pt; margin-top: 30px; width: 500px; margin-bottom: -15px; }
.entry p.Titel { color: #6690c6; font-size: 20px; vertical-align: top; margin-left: 300px; position: absolute; width: 450px; margin-top: -8px; }

.entry p.Diversestitel { color: #6690c6; font-size: 20px; width: 600px; vertical-align: top; margin-top: 80px; margin-bottom: 30px; }

.entry p.Linktitel { color: #6690c6; font-size: 20px; width: 600px; vertical-align: top; margin-top: 40px; margin-bottom: -10px; }

.entry p.Haupttitel { color: #6690c6; font-size: 20px; width: 600px; vertical-align: top; }

.entry p.Haupttitel2 { color: #fff; font-size: 14px; font-weight: bold; width: 600px; vertical-align: top; }

.entry p.Preis { color: #fff; font-size: 18px; text-align: right; margin-top: -65px; position: absolute; width: 300px; vertical-align: top; margin-left: 500px; }

.entry p.PreisKD { color: #fff; font-size: 16px; line-height: 42px; text-align: left; margin-top: 4px; margin-left: 720px; position: absolute; width: 300px; vertical-align: top; }

.entry p.KDnr { color: #6690c6; font-size: 12px; line-height: 42px; text-align: left; margin-top: -17px; margin-left: 720px; position: absolute; width: 300px; vertical-align: top; }
#content .entry img { color: #ccc; }
.entry img#News { position: relative; padding: 2px; border-style: solid; border-width: 1px; }
.entry img#portrait { margin-bottom: -20px; position: absolute; margin-top: 3px; margin-left: 600px; padding: 5px; border-style: solid; border-width: 1px; }
.entry img#banner { margin-top: -20px; margin-bottom: -20px; margin-left: -43px; position: relative; }
.entry ul{
	list-style-type:none;
        padding:4px;
}
.entry li{
        border-left:2px solid #121212;
        padding-left:4px;
        margin-top:2px;
        display:block;
}
.entry code{
        padding:4px;
        background:#ccc;
}
.entry h3{
        padding:2px;
        margin:2px;
        font-weight:bold;
        font-size:1.2em;
}
.postinfo {
	font-size: 0.7em;
}
.entrybody {
	margin-top: 12px;
}
.entrymeta {
	margin-top: 12px;
	color: #000;
	font-size: 1em;
}
.author {
	font-weight: bold;
	color: #FF6300;
}
.comments {
        padding-left: 20px;
	background: #fff url(./images/comments.gif) no-repeat;
	font-weight: bold;
}

.postmetadata
{
        background-color: #F0F0F0;
	border: 1px solid #E1E1E1;
	padding: 0.5em;
        color: #000;
 	margin-top: 30px;
}

#content blockquote {
	margin:20px;
	padding:1px 10px 1px 70px;
	background: transparent url( images/quote.png ) top left no-repeat;
}
/*************************************
 +Content Boxen
 *************************************/
#archive, #kategorien ul{
	list-style-type:none;
}
#kategorien li, #archive li{
	display: block;
        font-size: 0.9em;
        text-align: left;
	text-decoration: none;
        border-bottom: 1px dotted #000;
}
#kategorien li a, #archive li a, #kategorien li a:visited, #archive li a:visited {
	display: block;
	text-decoration: none;
	padding: 3px 5px 3px 10px;
	height: 17px;
}
#kategorien li a:hover, #archive li a:hover, #kategorien li a:active, #archive li a:active{
        background:#2b2b2b;
        color:#fff;
}

#archive h2, #kategorien h2 {
	font-weight:bold;
	font-size: 1.2em;
}


/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;padding:0;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
}
#sidebar ul li{
	padding:0px;
}

/*************************************
 +Footer
 *************************************/
#footer_container{
	width:850px;
	margin:15px auto;
}
#lastthreads{
	float:left;
	width:350px
}
.contactform { width: 400px; }
.contactform Label { color: #b3b3b3; background-color: transparent; text-align: left; width: 400px; margin-top: 10px; float: left; }
.contactform Input { color: #c8c8c8; background-color: #000; width: 400px; margin-top: 5px}
.contactform Textarea { color: #c8c8c8; background-color: #000; text-align: left; width: 404px; margin-top: 5px; float: left; clear: left; }

#lastthreads ul{
	list-style-type:none;
        padding: 8px;
}
#lastcomments ul{ background-position: 20px 0; width: 500px; list-style-type:none; padding: 8px; }
#lastthreads li {
        font-size: 1.2em;
}
#lastcomments li { font-size: 1em; background-position: 20px 12px; }
#lastthreads li, #lastcomments li{ background-position: 12px 0; display: inline; text-align: left; text-decoration: none; padding-left:30px; margin-bottom: 6px; }
#lastthreads li{
        background:transparent url(./images/green_arrow.gif) 2px center no-repeat;
}
#lastcomments li{
        background:transparent url(./images/orange_arrow.gif) 2px center no-repeat;
}
#lastthreads li a, #lastthreads li a:hover, #lastthreads li a:visited, #lastcomments li a, #lastcomments li a:hover, #lastcomments li a:visited{
	color: #fff;
}
.last_author{
        color: #5681d0
}
#lastcomments{ position: static; left: 200px; float:left; }
#lastthreads h2, #lastcomments h2 {
	font-weight:bold;
	font-size: 1.4em;
}
.copy a, .copy a:visited { 
        color: #5681d0
}
.copy, .copy a:link {
	margin-top:25px;
	padding:5px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0;
	padding:0;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#000;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	padding:0.5em;
}

.alt{
        background-color: #EEEEEE;
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	padding: 0.8em;
        color: #000;
}

.normal{
	padding: 0.8em;
        color: #000;
}

h3#comments{
	font-size:1.3em;
}

h3#respond{
	font-size:1.3em;
        margin-top: 30px;
}

.countcomment{
	color:#000;
}

.commentmetadata
{
	font-size:0.9em;
}

.gravatar
{
	float:left;
         border: 1px solid #000;
         margin-right: 5px;
         margin-top: 5px;
         width: 36px;
         height: 36px;
}

/*************************************
 +Header List
 *************************************/
#menu ul{ list-style-type:none; float:left
; margin-top: -8px; margin-left: 4px; }

#menu li{ width: 950px; margin-right: 5px; margin-bottom: 2px; display: inline; }

#menu li a, #menu li a:hover{ height: 19px; width:112px; color: #000; font-size: 1em; font-weight: normal; text-align: center; text-decoration: none; float: left; margin-top: 16px; margin-left: 5px; }

#menu li a:hover{ color: #fff; background:url(images/menu_over.gif) no-repeat; }

#menu li a:active{ background: url(images/menu_active.gif) no-repeat; }
/*************************************
 +Header List
 *************************************/

#header ul{
	list-style-type:none;
        float:right;
        margin:0;
        margin-right:1em;
}

#header li{
        padding:0;
        display:inline;
}

#header li a{
        display:inline;
}

/*************************************
 +Misc
 *************************************/
#header a{ color: #ddd; text-decoration:none; }
#header a:hover{ color: #6690c6; }

.nodisplay {
        left: -5000px;
        position:absolute;
}
.bold {
        font-size:1em;
        font-weight:bold;
}
.trennen {
        background:#fff url(./images/trennung.gif) no-repeat;
        margin-top: 5px;
        margin-bottom: 5px;
        margin:0 auto;
}

#contactsubmit {width: 75px; margin-top: 40px;}

input
{ border: solid 1px #939393; padding: 4px; font-size: 1.1em; width: 500px; }
#tcf_msg {width: 404px; height: 200px; font-size: 1.1em;}

textarea
{ border: solid 1px #939393; padding: 2px;}
a{ color: #ccc; text-decoration:none; }
a:hover{ color: #6690c6; }