﻿/*
Theme Name: ballon charter wesi gmbh
Theme URI: http://www.wesi.de/
Date: 1st Sep 2009
Version: 1.2
Author: Roman Simon
Author URI: http://www.wesi.de/
Tags: gray, green, fixed width, two columns
*/


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL ELEMENTS */
html, body { height: 100%; min-height: 100%; }
html { font: 14px "Geneva", Arial, Lucida Grande, sans-serif; }
body { margin: 0; padding: 0; background: #fff; url("../images/bg-global.png") top repeat-x; color: #666; }
img { border: none; }

a { text-decoration: underline; color: #729f48; outline: none; }
	a:hover { text-decoration: underline; color: #3d5d1f; }
	
/* externe Links kennzeichnen */
a[href^="http:"] { background: transparent url(../images/exlink.gif) 100% 50% no-repeat; padding-right: 10px; }
/* interne Links kennzeichnen ausklammern */
a[href^="http://www.wesi.de"],
a[href^="http://www.ballonfahrten.aero"],
a[href^="http://www.bostalseeballooning.de"],
a[href^="http://www.scn.aero"],
a[href^="http://www.eddr.aero"]
{
background: transparent;
padding-right: 0px;
}
/* externe Links kennzeichnen ENDE */


body.home { background: #fff url(../images/bg-home2.jpg) top repeat-x; }
body.single { background: #fff url(../images/bg-single.png) top repeat-x; }
body.feature { background: #fff url(../images/bg-feature.png) top repeat-x; }
body.intro { background: #7ba851 url(../images/bg-intro.jpg) top repeat-x; color: #bde399; text-shadow: 0 1px 0 #476b25; }

#wrapper { width: 980px; padding: 0; margin: 0px auto; }
#header { width: 980px;  margin-top: -80px; }
#content { width: 980px; margin: 15px auto 0; }

/* FORMATTING */
h1, h2, h3, h4 { font-family: Tahoma, Geneva, Helvetica, sans Helvetica, Arial; color: #222; }
h1 { font-size: 46px; letter-spacing: -2px; }
h2 { font-size: 26px; letter-spacing: -0,5px; }
h3 { font-size: 20px; letter-spacing: -0,5px; }
h4 { font-size: 18px; letter-spacing: -0.5px; }
p { line-height: 20px; margin-bottom: 18px; }
strong { font-weight: bold; color: #729f48; }
em { font-style: italic; }
u {	border-bottom: 1px dotted #999;	text-decoration: none; }
.white { color: #fff; }
.lightgreen { color: #daf7c1; }
.green { color: #729f48; }
.lightgray { color: #a4a4a4; }
.gray { color: #777; }
img.right { float: right; margin-left: 6px; }
img.left { float: left; margin-right: 6px; }

/* HEADER */

/* Top Navbar */
.nav-top { margin-top: -10px; padding: 0; }
 	.nav-top ul { list-style: none; float: right; }
	.nav-top li { float: left; margin-left: 20px; }
	.nav-top a { font-size: 12px; color: #009966; font-size: 11px; text-shadow: 0 1px 0 #000; text-decoration: none; }
	.nav-top a:hover { color: #990000; text-decoration: none; text-shadow: 0 1px 0 #000; }
	.nav-top img { margin-top: -20px; }
	.nav-top #aktuell a { color: #ffffcc; }
		

	
.main-logo { margin: 110px 0 0 0; padding: 0; }	

/* Main Navbar  */
.nav-main { float: left; margin: 20px 0 0 -10px; padding: 0; }
	.nav-main ul { display: inline; list-style: none; }
	.nav-main li { float: left; margin-right: 1px; padding: 0; }
	.nav-main a { color: #777; font-variant: small-caps; font-size: 16px; text-shadow: 0 1px 0 #000; padding: 2px 12px 4px; height: 30px; cursor: pointer; text-decoration: none; }
	.nav-main a:hover { color: #990000; background: #161616; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	.nav-main a:active { color: #f69129; background: #161616; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	.nav-main #aktuell a { color: #ffffcc; } 
	
/* FEATURES PAGE */
.splash-feature { width: 980px; background: transparent url("../images/bg-glow.png") top no-repeat; min-height: 250px; margin: -3px auto 0; padding: 0; }
	.splash-feature div { float: left; width: 980px; padding: 35px 0 0; font-size: 26px; line-height: 36px; color: #d2f0b7; text-shadow: 0 2px 0 #719f49; letter-spacing: -2px; }
	.splash-feature img { margin: -18px 0 0 0px; padding: 0; }

.content-feature { width: 980px; float: left; margin: 0; padding: 0 0 25px; }
	.content-feature .narrow-column { width: 290px; float: right; padding: 40px 0 0 0; }	
	.content-feature .wide-column { width: 600px; float: left; overflow: hidden; padding: 30px 0 0 0; }
	.content-feature .wide-column h4 { padding: 6px 0 4px; }
	.content-feature .wide-column .specsleft { width: 265px; float: left; margin-top: 10px; }
	.content-feature .wide-column .specsright { width: 265px; float: right; margin-top: 10px; }	
	
	.content-feature .wide-column ul { padding-left: 50px; margin-bottom: 43px; list-style-type: square; }
	.content-feature .wide-column li { margin-bottom: 8px; }
	
	.content-feature .narrow-column ol { padding-left: 0px; margin: -8px 0 25px; list-style-type: none; }
	.content-feature .narrow-column ul { padding-left: 15px; margin: -8px 0 25px; list-style-type: square; }	
	.content-feature .narrow-column li { margin-bottom: 8px; }	
	.content-feature .narrow-column li span { background: #f1f1f1; padding: 2px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }	
	
	.content-feature .narrow-column .highlight { border: 1px solid #e8e8e8; background: #f6f6f6; padding: 18px 0 4px 26px; margin-bottom: 30px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
	
	.content-feature .multiple-column { float: left; margin: 40px 0 10px; width: 980px; }
	.content-feature .multiple-column ul { width: 980px; list-style-type: none; }
	.content-feature .multiple-column li { width: 285px; }
	.content-feature .multiple-column ul li.first { float: left; }
	.content-feature .multiple-column ul li.next { float: right; margin-left: 60px; }

.content-feature .spacer { display: block; clear: both; margin: 20px 0; border-bottom: 2px solid #e8e8e8; }
.content-feature .spacer2 { display: block; clear: both; margin: 0 0 15px; border-bottom: 2px solid #e8e8e8; }
.content-feature .spacerblank { display: block; clear: both; margin: 15px 0; }

.curso-promo { float: left; width: 940px; margin: 10px 0; background: #f6f6f6; border: 1px solid #e8e8e8; padding: 18px 18px 5px 18px; text-shadow: 0 2px 0 #fff; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.curso-promo img.btn { float: right; margin-top: -6px; }	
	
	
/* SINGLE PAGE */
/* Content & Inner columns */
h2.pagetitle { font-size: 68px; padding: 2px 0 0; letter-spacing: -4px; color: #d9f5c0; text-shadow: 0 3px 0 #719f49; }
p.cita { background: url("../images/ico-quote.gif") no-repeat left top; color: #888; display: block; font: 24px Helvetica,Arial,sans-serif; letter-spacing: -1px; line-height: 32px; margin: 40px 0 10px 0; padding: 0 20px 0 40px; }

.content-single { width: 980px;  display: inline; margin: 0 0 0 100px; padding: 0 0 45px; }
	.content-single .left-column { width: 220px; float: left; display: inline; padding-top: 50px; margin: 0 60px 0 0; }
	.content-single .right-column { width: 600px; float: left; overflow: hidden; padding: 40px 0 0 0;  }

	.content-single .right-column .intro { font: 20px  Tahoma, Geneva, Verdana, Arial, Lucida Grande; padding-bottom: 25px; border-bottom: 2px solid #e8e8e8; line-height: 28px; margin-bottom: 30px; }
	.content-single .right-column .intro img { float: right; margin-left: 30px; }
	
	.content-single	.two-columns { float: left; display: block; margin: 0; border-bottom: 2px solid #e8e8e8; }
	.content-single	.two-columns img { float: left; margin: 8px 8px 0 0; }	
	.content-single	.two-columns p { margin-bottom: 40px; }	
	.content-single	.two-columns .alignleft { width: 280px; float: left; }
	.content-single	.two-columns .alignright { width: 280px; float: right; margin-left: 40px; }
	
	.content-single .block-btn { float: left; width: 600px; border-bottom: 2px solid #e8e8e8; padding: 0 0 8px; margin: 30px 0; }
	.content-single .block-btn img { float: right; margin-top: 8px; }
	
	.content-single .one-column { float: left; width: 600px; margin: 0; width: 100%; border-bottom: 2px solid #e8e8e8; padding-bottom: 15px; }
	
	.content-single .one-column .socialinks { width: 680px; margin-left: 14px; }
	.content-single .one-column .socialinks li { display: inline; margin-right: 13px; }
	.content-single .one-column .socialinks a, 	.content-single .one-column .socialinks a:hover { color: #888; text-decoration: none;  }
	.content-single .one-column .socialinks img { margin-right: 4px; vertical-align: text-bottom; }

	.content-single	.gallery { float: left; display: block; margin: 20px 0 40px; border-bottom: 2px solid #e8e8e8; }
	.content-single	.gallery img { display: inline; margin: 15px 11px 0; }
	.content-single	.gallery small { float: right; font-size: 11px; font-style: italic; padding-bottom: 5px; }	
	.content-single	.gallery a, .content-single	.gallery a:hover { color: #999; text-decoration: none; }

	.content-single .spacer { display: block; margin: 30px 0 40px; border-bottom: 2px solid #e8e8e8; }

.content-single ol { margin: 10px 0 30px 35px; list-style-type: decimal; }
.content-single ul { margin: 10px 0 30px 35px; list-style-type: square; }

/* Faq */
.nostylefaq { text-decoration: none; display: block; }
a.nostylefaq:hover { text-decoration: none; }
.content-single ul.faq a, .content-single ul.faq a:hover { text-decoration: none; }
.content-single ol li, .content-single ul li { margin-bottom: 8px; line-height: 20px; }
	
/* Sidebar */
.content-single .aboutme { background: #f8f8f8; border: 1px solid #ddd; border-bottom: 1px solid #ccc; float: left; font-size: 11px; line-height: 18px; margin: 0 0 60px 0; padding: 8px 10px 8px 6px; text-shadow: 0 1px 0 #fff; width: 220px; }
.content-single .aboutme img { float: left; margin: -3px 2px 0 0; }
.aboutme img { float: left; margin: -3px 8px 0 0; }
.content-single .nav-side { float: left; width: 210px; }
.content-single .nav-side { list-style: none; }
.content-single .nav-side li { margin: 7px 0 5px; line-height: 16px; }		
.content-single .nav-side a { text-decoration: none; padding: 4px 0; color: #777; display: block; border-bottom: 1px solid #e8e8e8; }
.content-single .nav-side a:hover { color: #729f48; }
.aboutme { background: #f6f6f6; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
	

/* Download */
img.downloaditem { float: left; margin: 0 0 40px; }

/* SPLASH PAGE */
#container { position: absolute; top: 55%; width: 100%; }
#splash { height: 600px; width: 600px; margin: -360px auto 0; overflow: hidden; text-align: center; }	
#splash p { margin-top: -60px; }
#splash span { color: #fff; text-transform: uppercase; }

/* HOME FETURES */
.features-home { width: 980px; background: transparent url("images/bg-glow.png") top no-repeat; min-height: 320px; margin: -4px auto 0; padding-top: 40px;}
	.features-home .block-left { width: 490px; float: left; margin-top: 20px; }
	.features-home .block-right { width: 490px; float: right; margin-top: 20px; }

.content-home { width: 980px; float: left; margin-bottom: 25px; }
	.content-home .block-left { width: 500px; float: left; overflow: hidden; padding: 10px 0 0 0; }
	
	.content-home .block-right { width: 420px; float: left; display: inline; padding-top: 5px; margin: 0 0 0 60px; }
	.content-home .block-right div { margin-left: 10px; line-height: 19px; padding: 20px 0; clear: left; }
	.content-home .block-right span { display: block; border-bottom: 2px solid #e8e8e8; }
	.content-home .block-right div img { float: left; margin-right: 14px; }

/* FOOTER */
/*.footer { width: 980px; margin: 30px auto 0; float: left; padding: 0 0 30px; }
	.copyright { width: 600px; float: left; font-size: 10px; color: #bbb; }
	.social { width: 380px; float: right; text-align: right; margin-top: -5px; }	
	.social img { margin-left: 15px; }
#footer {
	background: url(../images/footer_bg.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 150px;
	width: 100%;
	color: #E8E8E8;
}
#footer  a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	outline: 0px;
}
#footer  a:hover {
	color: #CCFF00;
}
#footer a:active {
	color: #CCCC00;
}
*/
#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 150px;
	width: 100%;
	color: #666;
}
#footer  a {
	color: #666;
	text-decoration: none;
	display: block;
	outline: 0px;
}
#footer  a:hover {
	color: #FF9900;
}
#footer a:active {
	color: #CCCC00;
}
#footer #footerimg {
	background: url(../images/footer2.jpg);
	height: 150px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#footer #footerimg #address {
	height: 120px;
	width: 180px;
	margin-left: 139px;
	padding-top: 30px;
	display: inline;
	float: left;
}
#footer #footerimg #contact {
	height: 120px;
	width: 200px;
	margin-left: 135px;
	padding-top: 30px;
	display: inline;
	float: left;
}
#footer #footerimg #web {
	height: 120px;
	width: 150px;
	margin-left: 115px;
	padding-top: 30px;
	display: inline;
	float: left;
}




