/*
Theme Name: r-quadrat Portfolio
Theme URI: http://www.r-quadrat.net
Description: r-quadrat Portfolio. Please respect copyrights.
Version: 1.0
Author: Robert Gühne (Theme based on Pop Blue DE-Version by Bob http://www.blogohblog.com/)
Author URI: http://www.utzel-butzel.de
This theme was designed and built by Robert Gühne of Utzel-Butzel.de based on Pop Blue DE-Version by Bob http://www.blogohblog.com/ based on the famous Kubrick.
*/
body{font-family: Arial, Helvetica, sans-serif; text-align: center; width:100%; height: 100%; font-size:13px;margin:0;padding:0; line-height: 1.8; color: #383838; background: #EFEFEF url(images/Content-Hintergrund.jpg) top center repeat;
}
#world {width:100%; background: url(images/Header.jpg) top center repeat-x; }
.text {background: url(images/Hintergrund-Text.png); padding: 5px; line-height: 30px; /*filter:alpha(opacity=50); opacity: 0.5; */}
/* Header */
#header {width:804px; height: 400px;margin:0px auto; padding:0; text-align: left;}
/* #headercontent {text-align: right; margin:0 auto; width:950px;} */
#headerslogan { color: #F3F3F3; width: 485px; margin-left: 15px; margin-top: 43px; text-shadow: #332C1E 1px 1px 1px; display:inline; height:250px; float: right; text-align:left; overflow:hidden; font-size:13px;}
#headerslogan h2 { color: #FFF !important; font-size:32px !important; margin: 0px !important; font-weight:bold; line-height:50px;}
#headerslogan a{
text-decoration: none; border-bottom: 1px dotted #FFF;
}
#weiter-link {font-size:14px; width:133px !important; display:block; background: url(images/unsere-angebote.gif) no-repeat; background-position:bottom left; position:relative; left:350px; top:0px;}
#weiter-link:hover { background: url(images/unsere-angebote-hover.gif);}
#logo { margin-left:13px; float:left;}
h1, h2, h3 {color: #FFF; padding:0px; margin-top:20px; margin-bottom:10px; font-size:22px; font-weight:normal; }
h3 {font-size: 17px;}
h4 {font-size: 15px; color:#EFB038; font-weight:normal;}
#content h2 {border-bottom: 1px solid #FFF; line-height: 30px;}
#content h2 a {color:#FFF;}
a:link { color : #FFF;}
a:active {color : #FFF;}
a:hover {color : #EFB038;}
a:visited {color : #FFF;}
a img {border: 0px;}
td {vertical-align: top;; line-height: 1.3;}
.info {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #E8E8E8; margin-top: 5px; margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px;}
.clr {clear:both; }
/* Navigation */
#nav{margin-top: 17px; width:100%; padding:0; float:left;}
#nav2{height:41px; margin:0 auto; float:left;}
ul.nav2{height:42px;line-height:42px;float:left;list-style:none; font-size:12px; margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{ background: url(images/Mainmenu-abstand.gif) no-repeat; padding-right:10px; background-position:top right; text-decoration:none; color:#FFF; float:left;display:block;text-align:center; height:42px; width: 107px; line-height:42px; }
ul.nav2 li a:hover{ color:#FFF; background: url(images/Mainmenu-hover.gif) no-repeat; background-position:top right; text-decoration:underline;}
ul.nav2 li a:active{color:#FFF; text-decoration:none;}
ul.nav2 li.current_page_item a{ color:#FFF;}
ul.nav2 li ul{float:left;margin:0;padding:0;}
/* Inhalt */
.postmetadata { padding:5px;}
span.cmt{background:transparent url(images/comments.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/folder.png) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
#main{width:804px;margin:0 auto; padding-top:10px;}
#content{margin:30px 20px 20px 30px}
#content-outline {margin-left:0px;float:left;width:100%; overflow:hidden; background-image: url(images/Content-Content.jpg);}
#content-header { height: 10px; width: 100%; float: left; background: url(images/Content-Header.jpg) no-repeat;}
#content-footer { height: 17px; width: 100%; background: url(images/Content-Footer.jpg) no-repeat; overflow:hidden;}
.entry{float:left; width:520px; text-align: justify; line-height: 1.5; }
.thumbbackground {background: url(images/Referenzen-Hintergrund.png) no-repeat;
float: left;
margin: 5px;
margin-bottom: 0px;
padding: 12px;
padding-top: 11px;
width:213px;
height:164px;
}
.navigation{width:580px;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
#searchform { height:35px; line-height:35px; float:right; margin: 0; padding: 0; }
input#s { color: #000; width: 200px; background:#fcfcfc;}
/* Footer */
#footerbox {clear:both; width:100%; text-align:center; height: 621px; background: #EFEFEF url(images/Footer.jpg) top center repeat-x;}
#footer{ width:804px; height: 585px; overflow: hidden; padding-top: 34px; padding-bottom: 0px; margin: auto; margin-top: 5px;
}
*html #footer {
padding-top: 29px;}
#footerleft {float:left; text-align: left; margin-left:20px; margin-top: 85px; width:340px; text-shadow: #000 1px 1px 1px; display:inline; }
#footerright {float: right; text-align: left; margin-top: 16px; width:435px; height: 570px; background:url(images/Footer-Kontakt.jpg) no-repeat; display:inline;}
#contactform {
margin-left: 56px;
margin-top: 71px;
}
#contactform input {
color: #FFF;
font-size: 17px;
padding: 8px;
margin-top: 3px;
width: 314px;
border: 0;
background-color: transparent;;
}
#contactform .label {
height: 80px;
}
#contactform textarea {
color: #FFF;
border: 0;
font-size:15px;
background-color: transparent;
padding: 8px;
height: 158px;
width: 314px;
font-family: Arial, Helvetica, sans-serif;
}
#contactform .submitlabel input {
width: 129px;
height: 48px;
padding-top: 2px;
padding-right: 17px;
margin-left: -3px;
margin-top: 14px;
background:url(images/Kontakt-Submit.jpg) no-repeat;
cursor:pointer;
}
#contactform .submitlabel input:hover {
background:url(images/Kontakt-Submit-hover.jpg) no-repeat;
}
#contactform p {
text-shadow: #000 1px 1px 1px;
}
#wirsind {margin-bottom: 15px;
}
#footer a, #footer {color:#FFF; text-decoration:none;}
/* Kommentare */
.boxcomments{margin-bottom:20px;width:100%;}
#commentform{margin:0;padding:15px 0px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:415px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px; padding:14px; width: 107px; border: none; color: #FFF; background:url(images/Menutabhover.gif) no-repeat; }
#commentform #submit:hover{margin:0 0 20px; padding:14px; width: 107px; border: none; color: #CCC; background:url(images/Menutabhover2.gif) no-repeat; }
#commentform p{margin:5px 0;}
ol.commentlist{ margin:0 0 1px;padding:0;}
ol.commentlist li{ display:block;list-style:none;margin-bottom:10px;padding:15px 15px 1px;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{list-style:none;margin:0 0 1px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;margin:0 0 5px;}
ul.slideshow {
list-style:none;
width:100%;
height:280px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul img {
border:none;
}
#slideshow-caption {
width:450px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:14px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
.toggler {
cursor: pointer;
text-decoration: underline !important;
}
* { margin: 0; padding: 0 }
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
p#cross-links { text-align: center }
p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
a:focus { outline:none }
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 20px 0;
position: relative;
width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 50px; }
.csw .loading {margin: 20px 0 20px 0; text-align: center}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
margin: auto;
width: 760px; /* Also specified in .stripViewer .panelContainer .panel below */
clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 760px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width
padding: 10px; */
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
height: 55px;
}
.stripNav ul { /* The auto-generated set of links */
width: 730px;
margin-left: 9px;
list-style: none;
}
.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 39px;
background: url(images/Button-Bereiche.jpg) no-repeat;
color: #fff;
text-shadow: #50330E 1px 1px 1px;
text-decoration: none;
display: block;
padding: 0 15px 0 15px;
height: 39px;
width: 105px;
}
.stripNav li.tab1 a { }
.stripNav li.tab2 a { }
.stripNav li.tab3 a { }
.stripNav li a {
/* background: url(images/Button-Bereich.jpg) no-repeat; */
}
.stripNav li a:hover {
background: url(images/Button-Bereich.jpg) no-repeat;
}
.stripNav li a.current {
background: url(images/Button-Bereich.jpg) no-repeat;
color: #fff;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
.stripNavL {
left: 0;
}
.stripNavR {
right: 0;
}
.stripNavL {
background: url("images/arrow-left.gif") no-repeat center;
}
.stripNavR {
background: url("images/arrow-right.gif") no-repeat center;
}
.lavaLampWithImage {
position: relative;
height: 29px;
width: 421px;
background: url("bg.gif") no-repeat top;
padding: 15px;
margin: 10px 0;
overflow: hidden;
}
.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background: url("lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampWithImage li.back .left {
background: url("lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
font: bold 14px arial;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}
.lavaLampNoImage {
position: relative;
height: 29px;
width: 421px;
background-color: white;
padding: 15px;
margin: 10px 0;
overflow: hidden;
border: 1px solid gray;
}
.lavaLampNoImage li {
float: left;
list-style: none;
}
.lavaLampNoImage li.back {
border: 1px solid #000;
background-color: #e6e8ea;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampNoImage li a {
font: bold 14px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
border: none;
}
.lavaLampBottomStyle {
position: relative;
height: 29px;
width: 421px;
background-color: white;
padding: 15px;
margin: 10px 0;
overflow: hidden;
border: 1px solid gray;
}
.lavaLampBottomStyle li {
float: left;
list-style: none;
}
.lavaLampBottomStyle li.back {
border-bottom: 5px solid blue;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampBottomStyle li a {
font: bold 14px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border: none;
}