/* 
   +++ +++ +++ 
   +++ +++ +++ 
   +++ +++ +++
   
 csscube.de - a flexible css and layout framework for TYPO3
 - file: colors_main.css
 - function: colors, borders, backgrounds
 */

/*
Style Presets for c & p:

*/

/* Basis
............................................... */

body {background: #000 url(../img/black/body_bg.jpg) top center repeat-y;}
#twoinside {background: url(../img/chameleon/fotoblog/headerpic.jpg) top left no-repeat;}

/* Border titlearea*/
#oneinside,
.copyfoot,
#subFooter{background: #0D0D0D !important;}
.footContent {background: #262626 url(../img/black/fotoblog_bg.jpg) top left  no-repeat !important; border-bottom: 1px solid #000;}
#subHeader {background: #262626 url(../img/black/fotoblog_bg.jpg) top left  no-repeat !important; border-bottom: none;}



.tx-jfmulticontent-pi1 {padding: 0px 10px !important;background: #262626 url(../img/black/fotoblog_bg.jpg) top left  no-repeat !important; border-bottom: none;}
h1.ui-accordion-header,h2.ui-accordion-header,#subHeader h3.ui-accordion-header {font-size: 98% !important; color: #ccc; text-align:right; padding-right: 250px;}
.ui-accordion-content h1,
.ui-accordion-content h1{font-size: 175% !important; color: #555;}
.tx-jfmulticontent-pi1 p a {border: none !important;}
#titlearea {border-left:1px solid #110e09;}
#titlearea {border-left:none;}

.csc-frame-frame1 {background: #262626 url(../img/black/fotoblog_bg.jpg) top left  no-repeat !important; margin: 10px 0px 0px 0px; padding: 10px; border: 1px dotted #000}
.csc-frame-frame2 {background: #111111; margin: 10px 0px 0px 0px; padding: 10px; border: 1px dotted #000;text-align: center; font-style:italic;}

.nslide,.tx-jfcloudzoom-pi1 {background: #262626 url(../img/black/fotoblog_bg.jpg) top left  no-repeat !important; margin: 10px auto; padding: 10px 20px 30px 50px; border: 1px dotted #000}
.cloud-zoom-image-small, .cloud-zoom-big {border: none !important;}

.pagekeys {background: #262626 url(../img/black/fotoblog_bg.jpg) top left  no-repeat !important; padding: 5px 10px;border: 1px dotted #000; color: #555; margin:0px;}
.globalpagedate h1 {color: #555;}
/* Haupt Schriftfarbe*/
#wrapper {color: #999} 
	#recent a,
	#recent a:hover {color:#464646; border:none;}
/*#subHeader {background: #f6f6f6 url(../img/chameleon/subheader_bg.jpg) top left no-repeat; color: #666}*/

#subContent {background: #fff; border-top: 1px solid #efefef; color:#666;}
acronym, abbr {border-bottom:1px dashed #363636;}
#cubeeight,#cubenine,
#cubeeight h2,#cubenine h2,
#cubeeight h3,#cubenine h3{color: #464646; font-weight:lighter}

.crmin {padding: 0px; color: #666; text-align:center; display:block; float:none;}
.crmin a {color: #666;border:none}

/*#suchcrumb {background: #F6F6F6 url(../img/chameleon/bread_bg.jpg) bottom left no-repeat;}
.footContent {background: #fff url(../img/chameleon/footer_bg_default.jpg) top left no-repeat; border-bottom: 1px solid #efefef;} */

/* Links im Subheader
............................................... */
#home #subHeader a {color: #666; border-bottom: 1px solid #D0D0D0 }
#home #subHeader a:hover {color: #111; border-bottom: 1px solid #111}
#topservice span.pipe, span.pipe {color:#464646 !important;}

#subFooter {background: #fff; border-top: 1px solid #efefef;color:#666;}

.ffour p {color: #555;}


/*Farben - globale Navigation*/

.topslogan h1 {color: #464646 !important;}

a {color: #9a4806; border:none;}
a:hover {color: #777; border:none}

p a,
#topservice a,
#threeinside a,
#seveninside p a,
#LP a,
.simple_navi a span,
#fnav a,
span a,
a strong.linside,
.tx-skpagecomments-pi1 a{color: #9a4806; border-bottom: 1px solid #9a4806}
p a:hover,
#topservice a:hover,
#threeinside a:hover,
#seveninside p a:hover,
#LP a:hover,
.simple_navi a:hover span,
#fnav a:hover,
span a:hover,
.tx-skpagecomments-pi1 a:hover{color: #ACACAC; border-bottom: 1px solid #ACACAC;}

/* ######################################################################################################
** ### Kategorienavigation  ################################################
** ###################################################################################################### */

a.bildlink { text-decoration: none; border: 0px none; }
.kategoriefb {  text-align: left; background: #262626 url(../img/black/fotoblog_bg.jpg) top left repeat-x !important;color: #615454;padding: 20px; float: left; margin: 0 1em 1em 0; border:1px solid #2E2E2E}
.kategoriefb p {color: #615454; margin: 0 5px 10px 5px;} 
.kategoriefb h3 {font-size: 96%}
.kategoriefb h3 a,.kategoriefb h3 a:link, .kategoriefb h3 a:visited, .kategoriefb h3 a:hover, .kategoriefb h3 a:active, .kategoriefb h3 a:focus {color: #8F5600;text-decoration: none;border-bottom: 1px #8F5600 solid; margin: 0 5px;padding: 0px;}
.kategoriefb h3 a:visited { color: #8F5600; border-bottom: 1px #8F5600 solid; }
.kategoriefb h3 a:hover, .kategoriefb h3 a:active, .kategoriefb h3 a:focus { border-bottom: 0px solid; color: #fff }
.klar { clear: both; }


a.bildlink { text-decoration: none; border: 0px none; }
.kategoriefbneu {  text-align: left; background: #262626 url(../img/black/fotoblog_bg.jpg) top left repeat-x !important;color: #615454;padding: 5px; float: left; margin: 0 5px 5px 0; border:1px solid #2E2E2E}
.kategoriefbneu p {color: #615454; margin: 0 5px 10px 5px;} 
.kategoriefbneu h3 {visibility: hidden; display:none;}
.klar { clear: both; }


/************************
/*Tagcloud Over*/

.tx-vgetagcloud-pi1 li a:hover {color:#ACACAC;}
.tx-vgetagcloud-pi1 li a {color:#9a4806}

/*Farben Überschriften*/

h1,h2,h3,h4,h5,h6 {color: #777}

/* Toolbox
............................................... */

#breadcrumb {color: #555; }



/* Subnavi
............................................... */

#cnav ul a span.big {color: #000 !important;}


/* individuell */

    #cnav ul li.aclistone ul li a.snavlast {border-bottom: 1px solid #eee;}
	#cnav ul li.aclistone ul li  {background:#fbfbfb }
	#cnav ul li.aclistone ul li ul li  {border:none}


#seveninside .csc-textpic-imagewrap img { background: #262626 url(../img/black/fotoblog_bg.jpg) top left repeat-x !important;color: #615454;padding: 20px; border:1px solid #2E2E2E; margin:10px; text-align: center; }


/*Farben Hauptnavigation*/

#cnav ul li a {background: #0d0d0d; color:#9a4806; border-bottom: 1px dotted #262626; }
#cnav ul li a.firstnav {background: #0d0d0d; color:#9a4806; border-top: 1px dotted #262626; }
#cnav ul li ul li a {border-top: 1px dotted #262626; border-bottom:none}
#cnav ul li ul li ul li a {border-top: 1px dotted #262626;  border-bottom:none}

#cnav ul li a:hover {}
#cnav ul li ul li a:hover {}
#cnav ul li ul li ul li a:hover {} 

#cnav ul li strong a {background: #262626;border-bottom: 1px dotted #404040;}
#cnav ul li ul li strong a {background:#2E2E2E url(../img/chameleon/dark/navi_one.png) 30px center no-repeat;}
#cnav ul li ul li ul li strong a {background:#363636 url(../img/chameleon/dark/navi_two.png) 50px center no-repeat;}
#cnav ul li ul li ul li ul li strong a {background:#3E3E3E url(../img/chameleon/dark/navi_three.png) 70px center no-repeat;}

/* innen */

#cnav ul a span {color:#9a4806}
#cnav ul li ul a span {color:#9a4806}
#cnav ul li ul li ul a span {color:#9a4806}
	
#cnav ul a:hover span {color:#F67710}
#cnav ul li ul a:hover span {color:#F67710}
#cnav ul li ul li ul a:hover span {color:#F67710}

#cnav ul strong a span {color: #F67710;}
#cnav ul li ul strong a span {color:#F67710}
#cnav ul li ul li ul strong a span {color:#F67710}

/*Navi Referenzen*/
#work-navi ul li strong a {background: url(../img/chameleon/dark/navi_one.png) 0px center no-repeat;}


/*Navi Referenzen*/

#work-navi ul a {border:none;}

/* TS in CE - Navitagion
............................................... */

.simple_navi a, .simple_navi strong {border:none !important; background:none !important;}
.simple_navi a span {}

.simple_navi a:link, .simple_navi a:active, .simple_navi a:focus {border:none !important}
.simple_navi a:hover span {}

.simple_navi a.aktiv, .simple_navi strong {border:none !important}
.simple_navi a.aktiv span, .simple_navi strong span {}

.copyfoot {width: 960px; position:relative; background:none; }
/* Fußnavigation
............................................... */

#fnav a, #fnav strong, .crMin a {background:none; }
#fnav a:link,.crMin a:link, #fnav a:visited {}
#fnav a:hover, .crMin a:hover, #fnav a:active, #fnav a:focus {background:none;}
#fnav a.aktiv, #fnav strong {background:none;}
#fnav a.topp {background: none;}

/* Tabellen
............................................... */

table {background:none; border:none;}
td, th{background:none; border:none;}
th {color:#000; background:none; border:none;}
tr {background:none; border:none;}
tr td{background:none; border:none;}

/* Contact Formular
............................................... */

.formularContainer form {}
.formularContainer p.err {color:#f00;}
.formularContainer form p {}
.formularContainer fieldset {border: 1px solid #ddd;}
.formularContainer legend {background: #fff; color: #000;}
.formularContainer input.radio_feld {border: 0px none;}
.formularContainer input.text_feld, #text input.text_feld2, #text select {border-top: 1px solid #999;border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.formularContainer textarea {border-top: 1px solid #999;border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}


/* Suche
............................................... */

.suche {background: transparent; border:none; color:#777}
.suche h3 {color: #797979}
.suche input.hsuche {border: 1px solid #464646; color: #ccc; background:#464646}
.suche .suchsend {border: 1px solid #464646; background:#2E2E2E;color: #777}
.suche .suchsend:hover {background: #fff;color: #000}

/* Diverses
............................................... */

.tx-felogin-pi1 fieldset {border: 1px solid #E5ECFE; background-color: #fff;}
.tx-felogin-pi1 fieldset.sub_field {border: 0px none; background-color: #f1f1f1;}

.tx-felogin-pi1 legend {color: #E51924;background:none;  border: 0px none;}
.tx-felogin-pi1 .sub_field legend {border: 0px none;}

.tx-felogin-pi1 input, .tx-felogin-pi1 textarea, .tx-felogin-pi1 select {background: #fff; color: #333; border: 1px solid #75736E; border-right-color: #F2F0EE; border-bottom-color: #F2F0EE;}
.tx-felogin-pi1 input.senden, .tx-felogin-pi1 input.send {background: #D8D7D6 url(../img/topnav_bg.gif) repeat-x top left; color: #fff; border: 1px solid #fff;}

div#editPanelSet {background: #F8F9F8; color: #FF0000}


/* Pagecomments
............................................... */


.sk-pagecomments-error {color:red;font-weight:bold;background:#FFE8CF;border:1px solid #000;margin:8px 12px;padding:4px;}
.sk-pagecomments-success {color:blue;font-weight:bold;}
.sk-pagecomments-counter {color:#600;text-align:right;text-decoration:underline;margin-bottom:12px;}
.sk-pagecomments-headline {border:none;font-weight:bold;background:#0D0D0D;padding-left:6px;height:20px;}
.sk-pagecomments-answerheadline {border:none;font-weight:bold;background:#0D0D0D;padding-left:6px;height:20px;}
.sk-pagecomments-namedate {float:left;}
.sk-pagecomments-emailhomepage{float:right;}
.sk-pagecomments-answer{float:right;padding:0 4px 0 12px;}   
.sk-pagecomments-comment{background:#171717;padding:4px 28px;clear:both;border: 1px solid #363636}
/*.tx-skpagecomments-pi1 .fl {background:#121212;padding:5px; margin-top:10px}*/
.tx-skpagecomments-pi1, .gpcontent {background: #262626 url(../img/black/fotoblog_bg.jpg) top left  no-repeat !important; padding: 10px;border: 1px dotted #000;}

.sk-pagecomments-teaser {}
.sk-pagecomments-teaser h4 {background:#171717;font-size:85%;margin:0;padding-left:4px;}
.sk-pagecomments-teaser h4 span{padding-right:4px}
.sk-pagecomments-teaser p {margin:0;font-size:90%}

.tx-skpagecomments-pi1 form {margin:16px 0;width:480px;}
.tx-skpagecomments-pi1 form fieldset {border:1px solid #363636;}
.tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
.tx-skpagecomments-pi1 span.sk-pagecomments-number {float:left;font-size:70%;color:red;padding:3px 10px 3px 0;}

.tx-skpagecomments-pi1 form legend {background:#171717;border:1px solid #000;padding:4px;}
.tx-skpagecomments-pi1 form label {width:120px;float:left;margin-left:8px;}
.tx-skpagecomments-pi1 form label.check {width:100%;float:none;}
.tx-skpagecomments-pi1 form p {margin:6px 0;clear: both; padding: 2px;}
.tx-skpagecomments-pi1 form div  {padding: 2px;}
.tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:8px;}
.tx-skpagecomments-pi1 div.smileytext{margin-left:0px;}
.tx-skpagecomments-pi1 form input {background:#171717; border: 1px solid #363636; color:#999}
.tx-skpagecomments-pi1 form input#name,
.tx-skpagecomments-pi1 form input#email,
.tx-skpagecomments-pi1 form input#homepage {width:320px;}
.tx-skpagecomments-pi1 form textarea {width:320px;height:160px;background:#171717; border: 1px solid #363636; color:#999}
.tx-skpagecomments-pi1 form input#name:focus,
.tx-skpagecomments-pi1 form input#email:focus,
.tx-skpagecomments-pi1 form input#homepage:focus,
.tx-skpagecomments-pi1 form textarea:focus {background:#363636;} 
.tx-skpagecomments-pi1 form input#skcommentssubmit {background:#464646;color:#9a4806;float:right;margin:8px 20px; border: 1px solid #2E2E2E;color: #ccc;}

.tx-skpagecomments-pi1 img {border:0px}