/* ============ Elastic Fluidum Layout / Media Handheld ========== */

/* ==== General Stuff ==== */

* {
border:0 solid;
}

body {
border:3px solid #D4CDC2;
margin:0;
padding:8px;
font:1em/1.6em arial, helvetica, sans-serif;
color:#000;
background:#FCFBF9;
}

a {
color:#3B8593;
background-color:inherit;
}

a:hover,
a:focus,
a:active {
color:#BD252B;
background-color:inherit;
}

h1 a,
h2 a,
h3 a,
h4 a {
color:#3E8897;
background-color:inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
color:#BD252B;
background-color:inherit;
}

h1,
h2,
h3,
h4 {
color:#85846D;
background-color:inherit;
}

ul {
margin-left:0;
padding-left:0;
}

acronym {
cursor:help;
}

code {
display:block;
border-left:8px solid #ACAB97;
margin:16px 0;
padding:1em;
font-size:1em;
font-family:"courier new", courier, monospace;
color:#303030;
background:#FEF9D5;
}


/* ==== Content ==== */

#content {
border-top:2px solid #D4CDC2;
border-bottom:2px solid #D4CDC2;
}

#content ul {
padding-left:14px;
}


/* ==== Forms ==== */

fieldset {
margin-left:0;
padding-left:0;
}

form label em {
background-color:inherit;
color:#729953;
}

form input,
form textarea {
max-width:100%;
padding:3px;
border:1px solid #C0BAB2;
font-family:arial, helvetica, sans-serif;
font-size:1em;
color:#666;
background-color:#FFF;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus {
color:#666;
background-color:#FFFFCD !important;
}

#mediasubmit,
#kontakt .submit,
#kommentare .submit {
width:auto;
font-weight:bold;
text-align:center;
color:#FFF;
background-color:#A6A09B;
}


#mediasubmit:hover,
#mediasubmit:focus,
#kontakt .submit:hover,
#kontakt .submit:focus,
#kommentare .submit:hover,
#kommentare .submit:focus {
color:#FFF;
background-color:#F39642 !important;
}


/* ==== Sidebar ==== */

#sidebar {
padding:12px 0 0 0;
}

#sidebar ul {
list-style:none;
}

#sidebar ul.categories,
#sidebar ul.pagelev1 {
font-weight:bold;
}

#sidebar ul.pagelev2 {
font-weight:bold;
padding-left:14px;
}

#sidebar #s {
margin:0 6px 0 0;
}

#sidebar #designswitch select {
border:1px solid;
border-top-color:#63605B;
border-left-color:#63605B;
border-bottom-color:#D4D0C8;
border-right-color:#D4D0C8;
font:1em/1.6em arial, helvetica, sans-serif;
color:inherit;
background-color:#FDFBE7;
}

#sidebar #searchsubmit,
#sidebar #designsubmit {
width:auto;
margin-top:6px;
font-weight:bold;
text-align:center;
color:#FFF;
background-color:#A6A09B;
}

#sidebar #designsubmit:hover,
#sidebar #designsubmit:focus,
#sidebar #searchsubmit:hover,
#sidebar #searchsubmit:focus {
color:#FFF;
background-color:#F39642 !important;
}


/* ==== Footer ==== */

#footer a {
font-weight:bold;
}

#footer p.footerleft {
color:#666;
background-color:inherit;
}


/* ==== Additional Formatting ==== */

ul.nobullet li {
list-style-type:none;
}

.topspace-xsmall {
margin-top:6px !important;
}

.topspace-small {
margin-top:12px !important;
}

.topspace-middle {
margin-top:24px !important;
}

.grey {
color:#707070;
background-color:inherit;
}

.lightgrey {
color:#93927B;
background-color:inherit;
}

.red {
background-color:inherit;
color:#B44040;
}

.darkgreen {
color:#729953;
background-color:inherit;
}

img.left,
img.right {
display:block;
margin:12px 0;
}


/* ==== Specific Stuff ==== */

ul#skipnav {
list-style-type:none;
font-weight:bold;
}

#textzoom,
#headerleft h1,
#headerright p a span,
legend,
legend em,
div.nicetitle {
display:none;
}

.mypicsgallery a img,
.imageholder a img,
.imageholder1 img {
border:2px solid #D5D09F;
margin:6px;
padding:2px;
color:#666;
background:#fff;
}

.imageholder1 img {
display:block;
}

.imageholder1 a {
margin:0 0 0 6px;
}


/*==== Show Mediaswitch in screen handheld mode ====*/

@media screen {
#mediaswitch {
margin:0;
padding:8px 0;
}

#mediaswitch select {
margin:0;
padding:0;
border:1px solid;
border-top-color:#63605B;
border-left-color:#63605B;
border-bottom-color:#D4D0C8;
border-right-color:#D4D0C8;
font:1em/1.6em arial, helvetica, sans-serif;
color:inherit;
background-color:#FDFBE7;
}

#mediaswitch select option {
padding:0 10px 0 4px;
}

#mediaswitch fieldset,
#mediaswitch legend {
display:block;
margin:0;
padding:0;
}

* html #mediaswitch legend {
margin: 0 0 0 -6px;
}

#mediaswitch legend em {
display:block;
margin:0;
padding:0 0 8px 0;
font:bold 1em/1em georgia,serif;
color:#BD252B;
background-color:inherit;
}
}


/*==== Hide in real handheld mode ====*/

@media handheld {
#mediaswitch {
display:none;
}
}