/* === === === === === === === === =
title:          abendfarben/main.css
browser(s):     for all browsers.
author:         friederike von dem bussche-h., friederike@fringdom.de
created:        december 2009
version:        2.0, 1.7.2010
------------------------------------
swatch colors:
#f36d36 - orange
------------------------------------

/* =resets and overrides
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquotepre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:top;
    background:transparent;
    }
body {
    line-height:1;
    }
ol, ul {
    list-style:none;
    }
blockquote, q {
    quotes:none;
    }
:focus {
    outline:0;
    }
ins {
    text-decoration:none;
    }
del {
    text-decoration:line-through;
    }
/*table {
    border-collapse:collapse;
    border-spacing:0;
    }
*/
td {
    text-align: left;
    font-weight: normal;
    }
img {
    border:0;
    vertical-align:top;
    }
a, a:hover{
    text-decoration:none;
    border:none;
}
/* @Removes fieldset borders. even on Opea 7 */
fieldset {
  /*border: 1px solid transparent;*/
    border:none;
}


/* =clear methods and little helpers
-----------------------------------------------------------------------------*/

/* line out all elements
* {
   border: 1px solid red !important;
}*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hand{
    cursor:pointer;
}
.left{
    float:left;
}
.right{
    float:right;
}

/* =links and type
-----------------------------------------------------------------------------*/
body {
    background:#fff;
    font: 62.5%/1.6 Verdana, Arial, Tahoma, sans-serif;
    color:#000;
}
a{
}
a:hover{
}

p{
    font-size:12px;
    padding:0 0 10px 0;
}

#logo h1 a{
    color:#fff;
    font-size:20px;
}
#logo h1 a:hover{
    color:#f36d36;
}
#main-content h2{
    font-size:20px;
    margin:0 0 20px 0;
    font-weight:normal;
}
#main-content h3{
    font-size:16px;
    margin:20px 0 5px 0;
    font-weight:normal;
}
#main-content h4{
    font-size:14px;
    font-weight:normal;
}
#main-content a,
#sec-content a{
    color:#f36d36;
}
#main-content a:hover,
#sec-content a:hover{
    text-decoration:underline;
}
#sec-content h2{
    /*color:#f36d36;*/
    margin:10px 0 0 0;
    font-weight:normal;
    font-size:15px;
}
.important{
    color:#f36d36;
}
.small{
    font-size:8px;
    color:#ccc;
}
/* =positioning main layout
-----------------------------------------------------------------------------*/
#wrapper{
    width:960px;
    margin:30px auto 0 auto;
}
#header{
    margin:0 0 30px 0;
    position:relative;
}
#logo{
    background:#000;
    position:absolute;
    top:75px;
    left:0;
    padding:2px 15px;
}

#main-nav{
    float:left;
    margin:30px 0 0 0;
}
#content{
    float:right;
    width:85%;
}
#main-content{
    float:left;
    width:60%;
    padding:0 0 30px 20px;
}
#sec-content{
    float:right;
    width:25%;
    padding:0 0 30px 0;
}
#footer{
    border-top:1px dashed #808080;
    font-size:11px;
    width:920px;
    height:50px;
    margin:0 auto;
    text-align:right;
    padding:10px 15px 0 0;
}
#footer a{
    color:#282828;
}
#footer a:hover,
#footer a.akt{
    color:#f36d36;
}

/* =secondary layout structures
-----------------------------------------------------------------------------*/


/* =main-nav */
#main-nav ul{
}
#main-nav ul li{
    background:#000;
    padding:0 0 2px 10px;
    width:110px;
    margin:0 0 5px 0;
}
#main-nav ul li a{
    font-size:13px;
    color:#fff;
    text-transform:uppercase;
    line-height:20px;

}
#main-nav ul li a:hover,
#main-nav ul li a.akt{
    color:#f36d36;
}

ul.tweet_list li{
    margin:0 0 20px 0;
}
ul.tweet_list img{
    float:left;
    margin:0 5px 0 0;
}
/* =form elements
-----------------------------------------------------------------------------*/
/* =contact form*/
form{
    margin:25px 0 0 0;
}
ul.form-left{
    width:47%;
    float:left;
}
ul.form-right{
    width:47%;
    float:right;
}
label{
    color:#000;
    font-size:12px;
}
form h4.label{
    font-size:11px;
    margin:0 0 3px 0;
    display:block;
    font-style:normal;
    font-weight:normal;
}
input.form-text{
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size:12px;
    width:100%;
    margin:2px 0 10px 0;
    padding:5px 0;
    background: #fff;
    border:1px solid #000;
}
select{
    margin:0 10px 10px 0;
    width:130px;
}
textarea{
    font-family: Verdana, Arial, Tahoma, sans-serif;
    color:#000;
    font-size:12px;
    background: #fff;
    width:100%;
    border:1px solid #000;
}
span.form-required{
    font-size:13px;
    font-weight:normal;
    /*color:#fff;*/
    color:#f36d36;
    vertical-align:baseline;
}
p.form-button{
    text-align:right;
}
input.btn{
    font-family: Verdana, Arial, Tahoma, sans-serif;
    /*background:#171719;*/
    background:#000;
    /*border-bottom:1px dotted #171719;*/
    border-bottom:none;
    border-top:none;
    border-left:none;
    border-right:none;
    font-size:12px;
    color:#fff;
    width:71px;
    line-height:26px;
    padding:0 0 2px 0;
    margin:10px 0 0 7px;
}
input.btnhov{
    /*border-bottom:1px dotted #df0081;*/
    color:#f36d36;
    cursor:pointer;
}

/* =miscellaneous
-----------------------------------------------------------------------------*/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:left !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:left; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#f36d36;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* =useful class names
-----------------------------------------------------------------------------
error (red)
notice (yellow)
success (green)
hide
higlight (yellow)
quiet
removed

*/