/* andreas02 - a free xhtml/css website layout by Andreas Viklund - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007)
Screen layout: */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as Otherwise enlarger won't work in IE6 */
.ienlarger {
float: left;
/*clear: none; /* set to left or right if needed */
padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}
.ienlarger a {
display:block;
text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}
.ienlarger a:hover{ /* don't move this positioning to normal state */
position:relative;
text-decoration: none;
}
.ienlarger span img {
border: 1px solid #FFFFFF; /* adds a border around the image */
/*margin-bottom: 8px; /* pushes the text down from the image */
}
.ienlarger a span { /* this is for the large image and the caption */
display:none;
color: #000080; /* caption text colour */
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; /* caption text size */
background-color: #CCCCCC;
font-weight:;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}
.ienlarger a:hover span {
display:block;
position:absolute;
top: 0px;
left: 200px;
z-index: 50;
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */
/* If you want the pop-up open above the thumb, remove the top: 50px; and add
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */
/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}
.resize_thumb {
width: 50px; /* enter desired thumb width here */
height : auto;
}
/* smart image enlarger ends here */
body {
padding:15px 0 0 0;
margin:0;
font:90% arial, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}
a {
color:#303030;
text-decoration:none;
border-bottom:1px dotted #505050;
}
a:hover {
color:blue;
text-decoration:none;
border-bottom:0px solid #505050;*/
}
h1 {
margin:0 0 20px 0;
color: #000080;
font-size:2.2em;
font-weight:normal;
}
h2 {
margin:0 0 12px 0;
font-size:1.6em;
color: #000080;
font-weight:normal;
}
h3 {
margin:0 0 10px 0;
font-size:1.4em;
color: #000080;
font-weight:normal;
}
p {
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}
a img {
border:0;
}
/* Main container */
#container {
margin:0 auto 20px auto;
width:730px;
padding:5px 20px 20px 20px;
background:#ffffff;
}
/* Site title section */
#logo {
margin:15px 0 0 0;
}
#logo h1 a {
color:#505050;
border:none;
}
#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}
/* Toptab menu */
#toptabs {
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}
#toptabs p {
text-align:right;
color:#808080;
}
.toptab {
text-decoration:none;
background:#f0f0f0 url('../images/corner2.gif') no-repeat top right;
color:#808080;
border-bottom:1px solid #e0e0e0; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:4px; padding-bottom:3px
}
.toptab:hover {
background:#fafafa url('../images/corner2.gif') no-repeat top right;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none
}
.activetoptab {
color:#505050;
text-decoration:none;
background:#ffffff url('../images/corner2.gif') no-repeat top right;
border-bottom:1px solid #ffffff; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:4px; padding-bottom:3px
}
.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}
#navitabs {
clear:both;
}
.navitab {
text-decoration:none;
font-size:0.9em;
background:#e0e0e0 url('../images/corner.gif') no-repeat top right;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px
}
.navitab:hover {
text-decoration:none;
background:#d0d0d0 url('../images/corner.gif') no-repeat top right;
border-bottom:1px solid #ffffff
}
.activenavitab {
color:#ffffff;
font-size:0.9em;
text-decoration:none;
background:#505050 url('../images/corner.gif') no-repeat top right;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:5px
}
.activenavitab:hover {
text-decoration:none;
color:#ffffff;
}
/* Header description */
#desc {
height:150px;
color:#ffffff;
padding:20;
font-size:1.3em;
background:#808080 url(http://www.kaisender.de/fileadmin/templates/images/front4.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}
#desc p {
width:290px;
font-size:1.3em;
line-height:1.3em;
padding:0 0 0 15px;
}
#desc h2 {
padding:15px 15px 0 15px;
font-size:1.3em;
color:#ffffff;
}
#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}
/* Main content */
#main {
width:550px;
float:left;
padding:0 15px 0 0;
margin:0;
border-right:1px solid #d8d8d8;
}
/* Sidebar */
#sidebar {
width:150px;
float:right;
}
#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}
/* Footer */
#footer {
clear:both;
}
#footer a {
color:#303030;
text-decoration:none;
border-bottom:1px dotted #505050;
}
#footer a:hover {
color:blue;
text-decoration:none;
border-bottom:0px solid #505050;*/
}
#footer p {
color:#000000;
font-size:1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
}
/* Various classes */
.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}
.right {
margin-top:-8px;
text-align:right;
}
#block {
background:#f0f0f0;
padding:10px;
}
/* ##################################################################################### */
.codeblock {
display: block;
background: white;
color: #000;
}
.block {
background:#f0f0f0;
padding:4px;
}
.sidelink {
text-align:left;
display:block;
width:140px;
background:#f0f0f0 url('../images/corner.gif') no-repeat top right;
border:medium none;; margin-left:0; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:8px; padding-right:4px; padding-top:3px; padding-bottom:3px
}
.sidelink:hover {
background:#e0e0e0 url('../images/corner.gif') no-repeat top right;
text-decoration:none;
border:medium none;
}
.hide {
display:none;
}
/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
/* default styles for extension "tx_indexedsearch" */
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }
/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
/* hier wird der Kasten mit der Bildunterschrift definiert! ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.csc-textpic-caption {
font-size:90%;
color:#000000;
font-family:arial;
padding-right: 5px;
padding-left: 5px;
padding-top:10px;
padding-bottom:10px;
background-color:#e0e0e0
}
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
border: 2px solid black;
padding: 0px 0px;
}
DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }
/* Clearer */
DIV.csc-textpic-clear { clear: both; }
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-right: 10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
margin-left: 10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
/******* Formatierungen f�r das Standard-Kontaktformular ****/
.csc-mailform { border:1px solid silver; padding:10px; margin-right:100px;background:#e0e0e0;}
.csc-mailform-field label { font-size: 11px; width: 120px; float:left; display:block; text-align:left; }
.csc-mailform-field input { font-size: 11px; color:#003300; font-weight:bold; margin-bottom:5px;}
.csc-mailform-field textarea { font-size: 11px; color:#003300; font-weight:bold; margin-bottom:5px;}
.csc-mailform-field select { font-size: 11px; color:#003300; font-weight:bold; margin-bottom:5px; }
/** Checkbox etwas von links einr�cken **/
.csc-mailform-check { margin-left:20px; }
/** Radio-Knopf-Beschriftung rechts vom Radio-Knopf **/
.csc-mailform-radio { font-size:11px; color:#000000;}/**display:block; rausgenommen **/
.csc-mailform-radio legend { color:#FFFFFF;}
/** Beschriftungsfeld **/
.csc-mailform-label { font-size: 10px; color:#DD0000; margin-bottom:30px; }
/** Absendebutton **/
.csc-mailform-submit { margin:10px 0px 0px 120px;}