/* html + body */
html, body {
margin:0;
padding:0;
background-image:url(../palme.jpg);
background-attachment:fixed;
font-family: 'Istok Web', sans-serif;
background-color:#fff;
color:#100;
}
/*FAPULOUS */
/**
*
* @note css file for layout elements
*
* @appdef fapulous framework
* @app-myapp-theme
* @app-myapp-used True
* @media screen
* @valid true
*
* @author Alp Uçkan
* @version 1.1
* @link http://fapulous.77elements.net/
* @copyright Copyright(c) by Alp Uçkan
* @license http://creativecommons.org/licenses/GPL/2.0/
*
* @date 2008-09-22
* @lastmodified 2010-01-29 13:06
*
* PX EM (1em=16px) %
*--------------------------------- -------------------------------------------------
* @layout-width 980px 61.2500em 100.000%
* @layout-padding-macro 16px 1.0000em 1.6326%
* @layout-padding-micro 7px .4375em .7143%
*--------------------------------- -------------------------------------------------
*
* @colordef rgb(0,0,0); Black; Text
* @colordef rgb(255,255,255); White; Background
*/
/**
* @section body, canvas and corset
*/
body { overflow-y: scroll; }
#MightyContainer { width: 100%; overflow: hidden; }
.corset { overflow: hidden; margin: 0; }
.corset.singleColumn { width: 46.8750em; } /* = 750px (when 1em = 16px ) */
.corset { width: 100%; } /* fluid layout */
.corset { width: 70em; } /* = 980px, (when 1em = 16px) */
/**
* @section extra markup for paddings
*/
.macroPadder { padding: .4375em 1.0000em; }
.microPadder { padding: .4375em; }
/**
* @section faux absolute positioning (fap) - lines and columns
*/
.fapline { position: relative; float: left; width: 100%; display: block; }
.fapcol { position: relative; float: left; left: 100%; }
/**
* @section 1 Col, FAP (100% width)
*/
.fap-00-100 { margin-left: -100%; width: 100%; }
/**
* @section 2 Col, FAP (50:50)
*/
.fap-50-50 { margin-left: -50.0%; width: 50.0%; }
/**
* @section 2 Col, FAP (66:33)
*/
.fap-00-80 { margin-left: -80%; width: 80%; }
.fap-80-20 { margin-left: -100%; width: 20%; }
/*FAPULOUS */
/* inline global */
a:link {
text-decoration:none;
color:blue;
text-shadow: 1px 1px 1px #fff;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#00f;
}
a:active {
text-decoration:none;
color:#339;
}
a:focus {
text-decoration:none;
color:#00f;
}
strong {
color:#422;
}
img {
border:solid 1px #77c;
}
.center {
text-align:center;
}
/* content container */
#content {
width:100%;
padding:10px;
text-align:center;
background-image:url(../images/42.gif);
background-repeat:no-repeat;
background-position:top right;
}
.innen { margin-bottom:20px; padding:20px; background-color:#fff; text-align:left; }
.profile {
margin:0 auto 20px;
width:440px;
}
.message {
margin-bottom:20px;
padding:20px;
background-color:#f9ffff;
text-align:center;
}
/* headings + paragraphs */
h1 {
margin-top:0;
font-size:18px;
letter-spacing:2pt;
color:#bb6317;
font-family: 'Aclonica', sans-serif;
}
.start h1 {
padding-bottom:0;
border-bottom:none;
font-size:20px;
color:#bb6317;
font-family: 'Aclonica', sans-serif;
}
h2 {
margin-top:0;
font-size:16px;
letter-spacing:1.5pt;
color:#bb6317;
font-family: 'Aclonica', sans-serif;
}
h3 {
margin-top:0;
font-size:15px;
font-weight:normal;
letter-spacing:1.5pt;
font-family: 'Aclonica', sans-serif;
}
p {
font-size:14px;
}
/* lists */
ol {
margin-top:0;
}
ul {
margin-left:20px;
}
li {
margin-bottom:5px;
font-size:14px;
}
.sitemap ul {
margin:0;
padding:0;
text-indent:0;
list-style-type:none;
line-height:200%;
font-weight:bold;
color:#666;
}
.sitemap li ul li {
display:inline;
padding-right:15px;
font-weight:normal;
}
/* tables */
table {
margin-bottom:20px;
width:100%;
text-align:left;
}
th { background-color:#efefef; font-size:14px; color:#779;padding:5px; }
td { background-color:#fffff9; font-size:14px; padding:5px;}
caption { border:solid 1px #fff; border-bottom:none; background-color:#d59540; padding:5px; font-size:14px; font-weight:bold; letter-spacing:1.5pt; color:#ffe; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.col-forum {
width:18%;
}
.col-user {
width:18%;
}
.col-status {
width:18%;
text-align:center;
}
.col-zahl {
width:7%;
text-align:center;
}
.col-datum {
width:17%;
text-align:right;
font-size:10px;
}
/* forms */
.form, form .innen {
margin:0 auto 20px;
width:507px;
}
input, textarea {
padding:2px;
border-style:solid;
border-width:2px 1px 1px 2px;
border-color:#999 #77b #77b #999;
font-family:Verdana,sans-serif;
font-size:14px;
}
textarea {
width:500px;
}
input {
max-width:500px;
}
.readonly {
border-width:1px 0 0 1px;
background-color:#fcffff;
}
.radio {
border:none;
}
.checkbox {
border:none;
}
button {
background-color:#BB6317;
border-color: #7777BB #999999 #999999 #7777BB;
border-radius: 5px 5px 5px 5px;
border-width: 0 2px 2px 0;
color: #FFFFFF;
font-family: Arial,sans-serif;
font-weight: bold;
text-align: center;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
#bbcodebuttons button {
font-size:14px;
font-weight:normal;
color:#000;
}
button:hover {
background-color:#000;
cursor:pointer;
color:#fff;
}
button:focus {
border-width:0 1px 1px;
background-color:#fff;
}
/* submenus */
p#top {
margin-right:85px;
padding:5px;
background-color:#efefef;
font-weight:bold;
}
#top a:link {
color:#66f;
}
#top a:visited {
color:#77c;
}
#top a:hover {
color:#66f;
}
.submenu {
margin-bottom:20px;
font-weight:bold;
color:#666;
}
.submenu a:link {
color:#66f;
}
.submenu a:visited {
color:#77c;
}
.submenu a:hover {
color:#66f;
}
#ende {
margin:0 auto 20px;
padding:0;
width:300px;
background-color:#f9ffff;
text-align:center;
font-weight:bold;
color:#666;
}
#ende p {
margin:10px;
}
#ende a:link {
color:#66f;
}
#ende a:visited {
color:#77c;
}
#ende a:hover {
color:#66f;
}
/* postings */
.innen .beitrag {
font-size:14px;
line-height: 1.5em;
}
.innen * .beitrag {
font-size:14px;
line-height: 1.5em;
}
.name {
margin-top:0;
padding:5px;
background-color:#f9f6f3;
font-size:14px;
font-weight:bold;
color:#665;
}
.gerade .name {
border-color:#eee;
background-color:#eee;
}
.ungerade .name {
border-color:#a88;
background-color:#f9f3f3;
}
.name a:link {
color:#66f;
}
.name a:visited {
color:#66c;
}
.name a:hover {
color:#66f;
}
.name .anker {
float:left;
background-color: #efefef;
border-radius: 5px;
border:2px solid white;
padding:0 5px;
margin:-top:-3px;
}
blockquote {
margin:0;
padding:30px;
border:dotted 1px #77b;
background-color:#f3f9f9;
font-family:Courier, monospace;
font-style: italic;background-image:url(../images/zitat.gif);
background-repeat:no-repeat;
background-position:top left;
}
blockquote .name {
padding:5px;
border-style:dashed;
border-width:0 0 1px;
background-color:#f3f9f9;
}
.gerade blockquote .name {
background-color:#f3f9f9;
}
.ungerade blockquote .name {
background-color:#f3f9f9;
}
pre {
display:block;
overflow:auto;
margin:0;
padding:10px;
max-height:200px;
border:dashed 1px #999;
background-color:#fcfcfc;
font-family:Courier, monospace;
}
code strong {
border:dotted 1px #ccc;
background-color:#fff3f3;
}
.smilie {
border:none;
width:17px;
height:17px;
}
.signatur { border-top:solid 1px #bb6316;font-family: Arial, Verdana, sans-serif;font-size:11px; padding-top:3px; }
.datum {
margin-bottom:0;
padding-top:5px;
border-top:solid 1px #efefef;
text-align:right;
font-size:12px;
font-weight:bold;
color:#665;
}
/* navigation */
#navi {
width: 200px;
margin-top: 165px;
background-color: white;
}
#navi h2 {
display: block;
background-color:#eee;
font-size:14px;
padding: 3px 0 5px 3px;
border: 1px solid #fff;
color: #fff;
margin: 0px;
width:190px;
}
#navi ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#navi ul li {
font-size:14px;
}
#navi ul li a {
display:block; width:200px; height:24px; background-color:#ddd; border-left:5px solid #eee; border-right:5px solid #eee; padding-left:10px;
text-decoration:none; color:#000;
}
#navi ul li a:hover, #vertmenu ul li a:focus {
-moz-box-shadow:10px 10px 20px #000;
-webkit-box-shadow:10px 10px 20px #000;
box-shadow:10px 10px 20px #000;
}
/* footer */
#footer {
margin:0 0 20px 140px;
text-align:center;
font-size:14px;
}
#ende a {
white-space:nowrap;
}
.profile {
margin:0 auto 20px;
width:507px;
}
.profile img {
float:right;
max-width:120px;
max-height:120px;
}
.profile h3 {
clear:both;
margin-top:30px;
}
.infobox {
height:100px;
overflow:auto;
padding:10px;
border:1px solid #77c;
background-color:#fff;
font-size:12px;
}
div>.infobox { /* except IE 6 */
max-height:100px;
height:auto;
}
.submitgroup {
margin-top:10px;
width:100%;
font-size:14px;
}
.submit {
float:right;
margin-left:10px;
}
.submit p {
margin-top:0;
}