/*
Theme Name: Moonshine Wordpress Theme
Theme URI: http://www.limos-mieten.de/
Description: The theme was build for Moonshine Limousinenservice, Germany.
Version: 0.1
Author: Christian Kettner
Tags: fixed width, two columns, widgets
*/

html {
margin:0;
padding:0;
font-family:Arial, sans-serif;
font-size:96.67%;
background:#fff url(images/bg3_grad.jpg) center top repeat-x;
}
body {
margin:0;
padding:0;
background:url(images/bg3.jpg) center top no-repeat;
}
a img {border:none;}
#logo {
position:relative;
top:38px;
left:-20px;
z-index:1000;
width:220px;
height:65px;
}
#logo a {
background:transparent url(images/moonshine_logo_new.png) 50% 50% no-repeat;
display:inline-block;
width:220px;
height:65px;
z-index:1001;
}
#logo a:hover {
background:transparent url(images/moonshine_logo_new_shine.png) 50% 50% no-repeat;
display:inline-block;
width:220px;
height:65px;
z-index:1001;
}
div.hr {
height:31px;
background:transparent url(images/red-banderole.gif) center top no-repeat;
display:block;
clear:both;
border:none;
margin:3px 0 6px 0;
}
div.hr hr {
display:none;
}
/*hr {
height:31px;
background:transparent url(images/red-banderole.gif) center top no-repeat;
display:block;
clear:both;
border:none;
}*/
#wrapper {
width:902px;
margin:0 auto;
}
#header {
position:relative;
bottom:-1px;
}
#nav {position:relative; vertical-align:bottom;}
#nav ul {
background:transparent url(images/nav_bg.gif) center bottom repeat-x;
width:640px;
float:right;
margin:0;
padding:0;
margin-right:20px;
padding-right:2px;
padding-left:15px;
bottom:-12px;
font-family:'Century Gothic', Arial, sans-serif;
/*new 2 fix moz_unix*/
font-size:15px;
text-align:right;
vertical-align:bottom;
list-style-type:none;
/*border-right:1px solid #999da0;*/
}
* html #nav ul {
margin-right:10px;
}
#nav ul li {
background:transparent url(images/nav_bg.gif) center bottom repeat-x;
display:inline;
list-style-type:none;
margin:0;
padding:0;
height:59px;
display:inline-block;
vertical-align:bottom;
/* IE7 fixes following */
overflow:hidden;
float:left;
}
#nav ul li a {
background:transparent url(images/nav_trendline.gif) 100% 70% no-repeat;
color:#000;
font-weight:normal;
letter-spacing:0px;
font-size:.9em;
text-decoration:none;
height:47px;
height:59px;
line-height:65px;
display:inline-block;
/*display:block;*/
/*padding:0 4px;*/
}
*html #nav ul li a {
display:inline-block;
}
#nav ul li a span {
padding:0 5px 0 5px;
cursor:pointer;
}
#nav ul li.selected a, #nav ul li a:hover {
background:transparent url(images/tab-new-right.png) right top no-repeat;
position:relative;
padding:0;
height:59px;
line-height:55px;
color:#fff;
}
#nav ul li.selected a span, #nav ul li a:hover span {
background:transparent url(images/tab-new-left-small2.png) left top no-repeat;
height:59px;
line-height:65px;
display:inline-block;
/*display:block;*/
}
* html #nav ul li.selected a span, * html #nav ul li a:hover span {
display:inline-block;
}
#page {
background:#fff url(images/page_bg.gif) center top repeat-y;
padding:0 0 0 0;
margin-bottom:3em;
}
#top {margin:0; padding:0; text-shadow:1px 1px 1px #000; font-size:.7em; color:#fff; background:url(images/headline3.gif) 50% 0% no-repeat; height:47px; padding:0 1em;}
#top a {text-shadow:1px 1px 0px #000; color:#fff; line-height:27px; text-decoration:none;}
#top a:hover {text-decoration:underline;}

#content {
margin:0 1px;
background:#fff url(images/page_gradient.gif) center top repeat-x;
}
.page-template-fahrzeuge_template-php #content {
background:url(images/page_gradient2.gif) center top repeat-x;
}
#teaser {
margin:0 2px;
}
#teaser #portfolio {
list-style:none;
list-style-position:outside;
margin:0 0 20px 0;
padding:0 0 20px 0;
}
#teaser #portfolio li {
list-style:none;
}
#main {
width:550px;
float:left;
margin:1em 1em 3em 1em;
}
* html #main {
padding:0;
margin:0;
margin:18px 10px 30px 10px;
}
#main.main-right {
float:right;
}
#main .subteaser {
color:#666;
font-size:1.14em;
}
#main p {
color:#333;
font-size:.9em;
}
#main li p {
color:#000;
font-size:1.1em;
}
#main>p {
padding-left:.5em;
}

