/*  
Theme Name: Bestellgutscheine Redesign 
Description: WordPress theme f�r bestellgutscheine
Version: 0.1
Author: Sven Mittreiter
Author URI: http://www.yoocon.de
*/

#page { 
	width:990px;
	text-align:left;
	margin-left:auto;margin-right:auto;
} 

#rowHeader {
	position:relative;
	width:100%;height:101px;
	margin-bottom:30px;
} 

#colLeft {
	position:relative;
	float:left;
	width:190px;
	font-size:11px;
}

#colMain {
	float:right; 
	display:inline; 
	position:relative; 
	width:780px; 
	line-height:17px;
}

#rowFooter{
	clear:both;
	font-size:11px;
}

#boxLogo {
	display:block;
	float:left;
	display:block;
	padding:38px 60px 6px 14px;
	font-size:32px;color:rgb(0,0,0);
	background:url(img/logoTLD.gif) no-repeat top right rgb(255,255,255);
}

	/* UPDATE 09.07.2008 */
	#boxLogo span {
		display:none;
	}

#boxLogo:hover {
	text-decoration:none;
}

#boxClaim {
	clear:right;float:right;
	display:block;
	padding:5px 14px 5px 14px;
	font-size:16px;color:rgb(0,0,0);
	background:rgb(255,255,255);
}

#boxCode {
	clear:right;float:right;
	display:block;
	padding:5px 14px 5px 14px;
	font-size:16px;color:rgb(0,0,0);
	background:rgb(244,112,0);
}

#boxCodePop {
	clear:right;float:right;
	display:block;
	padding:22px;
	font-size:16px;font-weight:bold;color:rgb(255,255,255);
	background:rgb(244,112,0);
}

#LayerCode {
	position:static;
	left:0px;
	top:0px;
	height:100px;
	z-index:1;
}

#LayerContent {
	position:static;
	left:0px;
	z-index:1;
}


#boxSuche {	
	float:right;
	margin-bottom:10px;padding:10px 30px 13px 45px;
	background:url(img/lupe.gif) no-repeat rgb(244,112,0);
}
	#formTopSuche .query {	
		width:220px;
		vertical-align:top;
		padding:0;
		font-size:17px;
		border:2px solid rgb(255,255,255);
	}
	
	#formTopSuche .button {	
		margin-left:5px;
		vertical-align:top;
	}

#boxSlider {
	width:780px;height:180px;
	margin-bottom:5px;
	background:url(img/bg/bgSlider.jpg);
}
	
	#boxSlider #boxTitle {
		width:488px;height:180px;
		margin-left:225px;
		background:url(img/bg/bgBlase.gif);
	}
	
	#boxSlider .linkStd {
		margin-left:230px;line-height:19px;
	}

	#boxSlider img {
		margin-top:5px;
	}

	.mailformIntroText {
		width:190px;
		font-size:11px;
		border:none;		
	}

	.mailformColNewsletter {
		width:190px;
		margin:0 5px 0 5px;
		padding:3px 5px 3px 5px;
		font-size:11px;
		background:rgb(236,236,236);
		border:none;		
	}
	
	.newButtonformColNewsletter {
		width:175px;
		margin:0;padding:3px 0 3px 0;
		text-align:right;
		font-size:11px;font-weight:bold;color:rgb(245,120,0);
		border:none;
		background:rgb(255,255,255);
	}
	
	.newButtonformColNewsletter:hover {
		text-decoration:underline;
	}
 
.boxOffer {
	margin:0 0 20px 0;padding:0 0 20px 0;
	background:url(img/bg/sep.gif) bottom repeat-x rgb(255,255,255);
}

.boxCloud {
	clear:both;
	text-align:center;
	margin:0 0 20px 0;padding:25px 0 30px 0;
	line-height:30px;
	border-top:1px solid rgb(215,215,215);
	background:url(img/borderBCloud.gif) repeat-x bottom;
}

	.boxCloud a {
		padding:0 10px 0 10px;
	}	

	.boxCloud .s11 {font-size:11px;}
	.boxCloud .s12 {font-size:12px;}
	.boxCloud .s13 {font-size:13px;}
	.boxCloud .s14 {font-size:14px;}
	.boxCloud .s15 {font-size:15px;}
	.boxCloud .s16 {font-size:16px;}
	.boxCloud .s17 {font-size:17px;}
	.boxCloud .s18 {font-size:18px;}
	.boxCloud .s19 {font-size:19px;}
	.boxCloud .s20 {font-size:20px;}
	.boxCloud .s21 {font-size:21px;}
	.boxCloud .s22 {font-size:22px;}
	.boxCloud .s23 {font-size:23px;}
	.boxCloud .s24 {font-size:24px;}

