/*
Theme Name: Brandflow
Theme URI: 
Description: Brandflow.com Theme
Version: 1.0
Author: J?rgen Koller
Author URI: http://www.kollermedia.at/work
*/



/*	*********************************
	***** 1. Basic Definitions  *****
	*********************************	*/


/****** 1.1 Body und Reseter ******/
* {margin:0px; padding:0px;}
body {background-color:#e2decb; color:#333333; font-family:Arial, Helvetica, sans-serif;}

/****** 1.2 Basic Declarations ******/
a img {border:none;}
a {color:#4e380e;}
h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#96876a; font-size:21px; font-weight:normal;}
.content img {max-width:100%;height:auto;}

/*	********************************
	*******    2. Layout    ********
	********************************	*/
	
/****** 2.1 Structure ******/
.center1 {text-align:center;}
.center2 {width:800px; margin:auto; text-align:left; background:url(images/bg_content.gif) repeat-y; height:100%; overflow:hidden;}
.innercontent {padding:0px 8px;}

/****** 2.2 Header******/
.header {width:784px; height:84px;}
.header img {float:left;}


/****** 2.3 Navigation ******/
.navigation {width:550px; float:right;  text-align:right;}
.navigation ul {list-style:none; padding:22px 28px 0 0; float:right;}
.navigation ul li {float:left; padding:0px 8px;}
.navigation ul li a {color:#4e380e; font-size:14px; font-weight:bold; text-decoration:none; display:block; float:left; padding:2px 4px;}
.navigation ul li.active a, .navigation ul li a:hover {background-color:#4e380e; color:#ffffff;}

.bigimage {float:left; display:block;}
.bigimage a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
.bigimage a span {display:none; padding:2px 3px; margin-left:-247px; width:240px; font-size:11px;}
.bigimage a:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

/****** 2.4 Subnavigation ******/
.subnavigation {clear:right; float:right; width:550px; text-align:right;}
.subnavigation ul {list-style:none; padding:10px 31px 0px 0px; float:right;}
.subnavigation ul li {float:left; padding:0px 4px;}
.subnavigation ul li a {color:#4e380e; font-size:13px; text-decoration:none; display:block; float:left; padding:2px 4px;}
.subnavigation ul li.active a, .subnavigation ul li a:hover {background-color:#4e380e; color:#ffffff;}

/****** 2.5 Absolute Positioned Layers ******/
body div.absolut  {position:absolute; width:690px; top:120px;}
body .absolut { line-height:27px;font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; font-size:21px; font-weight:normal;}
body#startseite .content {padding-top:0px; padding-bottom:0px;}
body#presseinfo div.absolut  {position:absolute; width:690px; top:120px;}
body#presseinfo .absolut a {color:#444444; text-decoration:none; font-weight:bold; font-size:14px; display:block; float:left; padding-bottom:8px; clear:both;}
body#presseinfo .absolut a:hover {color:#444444; text-decoration:underline; font-weight:bold; font-size:14px; display:block; float:left; padding-bottom:8px; clear:both;}

body#workflow .content{background:url(images/modell.gif) no-repeat 40px 15px; height:570px; padding-top:15px;}
body#adresse .content {padding-top:10px;}

.wrapper {clear:both; height:1px; overflow:hidden; display:block;}

/****** 2.6 Content ******/
.content {font-size:14px; line-height:20px; padding:25px 40px 15px 40px; clear:both;}
/*.content p {padding-bottom:18px; font-family: "Times New Roman",times,serif; font-size:17px; line-height:22px;}*/
.content p {padding-bottom:18px; }
.content form {margin-top:20px;}
.content span.author {font-size:13px; padding-bottom:10px; display:block;}
.content h2 {font-size:15px; padding-bottom:5px;}
.content .column1 {width:330px; margin-right:40px; float:left; position:relative;}
.content .column2 {width:330px; float:left; position:relative;}


#blogcontent {float:left; width:450px;}
#blogcontent h2 {font-size:17px;color:#4e380e;}
#blogcontent h2 a{text-decoration:none; font-size:17px;}
#blogcontent h2 a:hover{text-decoration:underline;}
#blogcontent .post {padding-bottom:20px; font-size:13px;}
#blogcontent .post p {padding-bottom:15px; font-size:13px; line-height:18px;}


.postheader h2 {float:left; width:340px;}
.postheader span {float:right; font-size:11px; margin-top:2px;}
#blogcontent .entry {clear:both; padding-top:5px;}

.postmetadata {border-bottom:1px dotted #663300; font-size:11px; background-color:#eeeeee; padding:0 5px;}
.tags {background-color:#e7ffb7; font-size:11px; padding:0 5px; }
.tags a {}
.tags a:hover {text-decoration:none;}



#sidebar {float:right; width:200px;}
#sidebar ul {list-style:none;}
#sidebar ul li {font-size:12px;}
#sidebar div {padding-bottom:20px;}
#sidebar h2 {padding-bottom:0px;}

/****** 2.7 Formular ******/
.post form {margin-bottom:30px; clear:both; float:left; background:url(images/bg_form.gif) repeat #ffffff; padding:10px; width:680px;}
.post form .left {width:260px; float:left; margin-right:80px;}
*html .post form .left {margin-right:35px;}
.post form .right {width:260px; float:left;}
.post form label {font-weight:bold; width:200px; display:block; float:left; margin-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif;}
.post form label small {color:#990000;}
.post form input {width:270px; border:1px solid #e1e1e1; padding:2px 1px; clear:right; margin-bottom:15px; background-color:#f9f9f9;}
.post form input.submit {margin-top:160px; margin-bottom:0px; font-weight:bold; border:none; height:30px; width:270px; background:url(images/submitbutton.gif) no-repeat;}
.post form textarea {width:270px; height:100px; border:1px solid #e1e1e1; background-color:#f9f9f9;}
.post form div.innercontent {background-color:#ffffff; height:100%; overflow:hidden; padding:20px;}

/****** 2.8 Footer ******/
.footer {width:704px; margin:10px auto; color:#999999; border-top:1px solid #e2e2e2; font-size:10px; text-align:center; padding-top:10px; overflow:hidden; clear:both;}
.footer ul {list-style:none; margin:0px auto;}
.footer li {float:left; padding-right:10px;}
.footer li.last {padding-right:0px;}
.footer li span {padding-right:11px;}
.footer li a {color:#999999; text-decoration:none;}
.footer li a:hover {text-decoration:underline; color:#2A71A9;}




/*----- Start Leftcontent Commentsbereich----*/
#commentsarea{margin-top:20px; font-family:Arial, Helvetica, sans-serif;}
#commentsarea h4 {font-size:22px; font-weight:normal;  text-align:center; color:#a5a5a5; margin-bottom:15px; clear:both;}

/*----- Start Leftcontent Commentsbereich Trackbacks----*/
#commentsarea .trackbackbox {padding:5px 0px; margin-bottom:20px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#commentsarea .trackbackbox a { display:block; padding-left:20px; background:transparent url(../images/icons/trackback.gif) 0 3px no-repeat; text-decoration:none;   font-size:12px; line-height:22px;}
#commentsarea .trackbackbox a:visited {padding-left:20px; background:transparent url(../images/icons/trackback.gif) 0 -32px no-repeat;  color:#3b8035;}
#commentsarea .trackbackbox a:visited:after {content:"  - already visited! "; color:#3b8035; font-weight:normal; font-style:italic;}
#commentsarea .trackbackbox a:hover {text-decoration:underline; background-color:#f8f8f8;}
/*----- Ende Leftcontent Commentsbereich Trackbacks----*/

/*----- Start Leftcontent Commentsbereich Kommentare---*/
#commentsarea .comment.even {background-color:#f8f8f8; border-top:1px solid #dfdfdf !important; border-bottom:1px solid #dfdfdf; padding:8px 8px 1px 8px;  margin-top:-1px; width:100%; clear:both;}
#commentsarea .comment.odd {background-color:#ffffff; border-top:1px solid #dfdfdf !important; border-bottom:1px solid #dfdfdf; margin-top:-1px;  padding:8px 8px 1px 8px;  width:100%; clear:both;}
#commentsarea .comment.even.admin {color:#000000; background-color:#e0fda6 !important;}
#commentsarea .comment.odd.admin {color:#000000; background-color:#e0fda6 !important;}
#commentsarea .commentimage {height:45px; width:45px; float:left; margin-right:10px;}
#commentsarea .commentname {color:#666666; font-size:15px; font-weight:bold;}
#commentsarea .commentname a {color:#666666;}
#commentsarea .commentdate {color:#6e6e6e; font-size:11px;}
#commentsarea .commenttext {color:#4c4c4c; font-size:12px; margin-top:2px;}
#commentsarea .comment .comment {border:0px !important; border-left:1px solid #999999 !important; margin-left:55px;}
#commentsarea .comment .comment.even{width:435px;}
#commentsarea .comment .comment.odd {width:435px;}

/*----- Ende Leftcontent Commentsbereich Kommentare---*/

/*----- Start Leftcontent Commentsbereich Kommentarformular---*/
#commentsareaform {margin-top:30px;}
#commentsarea fieldset {margin: 0 0 2em 0; padding: 1em 1.2em .8em .8em; border: 1px solid #D1D1D1;}
#commentsarea legend {font: bold 16px Georgia, "Times New Roman", Times, serif; color:#000000;padding:6px;}
#commentsarea label {margin-right:5px; color:#000000; font-size:12px; font-weight:bold;}
#commentsarea #email, #commentsarea #url, #commentsarea #author {font: normal 12px Arial, Helvetica, sans-serif; width:60%;color:#000000;border: 1px solid #D1D1D1; background-color: #F5F5F5; padding:2px; }
#commentsarea textarea  {color:#000000;font: normal 12px Arial, Helvetica, sans-serif; width:99%;border: 1px solid #D1D1D1;  padding:2px; background-color: #F5F5F5;}
#commentsarea #submit, #searchsubmit {margin-bottom:0px; font-weight:bold; border:none; height:30px; width:270px; background:url(images/submitbutton.gif) no-repeat;}
/*----- Ende Leftcontent Commentsbereich Kommentarformular---*/