@charset "UTF-8";

/* CSS Document 											 */
/* ========================================================= */
/*    Stylesheet für                                         */
/*    SITE : www.orangemocca.de                              */
/*    ERSTELLT: November 2009	                             */
/*    GEÄNDERT:					                             */
/*    (c) Orangemocca | Web & Print - Carolin Loerke         */
/* ========================================================= */

/*    Schön, dass Sie hier vorbeischauen                     */

/* == NOTES: =============================================== */
/*                                                           */
/*                                                           */
/* ========================================================= */

body {background:#a69d9a; text-align:center; overflow:auto; font-family: Verdana, Geneva, sans-serif;}
img {border:0;}

/* -- Allgemeiner Aufbau -- */
/* ======================== */
#center {width:940px; margin:0px auto; margin-top:20px;}
#spalte_links {width:86px; min-height:608px; float:left;}
#spalte_rechts {width:822px; background: url(../images/screen/bg_site_bottom.gif) no-repeat bottom #fff; padding:15px; float:left;}

#clean {clear:both;}

/* -- Webseiten Aufbau -- */
/* ====================== */
#infoleiste {width:825px; height:26px; text-align:right;}
#fotoleiste {height:193px; margin-bottom:13px;}
#navigation {width:825px; height:45px; background:#2d1810; text-align:left;}
#subnavigation {width:825px; height:45px; background:#2d1810;}
#text {width:505px; min-height:400px; margin:50px 19px 10px 19px; float:left;}
#pluspoints {width:275px; padding:0; float:left;}
#infobox {width:255px; float:left; padding:10px; background: #fdc75b url(../images/screen/bg_infobox.gif) no-repeat bottom; text-align:left}
#footer {clear:both; width:805px; height:55px; background:#2d1810; padding:10px; margin-bottom:28px;}

/*  -- Besondere Aufbauten  --  */
/* ============================ */
#pt1 {weight:275px; height:93px; background:url(../images/pluspunkt-01.gif) no-repeat top left;}
#pt2 {weight:275px; height:73px;  background:url(../images/pluspunkt-02.gif) no-repeat top left;}
#pt3 {weight:275px; height:73px;  background:url(../images/pluspunkt-03.gif) no-repeat top left;}

/* -- Hauptnavigation -- */
/* ===================== */
#navigation ul {margin-left:20px; padding:0; line-height:45px;/*für die vertikale zentrierung line-height in größe des divs*/ list-style-type:none;}
#navigation li {display:inline; padding-right:30px;}
#navigation a {font-size:12px; color:#ffb012; text-transform:uppercase; font-weight:normal; text-decoration:none; outline:none;}
#navigation a:hover {color:#fff; text-decoration:none; outline:none;}
#navigation a:active {outline:none;}

#start #home a, #orangemoccabuero #buero a, #pluspunkte #leistungen a, #kunden #okunde a, #fotografie #foto a, #freiberufler #frei a, #kontakt #kon a
{color:#fff; text-decoration:none; outline:none;}

/* -- Subnavigation -- */
/* =================== */
#item1 {margin-left:35px; margin-top:-5px; width:88px; float:left; text-align:left;}
#item2 {margin-left:12px; margin-top:-5px; width:50px; float:left; text-align:left;}
#item3 {margin-left:18px; margin-top:-5px; width:88px; float:left; text-align:left;}
#item4 {margin-left:150px; margin-top:-5px; width:88px; float:left; text-align:left;}

#subnavigation a {font-size:9px; color:#ffb012; text-transform:uppercase; font-weight:normal; text-decoration:none;}
#subnavigation a:link {font-size:9px; color:#ffb012; text-transform:uppercase; font-weight:normal; text-decoration:none;}
#subnavigation a:hover {font-size:9px; color:#fff; text-transform:uppercase; font-weight:normal; text-decoration:none;}

#newsletter #item1 a#ne, #fit #item1 a#fi, #gruender #item1 a#gr, #team #item2 a, #print #item3 a#pr, #print1 #item3 a#pr, #nonprint #item3 a#npr, #nonprint1 #item3 a#npr, #fotokatalog #item4 a#fotok, #fotokauf #item4 a#kauf
{color:#fff; font-weight:normal; text-decoration:none;}

/* -- Informationsleiste -- */
/* ======================== */
#infoleiste ul {margin:0; padding:0; list-style:none;}
#infoleiste li {display:inline; line-height:26px; padding:5px;}
#infoleiste a { padding:0; text-decoration:none; color: #2d1810; font-size:9px; }
#infoleiste a:hover {color:#ffb012; text-decoration:none;}

#anfahrt #anf a, #sitemap #site a, #impressum #impr a
{color:#ffb012; text-decoration:none;}

/* -- Schrift -- */
/* ============= */
h1 {font-size:18px; color:#2d1810; text-align:left;}
h2 {font-size:12px; color:#2d1810; margin-bottom:-5px; text-align:left; background:url(../images/screen/bg_headline.gif) no-repeat left; padding:10px 0px 10px 40px;}
h3 {font-size:12px; color:#2d1810; margin-bottom:-5px; text-align:left; background:url(../images/screen/bg_headline_h3.gif) no-repeat left; padding:10px 0px 10px 40px; margin-bottom:15px;}
h4 {font-size:12px; color:2d1810; background:#ffb012; padding:2px; text-align:left;}
p {font-size:10px; color:#2d1810; line-height:20px; text-align:left;}


.formular {font-size:10px; color:#2d1810; line-height:20px; text-align:left;}
.font {font-size:9px; color:#2d1810; line-height:22px; text-align:left;}
.small {font-size:9px;}
.info {font-size:9px; color:#666; text-align:left; line-height:20px;}
.wichtig {color: #ffaa00; text-transform:uppercase;}
.ital {font-style:italic;}
.plus {font-size:9px; color:#2d1810; text-align:left; line-height:12px; padding-left:75px; padding-top:20px; padding-right:20px;}
.foot {font-size:8px; color:#fff; text-align:left;}

.news, .news a, .news a:hover {font-size:12px; color:#ffb012; text-transform:uppercase; font-weight:normal; text-decoration:none; outline:none; line-height:45px;}

/* -- Links -- */
/* =========== */
a {font-size:11px; color:#ffb012; text-decoration:underline;}
a:link {font-size:11px; color:#ffb012; text-decoration:underline;}
a:hover {color:#2d1810; text-decoration:none;}
a:active {color:#2d1810; text-decoration:none;}

.foot a {font-size: 9px; color:#fff; text-decoration: none;}
.foot a:link {font-size: 9px; color:#fff; text-decoration: none;}
.foot a:hover {color:#ffb012; text-decoration: none;}

#pluspoints a {font-size: 9px; color:#2d1810; text-decoration: none;}
#pluspoints a:link {font-size: 9px; color:#2d1810; text-decoration: none; background:url(../images/screen/arrow_tr.gif) no-repeat left; padding-left:8px;}
#pluspoints a:hover {color:#2d1810; text-decoration: none;}

#infobox a, #infobox li a {font-size: 10px; color:#2d1810; text-decoration: none;}
#infobox a:link, #infobox li a:link  {font-size: 10px; color:#2d1810; text-decoration: none;}
#infobox a:hover, #infobox li a:hover  {color:#fff; text-decoration: none;}

/* -- Buttons -- */
/* =============*/
.clear {overflow: hidden; width: 100%;}
a.button {background: transparent url(../images/screen/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: left; font:normal 12px arial, sans-serif; height:24px; margin-right:6px; padding-right:18px; text-decoration: none;}
a.button span {background: transparent url(../images/screen/bg_button.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.button:active {background-position: bottom right; color: #000; outline: none; /* versteckt dotted outline in Firefox */}
a.button:active span {background-position: bottom left; padding: 6px 0 4px 18px;}

/* -- Formulare     -- */
/* =================== */
form {width:100%; text-align:left;}
fieldset {border: 0; padding:5px; line-height:16pt;}
legend {font-weight:bold; font-size:10px; color:#2d1810; margin-left:-5px;}
label {width:160px; display: block; text-align: left; margin-right:2px;}
select {margin-bottom:5px;}

/* -- Listen        -- */
/* =================== */
#text ul {list-style-type:circle; color:#2d1810; text-align:left; line-height:22px;}
#text li {font-size:10px;}

#infobox ul {list-style-type:circle; color:#2d1810; text-align:left; line-height:22px;}
#infobox li {font-size:9px;}

/* --  Sonstiges  -- */
/* ================= */
#text img {border: 4px solid #F3F3F3; margin: 3px 5px 3px 0;}
#fotokauf #text img, #start #text img, #orangemoccabuero #text img, #newsl #text img {border:0; margin: 3px 5px 3px 0;}
#print1 #text img, #nonprint1 #text img {border:0;}
#fotokatalog #text img {margin:0px;}

table {border:0; padding:3px; font-size:9px;}
td {border-bottom:1px solid #fdc75b;}
#kontakt table td {border:0;}

/* -- Sitemap -- */
/* ============= */
.spalte {width:160px; float:left; margin-right:6px;}

/* -- Fotogalerie -- */
/* ==================*/
.galerie {width:160px; float:left; margin:0px;}

/* -- Referenzen -- */
/* ================ */
.refbild {width:120px; float:left; margin:5px;}