.advBanner {
	clear:both;
	margin:25px 0 20px 0;padding:7px 0 25px 0;
	background:url(img/bg/bgStd.gif);
}

	.advBanner span {
		margin:0 0 0 25px;padding:1px 5px 1px 5px;
		background:rgb(255,255,255);
	}	
	
	.advBanner img {
		display:block;
		margin:7px 25px 0 25px;
	}
	
.advBannerRight {
	float:right;
	margin:15px 0px 20px 0px;
	padding:0;
    }
	
	.advBannerRight span {
		margin:7px 0 0 10px;padding:1px 5px 1px 5px;
		background:rgb(255,255,255);
	}
	
	.advBannerRight img {
		display:block;
		margin:0px 0 5px 0;
	}

.advBannerLeft {
	float:right;
	margin:25px 0 20px 10px;padding:6px 5px 25px 5px;
	background:url(img/bg/bgStd.gif);
       }
	
	.advBannerLeft span {
		margin:7px 0 0 10px;padding:5px;
		background:rgb(255,255,255);
	}
	
	.advBannerLeft img {
		display:block;
		margin:7px;
	}

.oneThird {
	float:left;
	width:33%;
	margin-bottom:20px;
}

.bggray {background:url(img/bg/bgStd.gif);}

/*bookmark*/
.mybookmark {width:184px; height:90px;}
.mybookmark a{float:left; margin:0px 3px 0px 0px;}

/*Gutscheine*/
.gutscheinband {	background:url(img/bg/bgStd.gif) repeat; padding:5px 6px 1px 6px;}
.gutscheinband .gutscheinheader {margin-bottom:8px;}
.gutscheinband .gutscheindetail {text-align:center; border:1px dashed rgb(245,120,0); padding:5px; margin: 0px 0px 7px 0px; background:rgb(242,242,242);}
.gutscheinband .gutscheindetail.dark {background:rgb(222,222,223);}

.gutscheinband .gutscheindetail.dark .codebig{background:url(img/bg/code_big_grau.gif) no-repeat;}
.gutscheinband .gutscheindetail.dark .codesmall{background:url(img/bg/code_small_grau.gif) no-repeat;}

.gutscheinband .gutscheindetail .codebig{background:url(img/bg/code_big_orange.gif) no-repeat; width:165px; height:43px;margin:0px 26px 5px 26px;}
.gutscheinband .gutscheindetail .codesmall{background:url(img/bg/code_small_orange.gif) no-repeat; height:16px;margin:0px 26px 5px 26px;}

.gutscheinband .gutscheindetail .orangebutton {margin-bottom:10px;}
.gutscheinband .gutscheindetail .orangebutton a{margin-left:0px;}

.gutscheinband .gutscheindetail .textrot strong{font-size:15px; color:red;}
.gutscheinband .gutscheindetail .textsmall{margin:0px 0px 5px 0px; font-size:10px; line-height:10px;}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */  

.colMainIn1, .colMainIn2 {
	float:left;
	width:385px;
	padding-bottom:20px;
}

.colMainIn1 {
	margin-right:10px;
}

.colFootIn1, .colFootIn2, .colFootIn3 {
	float:left;
	width:253px;
}

.colFootIn1, .colFootIn2 {
	margin-right:10px;
}

body { 
 	margin:0;padding:0 0 20px 0; 
	text-align:center;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;color:rgb(0,0,0);
	background:url(img/bg/bgStd.gif) repeat-x rgb(255,255,255);
} 

td {
	text-align:left;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;color:rgb(0,0,0);
	vertical-align:middle;
}

table {
	width:100%;
	border-style:none;
	margin-bottom:10px;
}

