/*  
Theme Name: ReactTheme
Theme URI: http://www.thereaction.de
Description: Das Theme von The Reaction
Version: 1.0
Author: Dirk Metzmacher
Author URI: http://www.thereaction.de
*/


/* Normalisiert margin, padding */
html, body, h4, h5, h6, p, div, blockquote, cite, ul, li
{ margin : 0px; padding : 0px; border:none; }

/* Normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Entfernt border-spacing */
table
{ border-collapse : collapse; border-spacing : 0; }

/* Entfernt list-style aus Listen */
ol, ul
{ list-style : none; }

/* Entfernt border aus fieldset und img */
fieldset, img
{ border : 0; }

/* Richtet Text in caption und th links aus */
caption, th
{ text-align : left; }

/* Entfernt Anführungszeichen aus q */
q:before, q:after
{ content :''; }

html
{ background-color : #fff; }

body
{ margin-top : 15px; margin-left : 5px;
font-family : Verdana; font-size : 13px; color : #111;
font-weight : lighter; line-height : 16px;
width : 840px; }


/* Grundsätzlicher Aufbau */

div#nav_main, div#site_info, div#content {
position : relative; width : 100%; margin : 0; }

div#nav_main h2 { text-indent : -9999px; margin : 0; padding : 0; }

div#nav_main { margin-top : 1px; }

div#content_main
{ left : 0; width : 445px; min-height:1600px; height : 100%; padding-left : 22px; margin-top : -9px; }

div#content_sub
{ left : 495px; width : 340px; height : 100%; padding : 0; margin : 0; }

div#branding { position : relative; margin : 0; padding : 0; left : 465px; top : 20px; z-index : 10; margin-right : 305px; }



/* Verlinkungen */

a { text-decoration:none; color:#111; font-weight : normal; outline: none; border-bottom:1px dashed #222; } 

a:hover { text-decoration:none; color:#111; font-weight : normal; outline: none; border-bottom:1px dashed #fff; } 

#branding a:hover { text-decoration:none; outline: none; border-bottom:0px #fff; }

#branding a { text-decoration:none; outline: none; border-bottom:0px; }

p { margin-bottom : 9px; }

.bilder-links a:hover { text-decoration:none; outline: none; border-bottom:0px #fff; }

.bilder-links { text-decoration:none; outline: none; border-bottom:0px; }



/* Meta-Navigation mit RSS, Newsletter, Impressum, usw. */

#nav_meta a { text-decoration : none; font-weight : lighter; color : #777; outline: none; border-bottom:0px; }

#nav_meta a:hover { text-decoration : none; font-weight : lighter; color : #000; outline: none; border-bottom:0px; }

ul#nav_meta li { font-size : 11px; color : #444; }

ul#nav_meta
{ position : absolute; top : -75px; width : 834px; height : 22px;
padding : 2px; margin: 0; margin-top : -1px; margin-left : 12px; }

ul#nav_meta li { display : inline; }



/* Kategorien - Erste Navigationsebene */

.cat { margin-top : 0; margin-bottom : 11px; }

.cat a { font-size:12px; color : #aaa; text-decoration : none; font-weight : lighter; outline: none; border-bottom:1px dashed #fff; }

.cat a:hover { text-decoration : none; font-weight : lighter; color : #111; outline: none; border-bottom:1px dashed #bbb; }

#nav_cat a { text-decoration : none; font-weight : lighter; color : #777; outline: none; border-bottom:0px; }

#nav_cat a:hover { text-decoration : none; font-weight : lighter; color : #000; outline: none; border-bottom:0px; }

ul#nav_cat { color : #222; font-size : 11px; padding-top : 0px; }

ul#nav_cat {
margin-top : -11px; width : 845px; height : 22px; padding-top : 4px; 
background : url(bg_cat.gif) no-repeat 0 0; }

ul#nav_cat li { display : inline; }

#cat1 { margin-left : 39px; }

#cat2, #cat3, #cat4, #cat5, #cat6, #cat7 {
margin-left : 13px; }

#cat8 {
margin-left : 261px; }



/* Zweite Navigationsebene */

#nav_sub a { text-decoration : none; font-weight : lighter; color : #222; outline: none; border-bottom:0px; }

#nav_sub a:hover { text-decoration : none; font-weight : lighter; color : #000; outline: none; border-bottom:0px; }

ul#nav_sub li { color : #333; font-size : 11px; font-weight : bold; }

ul#nav_sub { margin-top : -20px; width : 845px; height : 33px; padding-top : 4px; padding-left : 12px; 
background : url(bg_sub.gif) no-repeat 0 0; }

.trennlinie { vertical-align:middle; margin-top:-2px;}

ul#nav_sub li { display : inline; }



/* Suche */

ul#nav_search li { color : #777; font-size : 11px; padding:0; margin:0;}

ul#nav_search { margin-top : -14px; width : 845px; height : 31px; padding-top : 5px; padding-left : 5px; 
background : url(bg_search.gif) no-repeat 0 0; margin-bottom:0px; }

ul#nav_search li { display : inline; padding-right : 12px;}

input#suche { color : #555; background-color : #fefefe; font-size : 13px; padding-left:3px; padding-top:2px; border-top-color:#aaa; border-left-color:#aaa; 
border-right-color:#eee; border-bottom-color:#eee; border-width:1px; border-style:solid; }

ul#nav_search input { display : inline; margin-top:-9px; }
ul#nav_search form { display : inline; }
ul#nav_search fieldset { display : inline; padding:0px; margin:0; }



/* Überschriften */