#main p a, #both p a, .entry p a {color:#035682;}
#main p a:hover, #both p a:hover, .entry p a:hover  {text-decoration:none; background-color:#035682; color:#fff;}
 {}

#main ul, #main ol {
font-size:.9em;
}

#sidebar {
width:285px;
float:left;
margin:1em 1em 3em 1em;
font-size:.8em;
}
* html #sidebar {
padding:0;
margin:0;
margin:10px 10px 30px 10px;
}
#sidebar.sidebar-left {
float:right;
}
#sidebar .box {
background:#e7e7e7 url(images/box_top_small.gif) center top no-repeat;
width:285px;
margin:1em 0;
}
#sidebar .boxb {
background:transparent url(images/box_bottom.gif) center bottom no-repeat;
width:285px;
padding-top:1px;
padding-bottom:1em;
}
#sidebar h3 {
font-size:1.4em;
border-bottom:5px solid #cd0005;
font-weight:normal;
margin:.5em 10px;
}
#sidebar .box p {margin:.5em 10px; color:#444;}
#sidebar .box p img {text-align:center; margin:0 auto;}
#sidebar .box p a {color:#035682; text-decoration:underline;}
#sidebar .box p a:hover  {text-decoration:none;}
#sidebar .box p b {color:#cd0005; font-weight:bold;}
#sidebar .box .festnetz {color:#035682; font-size:1.45em; margin:.2em 10px;}
#sidebar .box .mobil {color:#cd0005; font-size:1.45em; margin:.2em 0 .2em 10px;}
#sidebar .box .od {color:#333; font-size:1em; text-align:center; margin:0;}

h1 {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
font-size:1.4em;
color:#333;
font-weight:500;

background:url(images/h3_bg.gif) left bottom no-repeat;
padding-bottom:20px;
padding-left:.3em;
}
h1 a {
color:#333; text-decoration:none;
}
h1 a:hover {
color:#035682; text-decoration:underline;
}
h2 {
font-size:1.2em;
color:#333;
font-weight:500;
}
h2 a {
color:#333; text-decoration:none;
}
h2 a:hover {
color:#035682; text-decoration:underline;
}
h3 {
font-size:1.1em;
}
h4 {
font-size:1em;
}

.page-template-startseite_template-php h1 {
font-family:Arial, sans-serif;
font-weight:bold;
background:none;
padding-bottom:0;
padding-left:0;

}

#both {
padding:13px;
clear:both;
background:#fff url(images/page_shadow.gif) center top no-repeat;
padding-top:26px;
}
* html #both {
padding:8px;
}
#both .cols {}
#both .cols .col1, #both .cols .col2, #both .cols .col3 {
width:280px;
float:left;
margin-right:13px;
}
* html #both .cols .col1, * html #both .cols .col2, * html #both .cols .col3 {
margin-right:5px;
}
#both .cols .col1 {}
#both .cols .col2 {}
#both .cols .col3 {margin-right:0;}

#both .cols ul li {
list-style-image:url(images/usa_flag.gif);
font-size:.85em;
margin:.6em 0;
padding-left:5px;
color:#666;
}
#both h3 {
color:#cd0005;
font-size:.8em;
background:url(images/h3_bg.gif) left bottom no-repeat;
padding-bottom:20px;
padding-left:.3em;
}
#both h3 a {
color:#cd0005;
text-decoration:none;
}
#both h3 a:hover {
color:#cd0005;
text-decoration:underline;
}

#topfooter {color:#666; font-size:.7em; padding-bottom:10px;}
#topfooter .col1, #topfooter .col2, #topfooter .col3, #topfooter .col4, #topfooter .col5 {width:150px; float:left; margin:0 1em 0 1.5em;}
#topfooter .col5 {float:left; margin:0 0 0 1.5em;}
#topfooter ul {list-style:none; padding:0 0 0 .9em; margin:0;}
#topfooter ul li {list-style:none; margin:0; padding:0;}
#topfooter ul li a {color:#666;}
#topfooter ul li a:hover {text-decoration:none;}

#footer {
background:#fff url(images/page_bottom.gif) center bottom no-repeat;
border-top:1px solid #ccc;
font-size:.8em;
color:#000;
padding:0 1em;
}
#footer a {
color:#000; text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
.left {
float:left;
}
.right {
float:right;
}
#footer .left {
float:left;
line-height:37px;
height:40px;
}
#footer .right {
margin:5px 0;
text-align:right;
float:right;
}

/* clearfix */
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.clearfix {
display:inline-block;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}

