/* 
    Document   : main
    Created on : 12.10.2009, 16:38:16
    Author     : andy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
margin: 0 auto;
width: 950px;
text-align: left;
background-color:#003333; 	/* #003333; */
}

a{
color: #ffffff;
text-decoration:none;
}

a:hover, a:focus, a:active{
outline:none;
}

#header{
width: 950px;
height: 131px;
background:transparent url(header.png) 0px 0px no-repeat;        
}

ul{
margin-left:0px; padding-left:0px;
margin-bottom:0px; margin-top:0px;
}

ul.vlist li{
list-style:none;
display: inline-block;
}

ul.nlist li{
display: block;
}

ul#topmenu{
vertical-align: top;
width:auto;
text-align: center;
font-family:Arial;
font-size: 30px;
margin-top: 4px;
margin-bottom: 8px;
}

ul#topmenu li{
/* border:4px solid #0000EE; */
margin-left:30px;
}

ul#topmenu li a{
color: #666666;
display: inline-block;
}

ul#topmenu li a:hover, a:focus, a:active{
/*background-position:0 -170px;*/
color: #ffffff;
}

a#projekte{
/*width:214px;
height: 170px;
background:transparent url(projekte.png) 0px 0px no-repeat;*/
}

#projekte_bottom{
width:214px;
height:53px;
background:transparent url(projekte_bottom.png) 0px 0px no-repeat;
}

a#projekte:hover{
background-color: #dd783d;
}

a#dwb_who{
/*width: 158px;
height: 170px;
background:transparent url(dwb_who.png) 0px 0px no-repeat;*/
}

#dwb_who_bottom{
width:158px;
height:53px;
background:transparent url(dwb_who_bottom.png) 0px 0px no-repeat;
}

a#dwb_who:hover{
background-color: purple;
}

a#kontakt{
/*width: 203px;
height: 170px;
background:transparent url(kontakt.png) 0px 0px no-repeat;*/
}

#kontakt_bottom{
width:203px;
height:53px;
background:transparent url(kontakt_bottom.png) 0px 0px no-repeat;
}

a#kontakt:hover{
background-color: #70c737;
}

a#links{
/*width: 134px;
height: 170px;
background:transparent url(links.png) 0px 0px no-repeat;*/
}

#links_bottom{
width:134px;
height:53px;
background:transparent url(links_bottom.png) 0px 0px no-repeat;
}

a#links:hover{
background: #95c6ef;
}

#content{
color: #999999;
font-size: 22px;
font-family:Arial;
margin-left:44px;
}

ul#headline{
vertical-align: bottom;
margin-bottom: 4px;
}

ul#headline div, a{
vertical-align: bottom;
display: inline-block;
}

#ueberschrift div{
width:464px;
height:51px;
}

#usernav{
width: 350px;
text-align: right;
vertical-align:top;
}

div#angewandtes_wissen{
background:transparent url(angewandtes_wissen.png) 0px 0px no-repeat;
}

div#schon_gewusst{
background:transparent url(schon_gewusst.png) 0px 0px no-repeat;
}

div#wissensuebertragung{
background:transparent url(wissensuebertragung.png) 0px 0px no-repeat;
}

div#wissenswertes{
background:transparent url(wissenswertes.png) 0px 0px no-repeat;
}

.line{
width: 851px;
border-bottom: solid gray 1px;
}

#profile{
width:136px;
height:36px;
background:transparent url(profile.png) 0px 0px no-repeat;
display: inline-block;
margin-bottom: 4px;
}

ul#bookmarks{
/* border:4px solid #0000EE; */
width: 705px;
text-align:right;
list-style:none;
display: inline-block;            
}

ul#bookmarks li{
display: inline-block;
}

ul#bookmarks li a{
display: inline-block;
width: 27px;
height: 29px;
}

a#bm_delicious{
background:transparent url(bm_delicious.png) 0px 0px no-repeat;
}

a#bm_digg_it{
background:transparent url(bm_digg_it.png) 0px 0px no-repeat;
}

a#bm_facebook{
background:transparent url(bm_facebook.png) 0px 0px no-repeat;
}

a#bm_stumble_upon{
background:transparent url(bm_stumble_upon.png) 0px 0px no-repeat;
}

a#bm_technorati{
background:transparent url(bm_technorati.png) 0px 0px no-repeat;
}

a#bm_twitter{
background:transparent url(bm_twitter.png) 0px 0px no-repeat;
}

/* ProfilIcons Start*/

div#profilicons a{
margin-top: 4px;
width: 125px;
height: 125px;
display: inline-block;
}

div#profilicons a:hover{
background-position:0 -125px;
}

a#profil_twitter{
background:transparent url(profil_twitter.png) 0px 0px no-repeat;
}

div#schnabel{
margin-top: 4px;
display: inline-block;
width: 28px;
height: 125px;
background:transparent url(schnabel.png) 0px 0px no-repeat;
}

a#profil_youtube{
background:transparent url(profil_youtube.png) 0px 0px no-repeat;
}

a#profil_deviant_art{
background:transparent url(profil_deviant_art.png) 0px 0px no-repeat;
}

/* ProfilIcons End*/

ul#footer{
}

ul#footer div,a{
vertical-align: top;
display: inline-block;
}

div#logo{
/* border:4px solid #0000EE; */
width: 139px;
height: 140px;
background:transparent url(dwb_logo.png) 0px 0px no-repeat;
}

div#footinfo{
margin-top: 30px;
width: 569px;
text-align: center;
}

.copyright{
font-size: 18px;
}

a#up{
vertical-align:top;
width: 131px;
height: 126px;
background:transparent url(up.png) 0px 0px no-repeat;
}

a#up:hover{
background-position:0 -126px;
}

li{
list-style: none;
}

/* Only CSS fuer Projekte Start*/

li.info{
vertical-align: top;
display: inline-block;
width: 600px;
text-align: left;
}

ul.info{
margin-left:0px; padding-left:0px;
margin-bottom:10px; margin-top:0px;
}

li.nav{
vertical-align: top;
display: inline-block;
width: 230px;
text-align: left;
}

/* Only CSS fuer Projekte End*/

/* fuer contact START*/

ul#msglist input{
border: solid;
background-image:url(contact_field.png);
background-position:center center;
background-repeat:repeat;
}

#message_body{
border: solid;
background-image:url(contact.png);
background-position:center center;
background-repeat:no-repeat;
}
/* fuer contact END*/