/* FORMULAR */
form {
	padding:0;margin:0;
}

	form.std {
		clear:left;
		margin:10px;padding:0;
	}
	
	form br {
		clear:left;
	}

input, select, textarea, button, label {
	margin:0;padding:0;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;color:rgb(0,0,0);
} 
	
	input.std {
		width:250px;
		margin:0 0 5px 50px;padding:3px 5px 3px 5px;
		background:rgb(235,235,235);border:none;
	}
	
	input.send {
		width:250px;
		margin:0 0 0 180px;padding:3px 0 3px 0;
		text-align:right;
		font-size:11px;font-weight:bold;color:rgb(245,120,0);
		border:none;
		background:rgb(255,255,255);
	}
	
	select.std {
		width:255px;
		margin:0 0 5px 50px;padding:1px 3px 1px 3px;
	}
	
	textarea.std {
		width:250px;height:130px;
		margin:0 0 30px 50px;margin-bottom:5px;padding:3px 5px 3px 5px;
		background:rgb(235,235,235);border:none;
	}

label {
	float:left;display:block;
	width:125px;
	margin:3px 5px 2px 0;
}

#cr_newsletter_registration {
	
}
	.senden {
	width: 150px;
	height: 19px;
	display: block;
	float: right;
	color: rgb(255, 255, 255);
	text-align: center;
	cursor: pointer;
	margin-top: 4px;
	padding-bottom:2px;
	background-image : url(http://www.bestellgutscheine.de/wp-content/themes/bestellgutscheine_redesign/img/menu/mainOn.gif);
	border: 0;
	font-weight: bold;
	font-size:11px;
	}

/* LISTEN */

ul {
	margin:0 0 0 17px;padding:0;
	list-style-image:url(img/li.gif);
}

	ul.text {
		margin:0 0 15px 27px;padding:0;
		list-style-image:none;
		list-style-type:square;
		color:rgb(245,120,0);
	}
	
	ul.text li p {
		font-size:12px;color:rgb(0,0,0);
		margin:0;
	}
	
ol {
	margin:0 0 0 17px;padding:0;
	list-style-type:decimal;
}

li {
	margin:0 0 0 10px;padding:0;
}
	
	li p {
		margin:0 0 2px 0;	
	}

/* BILDER */

img {
	border-style:none;
}
		
	.imgSepLine {
		display:block;
		margin:7px 0 7px 0;
	}
		
	.imgIcon {
			float:left;margin:0 8px 30px 0;
	}
	
	.imgStdL {
		float:left;
		margin-right:5px;
	}
	
	.imgTeaGutschein {
		float:left;
		margin:0 10px 35px 10px;
		border:2px solid rgb(245,120,0);
	}
	
	.imgClock {
		position:absolute;
		margin:-25px 0 0 3px;
	}
	
	.imgRating {
		vertical-align:text-bottom;
		margin:0 5px 0 5px;
	}
	
	.imgShare {
		vertical-align:text-bottom;
		margin:0 0 0 5px;
	}
	
	.imgLine {
		display:block;
		margin:10px 0 13px 0;
	}
	
	.imgLineLowBottomMargin {
		display:block;
		margin:10px 0 5px 0;
	}	

small {
	margin:0 0 0 10px;
	font-size:10px;color:rgb(127,127,127);
}

b {	
}

p {
	margin:0 0 10px 10px;padding:0;
	line-height:17px;
}

	p.big {
		margin:0 10px 10px 10px;
		font-size:12px;line-height:20px;
	}
	
	p.in {
		margin:0 0 0 10px;
	}
	
	p.linkList {
		color:rgb(245,120,0);
		line-height:22px;
	}

	p.error {
		font-size:12px;color:rgb(245,120,0);font-weight:bold;
	}
	
	.colMainIn1 p, .colMainIn2 p {
		font-size:11px;line-height:16px;
	}

strong {
	color:rgb(255,130,0);
}

blockquote {	
}

address {	
	margin:0 0 10px 10px;
	font-style:normal;font-weight:bold;
}

	address span {	
		font-weight:normal;
	}

/* Ueberschriften */
h1, h2, h3, h4, h5, h6 {
	margin:0;padding:0;
	font-family:Arial,Helvetica,Verdana,sans-serif;
}

h1 {
line-height:23px;
padding:0 0 0 10px;
font-size:22px;
color:rgb(255,255,255);
font-weight:normal;
}

	h1 span {
		margin-bottom:5px;padding:2px 5px 5px 5px;
		line-height:30px;
		background:url(img/bgH1.gif) repeat-x bottom rgb(0,0,0);
	}

h2 {
	padding:5px 10px 5px 10px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;color:rgb(0,0,0);font-weight:normal;
	text-transform:uppercase;letter-spacing:1px;
	background:url(img/bg/bgStd.gif);
	border-bottom:3px solid rgb(245,120,0);
}

h3 {
	margin:0 0 10px 10px;
	font-size:14px;
}

h4 {
	margin:0 0 5px 10px;
	font-size:12px;color:rgb(255,120,0);
}
	
h5 {	
	margin:0 0 5px 10px;
	font-size:11px;color:rgb(255,120,0);
}

h6 {	
	margin:0 0 5px 10px;
	font-size:12px;
}

a {
	text-decoration:none;
	color:rgb(245,120,0);
}	
	
	a:hover {
		text-decoration:underline;
	}
	
	.linkStd {
		padding:2px 7px 3px 7px;margin-left:10px;
		font-size:11px;font-weight:bold;color:rgb(255,255,255);
		background:url(img/menu/mainOn.gif) repeat-x;
		height:19px;
		text-decoration: none;

	}
	
	.linkStd:hover {
		text-decoration:underline;
	}
	
	input.linkStd:hover {
		text-decoration:underline;
	}
	
	.boxOffer .linkStd {
		margin-left:230px;
	}
	
	.more {
		display:block;
		text-align:right;
		font-size:11px;font-weight:bold;
	}
	
	.up {
		display:block;
		text-align:right;
		margin-bottom:30px;padding-right:10px;
		font-size:11px;font-weight:bold;
		background:url(img/up.gif) no-repeat top right;
	}

	a.prozente {
		color:rgb(245,120,0);font-weight:bold;
	}

/* TABELLEN */

.tabAtoZ {
	margin:0 5px 0 5px;
}

	.tabAtoZ img {
		text-align:center;		
		border:2px solid rgb(230,230,230);
		margin-bottom:10px;
	}
	
/* AUSRICHTUNGEN */
	
.aR {/*= align right */
	text-align:right;
}
	
.aC {/*= align center */
	text-align:center;
}
	
.fR {/*= float right */
	float:right;
        text-align:right;
}

.half {
  width:50%;
}


.fL {/*= float left */
	float:left;
}

.clr {
	clear:both;
}

.w530 {
	width:530px;
}

.w240 {
	width:240px;
}

.w190 {
	width:190px;
}

/* ---- Menues ---- */
.menuMainFirst {
	clear:both;
	margin:10px 0 10px 0;padding:5px 0 0 0;
	list-style-type:none;list-style-image:none;
}

/* UPDATE 09.07.2008 */
.menuMainFirst li {
	font-size:12px;color:rgb(245,120,0);
	margin-bottom:2px;border-bottom:1px solid rgb(255,255,255);
}

.menuMainFirst a {
	display:block;
	padding:2px 0 3px 7px;
	font-size:11px;font-weight:bold;
	text-decoration:none;
}

/* UPDATE 09.07.2008 */
.menuMainFirst a:hover {
	padding-left:12px;
	color:rgb(255,255,255);
	background:url(img/menu/mainOn.gif) rgb(245,120,0);
	text-decoration:none;
}

/* UPDATE 09.07.2008 */
.menuMainFirst a.sel {
	color:rgb(255,255,255);
	background:url(img/menu/mainOn.gif) rgb(245,120,0);
}

.menuMain {
	clear:both;
	margin:5px 0 10px 0;padding:5px 0 0 0;
	list-style-type:none;list-style-image:none;
}

/* UPDATE 09.07.2008 */
.menuMain li {
	font-size:12px;color:rgb(245,120,0);
	margin-bottom:2px;border-bottom:1px solid rgb(255,255,255);
}

.menuMain a {
	display:block;
	padding:2px 0 3px 7px;
	font-size:11px;font-weight:bold;
	text-decoration:none;
}

/* UPDATE 09.07.2008 */
.menuMain a:hover {
	padding-left:12px;
	color:rgb(255,255,255);
	background:url(img/menu/mainOn.gif) rgb(245,120,0);
	text-decoration:none;
}

/* UPDATE 09.07.2008 */
.menuMain a.sel {
	color:rgb(255,255,255);
	background:url(img/menu/mainOn.gif) rgb(245,120,0);
}

#boxNaviAlle {
  margin:0 0 0 10px;
}
 