h1 { font-size : 19px; margin-top : 3px; margin-bottom : 7px; color : #111; font-family : "Trebuchet MS"; font-weight : lighter; }

h1 a { color:111;  text-decoration : none; outline: none; border-bottom:0px;}

h1 a:hover { color:111;  text-decoration : none; outline: none; border-bottom:0px;}

.autor { margin-bottom : 10px; font-size : 12px; }

h2 { font-size:23px; margin-top : 30px; color:#aaa; font-family : "Trebuchet MS"; font-weight:lighter; }

h3 { font-size:18px; margin-top : 24px; margin-bottom : 6px; padding-bottom : 0; font-family : "Trebuchet MS"; color:#222; }

h4, h5, h6 { font-size : 13px; }

.bild-unterschrift
{ font-size : 11px; background-color : #f7f7f7; padding : 4px; padding-left : 8px;
border-left-width : 2px; border-left-style : solid; border-color : #777; margin-top:0px;}



/* Copyright-Info */

div#site_info { margin-top : 15px; margin-bottom : -20px; }

#site_info a:hover { text-decoration:none; outline: none; border-bottom:0px; }

#site_info a { text-decoration:none; outline: none; border-bottom:0px; }

#site_info { color : #777; font-size : 11px; }

#site_info { width : 845px; height : 37px; padding-top : 8px; padding-left : 12px; 
background : url(bg_site_info.gif) no-repeat 0 0; }



/* Auswahl verfeinern */

ul#nav_sub_sub { color : #111; margin-left:10px; font-size : 12px; width:323px; margin-top:-12px; }

#nav_sub_sub li 
{ width:323px; height:32px; padding-left:12px; padding-top:9px; margin-bottom:-9px; 
background : url(bg_sub_sub2.jpg) no-repeat 0 0; }

#nav_sub_sub_hd { margin-left:10px; margin-top:-4px; font-weight:bold; color : #333; width:323px; height:38px; 
padding-left:12px; padding-top:12px; background : url(bg_sub_sub1.jpg) no-repeat 0 0; }

#nav_sub_sub_bt { margin-left:10px; margin-top:0px; width:323px; height:40px; padding-left:12px; padding-top:0px; 
background : url(bg_sub_sub4.jpg) no-repeat 0 0; }

#nav_sub_sub a { text-decoration : none; font-weight : lighter; color : #222; outline: none; border-bottom:0px; }

#nav_sub_sub a:hover { text-decoration : none; font-weight : lighter; color : #000; outline: none; border-bottom:0px; 
background : url(bg_sub_sub3.jpg) no-repeat 0 0; padding-top:10px; padding-bottom:12px; padding-left:12px; 
margin-left:-12px; }

#content_sub { background : url(bg_mfb.gif) repeat 0 0; }

#werbung1 { margin-left : 5px; margin-top : 0px;}

.kasten { border : 1px dashed #bbb; margin-top : 25px; padding : 35px; padding-bottom : 37px; padding-left : 50px; line-height : 23px; }

.kasten-u { border : 1px dashed #bbb; margin-top : 25px; padding : 35px; padding-bottom : 39px; padding-left : 50px; line-height : 23px; }



/* Wordpress anpassen */

.indexphp { margin-top:-9px; }

.kommentare { margin-left:0px; }

.kommentare h3 { margin-bottom:-9px; }

.kommentar-feld { color : #555; background-color : #fefefe; font-size : 13px; padding-left:3px; padding-top:2px; border-top-color:#aaa; border-left-color:#aaa; 
border-right-color:#eee; border-bottom-color:#eee; border-width:1px; border-style:solid; }

#mein-portfolio {
margin:-5px;
margin-bottom:-6px;
margin-left:370px;
}



/* Ajax */

.ajax li { margin-bottom:10px; }

.ajax a { text-decoration : none; outline: none; border-bottom:0px; }

.ajax-bg { padding-left:8px; padding-top:20px; width:323px; height:207px; background:#444; background : url(ajax-bg.gif) no-repeat 0 0; }

.ajax-bg2 { padding-left:8px; padding-top:41px; width:323px; height:207px; background:#444; background : url(ajax-bg2.gif) no-repeat 0 0; }

#sidebar { margin-left:9px; }



/* Weitere Beiträge */

#nav_sub_sub_hd2 { margin-left:2px; margin-top:-4px; font-weight:bold; color : #333; width:323px; height:38px; 
padding-left:12px; padding-top:12px; background : url(bg_sub_sub1-b.jpg) no-repeat 0 0; }

#nav_sub_sub2 li 
{ width:323px; height:32px; padding-left:12px; padding-top:15px; margin-bottom:-24px; background : url(bg_sub_sub2-b.jpg) repeat-y 0 0; }

ul#nav_sub_sub2 { color : #111; margin-left:2px; font-size : 11px; width:323px; margin-top:-12px; }

#nav_sub_sub2 a { padding-left:5px; font-size : 10px; text-decoration : none; font-weight : lighter; color : #333; outline: none; border-bottom:0px; margin:7px; margin-left:0px; }

#nav_sub_sub2 a:hover { font-size : 10px; text-decoration : none; font-weight : lighter; color : #000; outline: none; border-bottom:0px; }

b { font-weight : bold; }

#nav_sub_sub2 span { font-weight : bold; font-size : 11px; margin-left:-5px;}

#nav_sub_sub_bt2 { margin-left:2px; margin-top:0px; width:323px; height:40px; padding-left:12px; padding-top:0px; 
background : url(bg_sub_sub4.jpg) no-repeat 0 0; }



/* Scrollbalken im IE */

html, body {
scrollbar-base-color:#444;
scrollbar-3d-light-color:#ddd;
scrollbar-arrow-color:#444;
scrollbar-darkshadow-color:#444;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#444;
scrollbar-track-color:#eee;
}



/* =si_clear_children */

.pc,.sc { position: absolute; top: 0; left: 0;} 
.clear_children,.cc_tallest { position: relative; } /*\*/* html
.clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */