@import url(http://frohmagazin.de/shop/templates/frohshop/css/base.css);

/*
    FROH Magazin
*/

/*  General Layout
----------------------------------------------------------------------------------------------------*/
	    
    body, body.aktuell {background: #b2bdc2; background-image: url('../images/backgrounds/ausgabe7.jpg'); background-attachment:fixed; }
    
    body.weihn {background: #ccc; background-image: url('../images/backgrounds/ausgabe0.jpg'); background-attachment:fixed; }
    body.wenden {background: #ccc; background-image: url('../images/backgrounds/ausgabe1.jpg'); background-attachment:fixed; }
    body.still {background: #ccc; background-image: url('../images/backgrounds/ausgabe2.jpg'); background-attachment:fixed; }
    body.finale {background: #c5bf67; background-image: url('../images/backgrounds/ausgabe3.jpg'); background-attachment:fixed; }
    body.ernte {background: #cbb289; background-image: url('../images/backgrounds/ausgabe4.jpg'); background-attachment:fixed; }
	body.licht {background: #cbb289; background-image: url('../images/backgrounds/ausgabe5.jpg'); background-attachment:fixed; }
	body.unterwegs {background: #cbb289; background-image: url('../images/backgrounds/ausgabe6.jpg'); background-attachment:fixed; }
	body.luxus {background: #b2bdc2; background-image: url('../images/backgrounds/ausgabe7.jpg'); background-attachment:fixed; }
    
    #page, #footer { background: #fff; margin: 0 0 14px 22px; }
    a.skip { display: none; }
    p, li, a,h5,table,.store  { font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 14px;  line-height: 18px; text-transform: none;}
    h1, h2,h3, h4, h6, h1 a { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
    div.breadcrumb { display: none; }

    #logo { margin: 22px 0 15px 54px; background-image: url('../images/logo-trans.png'); width: 218px; height: 60px; cursor: pointer;}
    #logo span {display: none;}

    #page #content, .shop { width: 630px; margin: 0 0 20px 10px;}
    #page #navigation { height: 42px; position: relative;}
    #page #navigation ul { margin: 0px; padding: 0px; position: absolute; top: 13px; left: 20px; width: 840px; }
    #page #navigation ul li { margin: 0 20px 0 0; padding: 0px; display: inline; }
    #page #navigation ul li a {font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; }
    #page #navigation ul li.page_item_0 a { color: #c5d069;}
    #page #navigation ul li.page_item_1 a { color: #a3cfe4;}
    #page #navigation ul li.page_item_2 a { color: #ee86a6;}
    #page #navigation ul li.page_item_3 a { color: #c7c2b4;}
    #page #navigation ul li.page_item_4 a { color: #f4a040;}
    #page #navigation ul li.page_item_5 a { color: #c5d069;}
    #page #navigation ul li.page_item_6 a { color: #93463c;}
    #page #navigation ul li.shop a { color: #222; position: absolute; right: 0; font-size: 18px;}
    
    a {color: #21759b; text-decoration:none; cursor: pointer;}
    a:link {color: #000000; text-decoration:underline ; cursor: pointer;}
    
	a:visited {color: #000000;	text-decoration:underline;}
	a:hover h3, a:active h3, a:hover, a:active {color: #333333;	text-decoration:none;}
    a:focus {outline:none}
    img {border:none; }
    a:link h2  {text-decoration:none;}
    a:visited h2 {text-decoration:none;}
    a:active {text-decoration:none;}
    
   	#sidebar .connect_widget .unlike_link {display: none;}




/*  contentbereich
----------------------------------------------------------------------------------------------------

    /* content allgemein | margin-left: 28px */
    #page #content h1, #page #content h2, #page #content p, #page #content ul, #page #content img {margin: 20px 80px 12px 28px;}
    #page #content h1, #page #content h2 {width:500px; color: #a3cfe4; font-size: 48px; line-height: 48px; margin: 42px 0px 16px 28px; }

	#page #content h1 a {text-transform: uppercase; color: #a3cfe4; font-size: 48px; line-height: 48px; text-decoration:none;}


	
	/*  ueber  */
	/*  #page #post-32 {background-image: url('../images/teaser/f_ueberfroh.jpg'); background-repeat: no-repeat; padding-top:120px;} */
	#page #content #post-34 h1 a{color:#A3CFE4;}
	/*  kontakt  - presse*/
	/*  #page #post-39, #page post-253 {background-image: url('../images/teaser/f_kontakt.jpg'); background-repeat: no-repeat; padding-top:120px;} */
	#page #content #post-39 h1 a, #page #content #post-253 h1 a, #page #content #post-381 h1 a{color:#f4a040;}
	/* aktionen   */
	#page #content #post-34 h1 a{color:#93463c;}
	#page #content #post-34 p img {float:left; height:110px; width:110px; overflow:hidden; padding:0px; margin:0px 20px 50px 0px;}	
	/* aktionen  _ unterseiten */
	#page #content #post-715 h1 a, #page #content #post-713 h1 a {color:#93463c;}
	
	/*  mitmachen  */
	/*  #page #post-37 {background-image: url('../images/teaser/f_mitmachen.png'); background-repeat: no-repeat; padding-top:120px;} */
	#page #content #post-37 h1 a{color:#c7c2b4;}
	#page #content #post-37 p img {float:left; height:110px; width:110px; overflow:hidden; padding:0px; margin:0px 20px 50px 0px;}
	
	/*  presse  */
	#page #content #post-595 h1 a{color:#ee86a7;}
	
	/*  shop  */
	#page #content a h2, #page #content h2 {color:#f4a040;}	


	
	/*  accordion  */
	
	#accordion {margin:20px 40px 20px 0px; }
	h3.toggler {cursor: pointer;border-bottom: 1px solid #f5f5f5;}
	div.element p{vertical-align:text-top; margin:0px;}
	

	/*  seiten  */
	.byline, .comments-closed, .categories {display:none;} 
	
	/*  quotes  */	
	
	#page #content blockquote p { font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 20px;color: #A3CFE4; size:50px;font-weight: bold;}
	blockquote p:before {content: '"'; }
	blockquote p:after {content: '"'; }

	/*startseite */
	
	.nohead .page-title {display:none;} /*  ausgabe des artikelheads ausblenden  */
	#aktuelle-ausgabe h2 {display:inherit;}
    
    #page #content h3  { margin: 35px 80px 12px 28px; width:100%; font-size: 30px; line-height: 33px; font-weight: bold;}
     
    #page #content p a {color: #000; margin-left: 0px;}
    #page #content ul.galerie { margin: 36px 50px 0 28px; padding: 0px; list-style-type: none; position: relative; height: 200px;}
    #page #content ul.galerie li { display: inline; margin: 0px; padding: 0px;}
    #page #content ul.galerie li.mehr { position: absolute; right: 35px; bottom: 14px;}
    #page #content ul.galerie li.mehr a { text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #000; text-decoration: none; font-weight: bold;}
    #page #content ul.galerie li img { margin: 0 8px 0 0; }
	#page #content ul.galerie li a img { border:0px; }
	
	/* posterous autoposts */
	
	.entry-content .posterous_autopost {width:550px; margin: 0 0 20px 30px; font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 14px;  line-height: 18px;}
	.posterous_autopost img {margin-left: -50px;}

    /* content aktuelle-ausgabe */
	#page #content #aktuelle-ausgabe .kaufen {height:102px; width:102px; float:right; margin-right:15px;}
	#page #content #aktuelle-ausgabe .kaufen_flex {height:102px; width:102px; float:right; position: relative; right:-65px; top:300px; z-index:100;}
	#page #content #aktuelle-ausgabe .intro a{cursor: pointer;}
    #page #content #aktuelle-ausgabe { background: #c7c2b4; width: 630px; height: 585px; position: relative; margin: 0px; overflow: hidden; }
    #page #content #aktuelle-ausgabe div.ausgabe { position: absolute; top: 37px; left: 152px; margin: 0px; overflow: hidden;}
    #page #content #aktuelle-ausgabe div.video { position: absolute; top: 27px; left: 90px; margin: 0px; overflow: hidden;}
    #page #content #aktuelle-ausgabe div.ausgabe object { margin: 0px;}
    #page #content #aktuelle-ausgabe div.ausgabe embed { margin: 0px;}

    
    #page #content #aktuelle-ausgabe ul.navigation { margin: 0px; padding: 0px; position: absolute; top: 291px; left: 30px;}
  
    #page #content #aktuelle-ausgabe ul.navigation li { display: inline; margin: 0 20px 0 0; padding: 0px; }
    #page #content #aktuelle-ausgabe ul.navigation li a { font-size: 18px; color: #f6f2d4; text-decoration: none; }
    #page #content #aktuelle-ausgabe ul.navigation li.active a { color: #222; text-decoration: underline;}

    #page #content #aktuelle-ausgabe div.content {position: absolute; top: 321px; left: 32px; padding-bottom: 14px; }
    #page #content #aktuelle-ausgabe div.content h2 { color: #ffffff; font-size: 48px; margin: 0 30px 12px 0; padding: 0px; line-height: 48px;}
    #page #content #aktuelle-ausgabe div.content p { margin-right: 80px; margin-left: 0px; }
    #page #content #aktuelle-ausgabe div.content p a { color: #fff; text-decoration: none; }
    #page #content #aktuelle-ausgabe div.content p.teaser_subhead {font-family: Helvetica, Arial, sans-serif;  width:100%; font-size: 24px; text-transform: uppercase; font-weight: bold; }
    
    #page #content #aktuelle-ausgabe table {width:550px; table-layout: auto;  border-collapse:5px; margin-bottom: 30px;}
    #page #content #aktuelle-ausgabe table tr.highl {background-color:#DFDBD1;}
    #page #content #aktuelle-ausgabe table tr:hover {background-color:#EFEBE0;}
 
 	.intro a {text-decoration:underline;}

  	.entry-content .beitagg  {margin-left: 25px; width:550px; table-layout: auto;  border-collapse:5px; margin-bottom: 30px;}
    .entry-content .beitagg  tr.highl {background-color:#DFDBD1;}
    .entry-content .beitagg  tr:hover {background-color:#EFEBE0;}

   	
    /* vcards microformats */
   
    #page #content .vcard {font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 14px; padding:0px; margin: 0px 0px 0px 28px;}
	#page #content .vcard .org, #page #content .vcard p {margin: 0px; padding: 0px;}

    #page .presse .vcard {font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 14px; padding:0px; margin: 0px 0px 0px 0px;}
	#page #presse .vcard .org, #page .presse .vcard p {margin: 0px; padding: 0px;}

    
    /* mitmachen boxes _juli2010 */
    #mitmachen  {margin-left:12px; padding:0px;}
    #mitmachen .box {width: 186px; height: 193px; background-color: #d1cdc1; float:left; margin-left:12px; padding:0px;}
    #mitmachen .box h4 {margin:0px; padding:15px 0px 0px 15px; font-size: 25px; color:white; height:50px;}
 	#mitmachen .box h4 a:link {font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; margin:0px; padding:0px;  font-size: 25px; color:white; text-decoration: none;}
 	 	#mitmachen .box h4 a:visited {font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; margin:0px; padding:0px; font-size: 25px; color:white; text-decoration: none;}
 	 	#mitmachen .box h4 a:hover {text-decoration: underline;}


	#mitmachen .box p {position:relative; left: -15px; top:-10px; margin: 0px; padding: 0px; width:165px; font-size: 13px;}
    #mitmachen .box:hover {background-color: #dedacd; }
    #mitmachen .first {background: #d1cdc1 url(http://frohmagazin.de/wp-content/themes/frohmagazin/library/images/nurmitdir.jpg) no-repeat;}
    /* 404 */
    
    #page .404 .entry-content #search1 form #search-form-1  {margin-left:400px; float:right;}
    
    
    
    #hulu .play, #hulu .pause {display:none;}
    #hulu .time {display:none;}
    #hulu .mute {display:none;}
    
    /* overlay size and background image */ 

 
    /* 
        THIS ARE YOUR FULLSCREEN DIMENSIONS 
    */ 
    width:800px; 
    height:641px; 
 
    background-image:url(http://static.flowplayer.org/img/overlay/petrol.png); 
    display:none; 
    padding: 0 !important; 
} 
 
/* close button for overlay */ 
div.overlay div.close { 
    background:url(http://static.flowplayer.org/img/overlay/close.png) no-repeat; 
    position:absolute; 
    top:2px; 
    right:5px; 
    width:35px; 
    height:35px; 
    cursor:pointer; 
} 
 
/* original size of the player */ 
#player, #player embed, #player object { 
    height:235px; 
    width:350px; 
} 
 
/* absolute positioning of the player */ 
#player embed, #player object { 
    position:absolute; 
 
    /* layer as the topmost element */ 
    z-index:10000; 
}
    
/*  sidebarinhalt
----------------------------------------------------------------------------------------------------*/


	#page #sidebar p { font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 12px; line-height: 18px;}
	#page #sidebar h4, #page #sidebar h4 p {color:#333333;font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; padding:0px; margin:0px;}
	#page #sidebar h5 {padding:0px; margin:0px;}
	
	

    /* sidebar weitere-ausgaben */
    #page #sidebar #weitere-ausgaben { width: 220px; height: 190px; background: #c7c2b4; position: relative;}
    #page #sidebar #weitere-ausgaben h3 {visibility: visible; font-size: 14px; margin: 0px; position: absolute; top: 12px; left: 9px; color: #f6f2d4; }
    #page #sidebar #weitere-ausgaben ul.ausgaben { list-style-type: none; margin: 0px; padding: 0px; position: absolute; top: 40px; left: 9px;}
    #page #sidebar #weitere-ausgaben ul.ausgaben li { margin: 0 5px 0 0; padding: 0px; display: block; float: right; width:95px; }
    #page #sidebar #weitere-ausgaben ul.ausgaben li h4 { margin: 0px; font-size: 12px; line-height: 16px; color: #fff; width: 95px; }
	#page #sidebar #weitere-ausgaben ul.ausgaben li img a { border:none;}

    #page #sidebar #weitere-ausgaben .ausgabe h4 {text-align:left; margin-left: 5px; font-size: 12px; line-height: 16px; color: #fff; width: 95px; }
	#page #sidebar #weitere-ausgaben .ausgabe img a { border:none;}

    /* sidebar allgemein */
    #page #sidebar { padding-bottom: 20px;}
    #page #sidebar div.widget-inside {min-height:40px;}
    #page #sidebar div.widget-inside p, #page #sidebar div.widget-inside p a, #page #sidebar div.widget-inside ul, #page #sidebar div.widget-inside input { margin-left: 6px; line-height: 18px; font-size: 12px;}

    #page #sidebar div h3 { visibility: hidden; zoom: 1; }
    #page #sidebar div.frohspende h3 { background: #fff url('../images/headlines/frohspende.png'); width: 165px; height: 39px; margin-bottom: -11px; margin-top: 20px; zoom: 1; }
    #page #sidebar div.frohtermine h3 { background: #fff url('../images/headlines/frohtermine.png'); width: 178px; height: 30px; margin-bottom: -7px; margin-left: 1px; zoom: 1;}
    #page #sidebar div.froheneuigkeiten h3 { background: #fff url('../images/headlines/froheneuigkeiten.png'); width: 217px; height: 40px; margin-bottom: -14px; margin-left: 1px; margin-top: 18px; zoom: 1;}
    #page #sidebar div.kontaktzufroh h3 { background: #fff url('../images/headlines/kontaktzufroh.png'); width: 220px; height: 50px; margin-bottom: -18px; margin-top: 0px; zoom: 1;}

	#page #sidebar div.frohletter h3 { background:  #fff url('../images/headlines/ffffrohletter.png'); background-repeat: no-repeat;  width: 220px; height: 50px; }
      
    #page #sidebar div.post_notification_widget { background:  #fff url('../images/headlines/ffffrohletter.png'); background-repeat: no-repeat; }
    #page #sidebar div.post_notification_widget form { position: relative; margin: 0px 0px 0px 0px; padding: 0px;}
    #page #sidebar div.post_notification_widget form div.inputs { height: 26px; position: relative;}
    #page #sidebar div.post_notification_widget form input {background-color: #f4f6e3; border: none; width: 100px; position: relative; bottom:0; left: 0; font-size: 12px; padding: 7px 4px 7px 5px;  margin:0px;}
    #page #sidebar div.post_notification_widget form input.submit {background: none; border: none; font-size: 10px; font-family: Helvetica, Arial, sans-serif; width: 50px; height: 26px; font-weight: bold; text-transform: uppercase; position: relative; bottom: 2px; cursor: pointer; }

    #page #sidebar div.widget_rs_event {font-size: 12px;  background-image: url('../images/headlines/frohtermine.png'); background-repeat: no-repeat;}
    
    #page #sidebar div.widget_rs_event ul li h4 {font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;}
    #page #sidebar div.widget_rs_event ul li h4 p {font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;}
    #page #sidebar div.widget_rs_event ul li p {font-size: 12px; display:inline; padding:0px; margin:0px;}
    #page #sidebar div.widget_rs_event ul { list-style-type: none; margin: 0px; padding: 0px;}
    #page #sidebar div.widget_rs_event ul li {font-size: 12px; margin: 0px 0px 0px 5px; padding: 0px;}
    #page #sidebar div.widget_rs_event ul li a {font-size: 12px;  color: #222; text-decoration: none; margin-left: 0px;}
    
	

    #page #sidebar div.widget_categoryposts { background-image: url('../images/headlines/froheneuigkeiten.png'); background-repeat: no-repeat;  margin: 0px; padding: 0px;}
	#page #sidebar div.widget_categoryposts ul {margin:0px; padding:0px;list-style-type: none;}
	#page #sidebar div.widget_categoryposts ul li {padding:0px; margin: 0px; list-style-type: none;}
	#page #sidebar div.widget_categoryposts ul li {margin-left:5px;}
    #page #sidebar div.widget_categoryposts ul li .post-title {color:#333333; font-family: "Helvetica", serif; font-weight:bold; text-transform: uppercase; margin: 0 0 3px 0; font-size: 12px; text-decoration:none;}
    #page #sidebar div.widget_categoryposts p { margin-left: 0px; margin-top: 0px;}
   

    
    #page #sidebar div.widget_kontakt { background-image: url('../images/headlines/kontaktzufroh.png'); background-repeat: no-repeat; }


    #page #sidebar div.widget_kontakt ul.kontakt { margin: -6px 0 0 26px; padding: 0px; height: 30px; }
    #page #sidebar div.widget_kontakt ul.kontakt li { text-decoration: none; margin: 0px; padding: 0px; list-style-type: none; float: left;}
    #page #sidebar div.widget_kontakt ul.kontakt li a { display: block; margin-right: 5px; text-decoration: none;}
    #page #sidebar div.widget_kontakt ul.kontakt li a span { visibility: hidden;}
    #page #sidebar div.widget_kontakt ul.kontakt li.twitter a { background-image: url('http://frohmagazin.de/wp-content/themes/frohmagazin/library/images/twitter.png'); width: 24px; height: 23px; }
    #page #sidebar div.widget_kontakt ul.kontakt li.facebook a { background-image: url('http://frohmagazin.de/wp-content/themes/frohmagazin/library/images/facebook.png'); width: 24px; height: 24px; }
    #page #sidebar div.widget_kontakt ul.kontakt li.mail a { background-image: url('http://frohmagazin.de/wp-content/themes/frohmagazin/library/images/mail.png'); width: 31px; height: 24px; }
    #page #sidebar div.widget_kontakt ul.kontakt li.flickr a { background-image: url('http://frohmagazin.de/wp-content/themes/frohmagazin/library/images/flickr.png'); width: 52px; height: 24px; }


 	#page #sidebar div.widget_shopcat ul { list-style-type: none; margin: 0px; padding: 0px;}
    #page #sidebar div.widget_shopcat ul li {font-size: 14px; margin: 5px 0px 0px 0px; padding: 0px;}
    #page #sidebar div.widget_shopcat ul li a {font-size: 14px;  color: #222; text-decoration: none; margin-left: 0px;}

	/*  ueber */ 

	.ueber h3 {color:#a3cfe4;}
	#page #sidebar #uber_team h4 {font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 18px; line-height: 18px; text-transform: none; font-weight: normal;}
	#uber_team p  {float:left; margin: 5px 0px 20px 0px; width: 100%; height:60px; }
	#uber_team p span  {padding-top:30px; float:left; font-size: 14px; vertical-align:bottom;}
	#uber_team p img {display:inline; float:left; width:60px; height:60px; margin:4px 10px 4px 4px ;}
	
	#uber_team p li.twitter a { background-image: url('../images/twitter.png'); width: 24px; height: 23px; }
    #uber_team p ul.kontakt li.facebook a { background-image: url('../images/facebook.png'); width: 24px; height: 24px; }
    #uber_team p ul.kontakt li.mail a { background-image: url('../images/mail.png'); width: 31px; height: 24px; }
    #uber_team p ul.kontakt li.flickr a { background-image: url('../images/flickr.png'); width: 52px; height: 24px; }
	
	/*  ueber */
	#sidebar #twittersearch .avatar_border { margin-right:5px; float:left; display: inline;}
	#sidebar #twittersearch .tweet {display:block; border-bottom:1px solid silver; margin: 0px; padding: 0px;}
	#sidebar #twittersearch .tweet .gravatar_boder img.avatar { display: inline; float:left;}
	#sidebar #twittersearch .tweet h4 {margin: 10px 0 0 0; padding: 0px;}
    
/*  footerinhalt
----------------------------------------------------------------------------------------------------*/

    #footer { height: 195px; }
    
    #footer a { color:black;size:11px; text-decoration: none;}
    
    #footer div { margin-top: 24px;}
    #footer div h5 { margin: 0 0 10px 0; background-repeat: no-repeat;}
    #footer div h5 span {visibility: hidden;}
    #footer div ul { margin: 0 0 12px 0; padding: 0px; list-style-type: none; }
    #footer div ul li, #footer div p, #footer div a { font-size: 11px;}

    #footer div h5.navigation { background-image: url('../images/headlines/navigation.png'); width: 90px; height: 11px;}
    #footer div h5.presse { background-image: url('../images/headlines/presse.png'); width: 59px; height: 11px;}
    #footer div h5.rechtliches { background-image: url('../images/headlines/rechtliches.png'); width: 105px; height: 11px;}
    #footer div h5.frage { background-image: url('../images/headlines/duhasteinefrage.png'); width: 170px; height: 11px;}
    #footer div h5.freundeskreis { background-image: url('../images/headlines/freundeskreis.png'); width: 127px; height: 11px;}

    #footer div.navigation { margin-right: 0px; margin-left: 0px; width: 90px; }
    #footer div.presse { margin-left: 25px; width: 115px;}
    #footer div.frage { margin-right: 0px; margin-left: 0px; width: 170px;}
    #footer div.freundeskreis { margin-left: 16px; width: 104px;}

    #footer div.info p, #footer div.info img { margin-left: 20px;}
    #footer div.info p { line-height: 14px; }
    #footer div.info p.copyright { font-size: 9px; text-transform: uppercase; font-family: Helvetica, Arial, serif; text-align:left;}
    #footer div.info p.copyright a { font-size: 9px; text-transform: uppercase; font-family: Helvetica, Arial, serif; text-align:left;}
    #footer div.frage ul li.bestellen { margin-top: 10px;}
    #footer a.jetzt  { font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size:20px; font-weight:heavy;}
    
    
/*  inside admin
----------------------------------------------------------------------------------------------------*/    
    
  	#page #content span.edit a {margin-top:30px; background-color: gray; color:white; font-size: 15px; padding: 5px;}
   	#page #content span.edit a:before {color:#999999; content:" >> "; }



/*  formulare
----------------------------------------------------------------------------------------------------*/ 
#page #content #cformsform  {border:none;}
#page #content #cformsform fieldset {border:none; margin:0px; padding:0px; width:450px;}
#page #content #cformsform fieldset legend {display:none;}
#page #content #cformsform fieldset ol {border:none;margin:0px; padding:0px;}
#page #content #cformsform fieldset li {list-style-type:none;}
#page #content #cformsform fieldset label span {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
}

.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; margin-right: 6px;
}

label.cf-before {
	margin:4px 10px 0 0; 
}

span.emailreqtxt {width:5px; display:inline-block;}

label.cf-after 	{
	margin:2px 15px 0pt 6px;
	text-align:left;
	width:115px;
}

label.cf-after span {
	width:115px;
	display:block;
}

label.cf-group-after {
	margin:3px 4px 0 2px;
	width:72px;
	text-align:left;
}
label.cf-group-after span {
	width:72px;
	display:block;
}

#cformsform fieldset textarea {
	height:60px;
}
.cform input.sendbutton	{ 
	width:150px;  
	padding:5px; 
	margin: 0px;;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

.linklove a {display:none;}



/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../img/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../img/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}


/*  shop
----------------------------------------------------------------------------------------------------*/ 


	#page .shop {width:630px;}

	#page .shop h2 {color:f4a040;}
	#page .shop img a {border:none;}
	
	#page .shop fieldset {margin-left: 28px; width:500px; border:none;}

    #page .shop fieldset .cLeft { width: 40%; float: left;}
    #page .shop fieldset .cRight { width: 60%; float: left;}
	#page .shop fieldset dd {margin:10px 0px 0px 0px;}
	#page .shop fieldset dd input {border 1px solid black;}

        /* printbutton at forms */
        #page #content span.print a img { margin:0px;}
        #page #content span.print a {display: inline; width: 10px; height: 10px;}

        #page #content .checkout .total { text-align: right;}

	#page .shop ul.account_ul  {list-style-type: none;}
	#page .shop ul.account_ul li a {font-size:20px; line-height: 30px;}
	
	#page .shop .adress_list {margin-left:28px; width:210px;}
	#page .shop .adresses_list {width:100%; margin-left:28px;}
	#page .shop .adresses_list .item {width:190px; float:left; margin-left:10px; }
	#page .shop .adresses_list .item h5 {margin: 0px; padding:0px;}

	#page .product_listing_box {margin-left:28px;}
	
	#page .shop hr {display:none; margin:0px 28px 0px 28px;}

	#page .product_listing_image {width:240px; margin: 0px 0px 0px 0px; padding:0px; float:left;}
	#page .product_listing_image img {width:220px;}
	#page .product_info_box_middle_right { width:250px; float:right;}
	#page .product_listing_description {width:280px; float:left;}
	#page .product_listing_description h3 {margin-left:30px;}
	#page .product_listing_description p{width:310px;   margin: 0px 0px 0px 0px; padding:0px;}
	#page .product_listing_description .price  {margin-left:30px;font-size: 40px; line-height: 40px; margin-top: 10px; width:150px; float:left; text-align:left;}
	#page .product_listing_description .fs85 { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; float:left; color:#f4a040; font-size: 13px; line-height: 15px; margin-top:-10px;}
		#page .product_listing_description .fs85 a {float:left; color:#444444; margin-top:5px;}
	#page .product_listing_description .buy { width:280px; margin: 0px 0px 0px 0px; padding:0px; float:left; }
	
	#page .product_listing_description .listpay a {width:100px; float:left; margin:-19px 0px 0px -10px; padding:0px;}	
	#page .product_listing_description .listpay img {margin:0px; padding:0px;}
	#page .product_listing_description .listpay .abopay {margin: -55px 0px 0px 220px; width:150px; float:left; text-align: left;}	
	
	/*splash */
	
	#page .shop table {width:580px;}
	#splash {width:580px; height:460px; margin-left-10px; border:0; margin:0px; padding:0px; table-layout: fixed; }
	#splash td {padding:0px; margin:0px;}
	
	#page .shipping {margin-left: 28px;}
	#login div {margin-left: 50px;}

	.boxcart {background:none;}
	.boxText { font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 12px;  line-height: 18px; text-transform: none; }
	#sidebar hr {border-bottom: 1px dotted grey;}
	
	.checkout {margin-left: 28px;}
	.checkout_line img {margin-left: 28px; width:30px; height:30px;}
	
	#checkout_payment div { float:left;}
	#checkout_payment div input  { padding-right:10px;}
	
	.catteaser {margin: 0px 0px 0px 0px; height:290px;}
	.catteaser img span  {margin: 0px 0px 0px 28px;}
	.catteaser a{width:300px; margin:0px 0px 0px 0px; padding:0px;float:left;}
	.catteaser .catlink {margin-left: 28px;}
	.catteaser img  {margin: 0px;}
	

	.order_details_spende {height:125px; padding:20px; background: url(http://frohmagazin.de/shop/templates/frohshop/img/spende_bg.jpg) no-repeat; font-size:18px;}
	.order_details_spende h4 {line-height: 20px; padding: 0px; margin: 0px 0px 10px 0px;}
	.order_details_spende span {font-size:12px; padding:0px; }
	.spendeinput {float:left; margin:10px 0px 0px 130px;}
	.spendeinput input {padding:3px; letter-spacing:0.2em; font-style: italic; text-align:center; border:none; height:30px; width:100px; font-size:24px; background-color:transparent;}
	.spendebutton {float:right; margin:15px 0px 0px 0px;}
	
	.shopside h3 {margin:25px 0px 0px 0px;}
	
	.umseck a {font-size:12px;}
	
	/*  errors */ 
	.error { color:red; height:10px; padding:0px; margin: 40px 0px 0px 28px;}
	.messageStackError { color:red; height:10px; padding:0px; margin: 40px 0px 0px 28px;}
	.messageStackError img {display:none; padding: 0px; margin: 0px;}
	
		
	
	/*  sidebar */ 

	#sidebar .vcard {font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 14px; padding:0px; margin: 0px 0px 0px 0px;}
	#sidebar .vcard .org, #page #sidebar .store .vcard p {margin: 0px; padding: 0px;}
	#sidebar #main_nav {list-style-type: none; padding: 0px; margin: 0px;}
	
	

	#utility-after-page #text-3 h3.widget-title  {visibility: visible; display:block;}

	 #page #sidebar #ecke p {font-size: 13px; margin-bottom: 18px;}
	 #page #sidebar #ecke h3 {margin-bottom: 13px; margin-top: 50px;}
	

/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute; 
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 1px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{font-family: "Garamond 3 Ltd", Garamond Premiere Pro, Adobe Garamond Pro, Garamond, serif; font-size: 23px;  line-height: 40px; text-transform: none;
	float:left;
	padding:10px 0 10px 10px;
	margin-bottom:1px;
}

#TB_title{

	height:60px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}


.captcha {float:right;}