#boxDropdownOuter {
  z-index: 100;
  position: absolute;
  left: 0px;
  top: 65px;
}

 

/* scrollable div area */

#boxDropdown {
  float:left;
  width:142px;height:160px;
  padding:5px 0px 15px 0px;
  text-align:left;
  overflow:hidden;
  background:rgb(255,255,255);
  border:1px solid rgb(245,120,0);border-right:none;
}

#boxDropdown ul {
  margin:0;padding:0;
  list-style-image:none;list-style-type:none;
}

#boxDropdown ul li {
	display:block;padding-left:8px;
  margin:0;
}

#boxDropdown ul li a {
  color:rgb(0,0,0);
}

#boxDropdown ul li a:hover {
  color:rgb(255,255,255);text-decoration:none;
  background:rgb(245,155,75);
}

/* wrap to make sure that image area is clickable */
#wrap3 {
  float:left;
  width:14px;height:181px;
  background:url(img/scrollbar-track-bottom.gif) rgb(255,255,255) no-repeat bottom center;
  border:1px solid rgb(245,120,0);border-top:none; border-bottom:none;
}

/* top image of track */
#track3-top {
  float:left;
  position:absolute;
  width:14px;height:17px;
  background:url(img/scrollbar-track-top.gif) no-repeat top center;
}

/* vertical track */
#track3 {
  position:absolute;
  width:14px;height:150px;
}

/* vertical track handle */

#handle3 {
	position: absolute;
	margin-top:16px;
  width:14px;height:37px;background:rgb(245,120,0);
}

/* ---- Menues Dropdown ---- */
.menuDrowpdown Main {
	margin:10px 0 10px 0;padding:5px 0 0 0;
	list-style-type:none;list-style-image:none;
	border-top:3px solid rgb(245,120,0);
}

.menuDropdownMain li {
	font-size:12px;color:rgb(245,120,0);
	margin-bottom:2px;
}

.menuDropdownMain a {
	display:block;
	padding:2px 0 3px 7px;
	font-size:11px;font-weight:bold;
	text-decoration:none;
}

.menuDropdownMain a:hover, .menuDropdownMain a.sel {
	color:rgb(255,255,255);
	background:url(img/menu/mainOn.gif) rgb(245,120,0);
}

#boxNaviAlle .linkDropDown {
	text-decoration: none;
  display:block;
  width:152px;
  margin-bottom:1px;
  background:url(img/dropDown.gif) no-repeat right top;
}

/* UPDATE 19.07.2008 */
@media print {
	#colLeft, #boxSuche, .breadcrumb, #boxSlider, .boxCloud, #rowFooter, .up {display:none;}
	
	#rowHeader {
		height:auto;
		margin-bottom:10px;
	}
	
	#boxLogo {
		padding:0;
		background:none;
	}
	
	#boxLogo span {
		display:inline;
	}
		
	#page, #colsBoth, .colMainIn1, .colMainIn2 {
		float:none;
		width:100%;margin:0;padding:0;
	}
	
	#colMain {
		float:none;
	}
}

/* UPDATE 29.05.2009 */

select#gutschein_dropdown{
	width:177px;
        background-color: wheat;
	margin-bottom: 15px;
        margin-top: 10px;
}
select#gutschein_dropdown option{
	width:150px;
}

.sbs_suggests { position:absolute; font-size:14px; background-color:white; z-index:2; border:1px dashed #F57800; padding-left:10px; padding:10px; }

.sbs_suggests { visibility:hidden; }

.sbs_suggests a:link, .sbs_suggests a:visited, .sbs_suggests a:active { text-decoration:none; font-size:14px; color:#F57800; }

.sbs_suggests a:hover { text-decoration:underline; font-size:14px; color:#F57800; }