/*
Theme Name: Rampa-Zampa
Theme URI: http://www.rampazampa.eu/
Description: Rampa-Zampa V3.
Version: 3.0
Author: Nick Jantschke
Author URI: http://www.stil-etage.de/
*/
/*
----------------> CSS-RESET <--------------------
*/
* { margin: 0; padding: 0; }
html { }
/*html, body { height: 100%; background-color:#eadac0; background-image:url(images/hg.jpg); background-repeat:no-repeat; }*/
html, body { height: 100%; background-color:#eadac0; background-image:url(images/bg_gruen.jpg); background-repeat:repeat; }
body { font-size: 12px; font-family: Tahoma, Helvetica, sans-serif; color:#666; }
ul { list-style: none; }
ol { list-style: none; width:250px; }
a { outline: none; text-decoration: none; color:#333; }
a img { border: none; background: none; }
img { vertical-align: middle; outline:none; }
table { border-collapse: collapse; }
/*
----------------> Allgemeine Formatierungen <--------------------
*/
.maincontainer0 { float:left; width:100%; height:auto; }
/*.maincontainer00 { padding:10px; width: 980px; height:auto; margin-top:110px; margin-bottom:50px; background-image:url(images/blank.png); }*/
.maincontainer00 { padding:10px; width: 980px; height:auto; margin-top:1px; margin-bottom:50px; background-image:url(images/blank.png); }
.maincontainer000 { height:auto; border:1px #e2e2e2 solid; background-image:url(images/headerhg.jpg); background-repeat: repeat-x; background-position:top; background-color:#fff; }

h1{ font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-1; color:#666; }
h2{ font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; letter-spacing:-1; color:#666; }
h3{ margin: 10px 10px 0 10px; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-1; color:#09F;  }
h3 a{ color:#ccc;  }
h4{ font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; letter-spacing:-1; color:#333; margin-bottom:10px; }
p { line-height: 1.4em; margin: 0 0 10px 0; }
/*
----------------> Header <--------------------
*/
.header { float:left; width:940px; padding:20px 20px 20px 20px; }
.logo { float:left; width:300px; height:95px;}
.werbung { float:right; width:468px; height:60px; padding:5px; background-image:url(images/hgwerbung.png); margin-top:20px; }
.suche {float: right; width:250px; height:37px; margin-top:30px; background-image: url(images/hgsearch.png); background-repeat:no-repeat; }
.search { background:transparent; border:none; width:190px; height:27px; padding:5px; font: bold 16px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#ccc; margin-top:3px; }
.button { background:transparent; border:none; width:35px; height:27px; padding:5px; font: bold 16px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#666; margin-top:3px; text-transform:uppercase; text-align:center; }
.menu {float:left; width:650px; margin-top:25px; }
.menu li { float:left; text-transform:uppercase; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-1; color:#ccc; margin-right:15px; }
.menu a { padding:5px; display:block; color:#aaa }
.menu li.current a{ background-color:#333; color:#fff; }
.menu li.current a:hover{color:#fff; }
.menu li.current { background-image:url(images/menuli.png); background-position:bottom center; background-repeat:no-repeat; padding-bottom:10px; }
.menu li:hover { background-image:url(images/menuli.png); background-position:bottom center; background-repeat:no-repeat; padding-bottom:10px; }
.menu li a:hover { color:#333; }
/*
----------------> FeatureSlider <--------------
*/
.featureimage { float:left; height:auto; width:940px; margin-top:20px; margin-bottom:0px; }
.featureimage img{  }
.featureimage span{ background-color:#000000; margin-top:-100px; padding:5px; color:#CCCCCC; }
.boxgrid{ float:left; width:200px; height:200px; margin-right:20px; overflow:hidden; position: relative; border:#e2e2e2 1px solid; padding:5px; background-color:#fff; }
.boxgrid img{ position: absolute; top: 0; left: 0; padding:5px; }
.boxgrid p{ padding: 0 10px; }
.boxgrid1{ float:right; width:200px; height:200px; overflow:hidden; position: relative; border:#e2e2e2 1px solid; padding:5px; background-color:#fff; }
.boxgrid1 img{ position: absolute; top: 0; left: 0; padding:5px; }
.boxgrid1 p{ padding: 0 10px; }		
.boxcaption{ float: left; position: absolute; background:#000; height:65px; margin-left:5px; width: 200px; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; overflow:hidden; color:#ccc; }
.captionfull .boxcaption {  left: 0; }
.caption .boxcaption { left: 0; }
/*
----------------> Blog-Content <--------------------
*/
.katheader { float:left; padding:3px; margin-bottom:10px; background-color:#009cd4; }
.katheader .ub{ font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:-1; color:#fff; text-transform:uppercase; padding:3px; border:#fff 1px solid; }
.katheader a{ color:#fff; }
.postbox{ float:left; background-color:#efefef; border:#e2e2e2 1px solid; padding:5px; margin-bottom:25px; }
.mainpost{ float:left; width:535px; background-color:#fff; height:100%; border:#e2e2e2 1px solid; }
.mainposttxt { float:left; width:535px; height:100%; padding:5px;  }
.leadimg { float:left; }
.firstpost{ float:left; width:538px;margin-top:5px; margin-bottom:2px; background-color:#fff; border:#e2e2e2 1px solid; }
.secondpost{ float:left; margin-top:10px; margin-bottom:5px; background-color:#fff; }
.postimg{ float:left; }
.posttxt { float:left; width:350px; height:100%; overflow:hidden; font-size:10px; padding:2px; margin-left:3px; }
.postlist{ float:right; width:350px; height:115px; background-color:#fff; margin-top:10px; padding:5px; }
.postlist li{ list-style-image:url(images/liblue.png); list-style-position: inside; margin-bottom:5px; font-size:10px; margin-left:5px; }
/*
----------------> Content <--------------------
*/
.content { float:left; width:550px; height:auto; padding:20px; }
.post { float:left; background-color:#efefef; border:#e2e2e2 1px solid; padding:5px; margin-bottom:25px; }
.post a{ font-weight:bold; } 
.page { float:left; background-color:#efefef; border:#e2e2e2 1px solid; padding:5px; margin-bottom:25px; }
.contentimg { margin-bottom:15px; padding:5px; background-color:#FFF; border:#e2e2e2 1px solid; }
.post-thumbnail { margin-bottom:15px; padding:5px; background-color:#FFF; border:#e2e2e2 1px solid; }
.artikelheader { margin-bottom:25px; }
.commentnummber { float:left; width:25px; height:25px; font-family:"Times New Roman", Times, serif; font-size:10px; font-style:italic; text-align:center; line-height:23px; }
.date { float:right; margin-right:24px; font-family:"Times New Roman", Times, serif; font-size:10px; font-style:italic; line-height:23px; }
.weiterlesen{ float:left; margin-top:15px; font-family:"Times New Roman", Times, serif; font-size:12px; font-style:italic; border-bottom:dashed 1px #ccc; }
/*
----------------> Coments <--------------------
*/
.commentlist ul{}
.commentlist li { float:left; background-color:#fff; border:#e2e2e2 1px solid; width:530px; margin-bottom:15px;}
.commentlist li.bypostauthor { border:#e2e2e2 1px solid; background-color:#f4f4f4;}
.commentlist .comment-txt{ padding:20px 10px 20px 10px; }
.commentlist .comment-author { float:left; background-color:#fff; padding:10px 10px 0px 10px; }
.commentlist .comment-author img{ padding:3px; border-bottom: 1px #e2e2e2 solid; border-top: 1px #efefef solid; border-left: 1px #efefef solid; border-right: 1px #e2e2e2 solid;}
.commentlist .comment-meta { float:left; padding:25px 10px 0px 10px; font-size:10px; }
.respond { float:left; width:530px; }
.field{ padding:5px; font-size:14; width:250px; background-color:#FFFFFF; border:1px #e2e2e2 solid; }
.kommentarinput :focus{ border:1px #0099FF solid; }
.kommentarinput textarea{ padding:5px; font-size:14; background-color:#FFFFFF; border:1px #e2e2e2 solid; }
.bt{ padding:5px; font-size:14; width:80px; background-color:#FFFFFF; border:1px #e2e2e2 solid ; display:block; cursor:pointer; font-weight:bold; color:#333; }

/*
---------------->Sidebar <--------------------
*/
.sidebar { float:right; width:320px; height:auto; padding:20px; margin-top:0px; }
.sidebarbox { width:310px; float:left; background-color:#efefef; border:#e2e2e2 1px solid; padding:5px; margin-top:10px; margin-bottom:10px; }
.sidebarbox li{ list-style-image:url(images/ligrey.png); list-style-position: inside; margin-bottom:10px; margin-left:5px; font-size:11px; }
.sidebarbigwerbung { float:left; width:300px; height:250px; padding:10px; background-image:url(images/hgwerbung.png); margin-top:10px; margin-bottom:10px; }
.sidebarwerbung { float:left; width:130px; height:130px; padding:10px; background-image:url(images/hgwerbung.png); margin-top:10px; margin-bottom:10px; }
.sidebarwerbung1 { float:right; width:130px; height:130px; padding:10px; background-image:url(images/hgwerbung.png); margin-top:10px; margin-bottom:10px; }
.children { margin-left:-5px; margin-top:10px; }
/*
----------------> Footer <--------------------
*/
.footer { float:left; width:920px; padding:10px; border:#e2e2e2 1px solid; margin-left:20px; background-color:#efefef; margin-bottom:20px; }
.footerbox1 { float:left; width:275px; height:auto; }
.footertxt { background-color:#fff; margin-top:5px; padding:5px; height:280px; overflow:hidden; }
.footertxt li{ list-style-image:url(images/ligrey.png); list-style-position: inside; margin-bottom:10px; margin-left:5px; font-size:11px; }
.footerbox2 { float:left; width:275px; height:auto; margin-left:50px; }
.footerbox3 { float:right; width:275px; height:auto; }
.mitte { text-align:center; font: bold 12px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#888; text-transform:uppercase; }
.mitte a{ color:#666;}

/* screen.css - Album grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-album-grid { padding: 6px 0 0 0; width: 100%; display: inline-block; }
#g-album-grid .g-item { position: relative; float: left; margin: 4px 0; min-width: 212px; width: 33%; zoom: 1; } /* amargin-right: 10px; */
#g-album-grid .g-extra-column { width: 23%; }
#g-album-grid .g-item p { text-align: center; }
#g-album-grid h2 { position: absolute; top: 164px; left: 12px; width: 150px; font: 100%/100% Arial, Helvetica, sans-serif; }
#g-album-grid h2 a { display: block; margin-top: 4px; font: bold 0.8em Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; text-transform: uppercase; min-height: 2em; }

/* screen.css - Thumbs : Common ~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-thumbcrop      { overflow: hidden; position: relative; width: 200px; min-height: 133px; }

.g-thumbtype-flm .g-thumbcrop { height: 150px; }
.g-thumbtype-dgt .g-thumbcrop { height: 133px; }
.g-thumbtype-sqr .g-thumbcrop { height: 200px; }
.g-album .g-description strong { padding-left: 16px; }

/* screen.css - Thumbs : Overlay ~~~~~~~~~~~~~~~~~~~~~~~*/

.g-thumbslide { font-size: 0.9em; width: 208px; min-height: 139px; padding-top: 6px; padding-left: 6px; }
.g-thumbslide.g-thumbtype-flm { height: 158px; }
.g-thumbslide.g-thumbtype-dgt { height: 141px; }
.g-thumbslide.g-thumbtype-sqr { height: 208px; }

.g-thumbcrop a.g-thumlink { display: block; position: relative; }
.g-thumbslide .g-thumbcrop .g-description { display: none; }
.g-thumbslide:hover .g-description { display: block; position: absolute; top: 0; min-height: 32px; width: 100%; overflow: hidden; z-index: 3; font-weight: bold; font-size: 0.9em; letter-spacing: 0.1em; text-transform: uppercase; text-align: left; }
.g-thumbslide:hover .g-description strong { display: block; margin-left: 10px; padding-top: 2px; }
.g-album .g-thumbslide:hover .g-description strong { padding-left: 16px; }
.g-thumbslide .g-description strong { display: block; margin-left: 10px; padding-top: 2px; }

.g-thumbslide .g-metadata { display: none; }
.g-thumbslide:hover .g-metadata { display: block; position: absolute; bottom: 7px; margin: 0 0 1px 1px; padding: 2px 4px 2px 6px; width: 190px; }
.g-thumbslide:hover .g-metadata li { padding: 0; margin: 0; font-size: 0.9em; }
.g-album .g-thumbslide:hover .g-metadata { bottom: 10px; }

/* screen.css - Thumbs : Extended View mode ~~~~~~~~~~~~*/

.g-thumbslide-ext { font-size: 0.9em; width: 208px; min-height: 139px; padding-top: 6px; padding-left: 6px; }
.g-thumbslide-ext.g-thumbtype-flm { height: 188px; }
.g-thumbslide-ext.g-thumbtype-dgt { height: 171px; }
.g-thumbslide-ext.g-thumbtype-sqr { height: 238px; }

.g-thumbslide-ext .g-description { display: block; margin-top: 2px; width: 200px; overflow: hidden; font-weight: bold; font-size: 0.9em; letter-spacing: 0.1em; text-transform: uppercase; text-align: left; }
.g-thumbslide-ext .g-description strong { display: block; }
.g-album .g-thumbslide-ext .g-description strong { padding-left: 24px; }

.g-thumbslide-ext .g-metadata { display: none; }
.g-thumbslide-ext:hover .g-metadata { display: block; position: absolute; bottom: 37px; margin: 0 0 1px 1px; padding: 2px 4px 2px 6px; width: 190px; }
.g-thumbslide-ext:hover .g-metadata li { padding: 0; margin: 0; font-size: 0.9em; }
.g-album .g-thumbslide-ext:hover .g-metadata { bottom: 40px; }