#carnav {
border-right:1px solid #e3e3e3;
width:285px;
float:left;
margin:0;
padding:0;
margin:0 0 0 15px;
font-size:.8em;
position:relative;
}
* html #carnav {
background:none;
margin:0 0 0 7px;
padding:0;
}
#carnav ul {
background:#fff url(images/carnav_tab2.gif) right top repeat-y;
margin:0;
padding:0;
padding-bottom:20px;
}
#carnav ul li {
width:285px;
height:40px;
line-height:40px;
margin:0;
padding:0;
list-style:none;
list-style-position:outside;
color:#666;
}
#carnav ul li:hover, #carnav ul li.current_page_item {
color:#fff;
height:48px;
margin:0;
padding:0;
margin-bottom:-8px;
overflow:visible;
}
*+html #carnav ul li.current_page_item {
margin-bottom:0;
}
#carnav ul li a {
display:block;
height:48px;
margin:0;
padding:0;
padding-left:40px;
color:#666;
font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 3px #999;
overflow:visible;
}
#carnav ul li a:hover, #carnav ul li.current_page_item a {
background:transparent url(images/carnav_tab_selected2.gif) right top no-repeat;
display:block;
color:#fff;
font-weight:bold;
text-shadow:1px 1px 1px #999;
}

#showpic {
width:550px;
float:left;
margin:0 15px 0 15px;
}
* html #showpic {
margin:0;
padding:0 0 0 23px;
}
#showpic h1 {
background:url(images/h3_bg.gif) left bottom no-repeat;
padding-bottom:20px;
padding-left:.3em;
margin-top:.5em;
}
#showpic img {
height:300px;
width:542px;
}
#showpic #galleria_bild {
position:relative;
height:300px;
width:542px;
overflow:hidden;
border:4px solid #e3e3e3;
}
#showpic #galleria_bild .galleria_wrapper {
position:absolute;
top:0;
left:0;
}
ul.thumbs {
display:block;
margin:0;
padding:0;
}
ul.thumbs li {
border:4px solid #e3e3e3;
height:82px; width:112px;
float:left;
margin:0 17px 0 0;
padding:0;
list-style:none;
list-style-position:outside;
overflow:hidden;
}
ul.thumbs li img {
height:82px; width:112px;
}

.thumbs li.hover {}
.thumbs li.active {}
.thumbs li div {}
.thumbs li div .caption {}


#content .preis {
background:#6699cc url(images/preisschild.gif) 50% 50% no-repeat;
width:163px;
height:89px;
color:#fff;
font-size:12px;
text-align:center;
line-height:84px;
}
.preis span {
font-size:26px;
color:#fff;
}
#content form {width:300px; margin:0 auto; text-align:center;}

.page-template-ueber-uns_template-php #main p img {
float:left;
border:8px solid #e3e3e3;
margin:0 2em 1em 0;
}

input, select {
background:#fff url(images/input_bg.gif) bottom left repeat-x;
border:1px solid #666;
margin:5px 0;
padding:2px;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
font-weight:normal;
color:#555;
font-size:1.1em;
}
select {
}
input[type=text] {
width:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type=submit] {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type=image] {
border:none;
background:none;
}
input[type=checkbox] { min-width:5px; width:auto; }
textarea {
width:420px;
}
textarea {
max-width:530px;
}
.errors {
background:#fff3f3;
border:1px solid red;
color:#cc0000;
margin:10px 0 5px 0;
padding:5px;
}
.error, input.fehler {
border:1px solid red;
}

#kontaktform div {
margin:.3em 0;
font-size:.99em;
}

.editEntryButton {
color:#fff;
font-size:.8em;
}
#sidebar .editEntryButton {
font-size:1.1em;
}

#content #main a {}
#content #main a:hover {}

#content #main .editor {
font-size:0.8em;
color:#555;
padding:.2em .3em .2em 8px;
}
#content #main .editor a, .editEntryButton a {
font-size:.8em;
color:#fff;
background-color:#035682;
padding:.2em .3em;
color:#fff;
text-decoration:none;
}
#content #main .editor a:hover, .editEntryButton a:hover {
background-color:#e3e3e3;
padding:.2em .3em;
color:#035682;
text-decoration:none;
}

.list {border:1px solid #ccc; background-color:#fff; font-size:.9em;}
.list tr th {
padding:.3em;
font-weight:normal;
color:#000;
border:1px solid #ccc;
background:transparent url(images/mini_headline_bg.gif) 0% 0% repeat-x;
}
.list tr td {
padding:.3em;
color:#333;
}
.list tr.odge { background-color:#f3f3f3; }
.list tr.even { background-color:#fff; }

/* Standardformatierungen kopiert aus standard template */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */