/* 
Theme: Night-Sky
author: Vandice
author uri: http://www.vandice-arts.de
*/

body {
background: transparent url("../images/background.png");
background-repeat: repeat-x;
background-color: #142953;
margin: 0;
font-family: verdana;
}

#wrapper {
width: 1000px;
margin: 0 auto;
border-left: 1px solid #0e2042;
border-right: 1px solid #0e2042;
background: #000;
}

#header {
margin: auto; 
background: transparent url("../images/header.png");
width: 1000px;
height: 326px;
}



#content {
width: 1000px;
padding-bottom: 20px;
}

#contentBottom {
width: 1000px;
height: 258px;
background: url("../images/bottomBar.png");
}


.container-1 {
margin: auto;
background-color: #0e0e0e;
width: 980px;
min-height: 400px;
padding-bottom: 20px;
border: 1px solid #141414;
text-shadow: 0 1px 0 #1e1e1e;
}

.container-2 {
width: 1000px;
height: 258px;
background: url("../images/bottomBar.png");
text-shadow: 0 1px 0 #1e1e1e;
}

/* Global */
a {	outline: none; }
img { border: none; }
img.hr { width: 922px; margin-left: 25px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; }
h4 { color: #89ff0a; padding-left: 10px; }
.pageTitle h2 { color: #89ff0a; margin: 20px; font-size: 16px; }
.clear { clear: both; }
.toTop { text-align: center; margin: 5px; }
.fastMenu { font-size: 10px; }
.galerieStatistik { font-size: 10px; }
.container-1 a { color: #fff; text-decoration: none; }
.container-1 a:hover { color: #89ff0a; }
.logodesign, .webdesign, .signaturen, .sitemap, .tutorials, .links, .fotografie, .linkmaterial, .geastebuch, .impressum, .kontakt, .referenzen, .frontpage, .neuigkeiten { width: 890px; margin-left: 40px; font-size: 11px; color: #8a8a8a; float: left; }





/* Index */


/* Linkmaterial */
img.banner-468-60 { margin-left: 100px; margin-bottom: 5px; margin-top: 20px; }
img.banner-120-120 { margin-left: 100px; margin-bottom: 5px; margin-top: 20px; }
img.banner-88-31 { margin-left: 100px; margin-bottom: 5px; margin-top: 20px; }

/* mainMenu */
.mainMenu { text-shadow: 0 1px 0 #000; font-size: 12px; margin-left: 150px; margin-top: 23px; }
.mainMenu a { color: #4e4e4e; text-decoration: none; }
.mainMenu a:hover { color: #89ff0a; }
.mainMenu span { margin-right: 20px; }
.mainMenu ul { list-style: none; }
.mainMenu li { display: inline; }
.mainMenu li.active a { color: #ffffff; }
.mainMenu li.active a:hover { color: #89ff0a; }

/* subMenu */
.subMenu { font-size: 10px; float: left; color: #2c2c2c; margin-left: 20px; }
.subMenu a { color: #3e3e3e; }
.subMenu a:hover { color: #ffffff; text-decoration: none; }
.subMenu_tutorial { font-size: 10px; float: left; color: #2c2c2c; margin-left: 20px; margin-top: 210px; }
.subMenu_tutorial a { color: #3e3e3e; }
.subMenu_tutorial a:hover { color: #ffffff; text-decoration: none; }

/* Location */
.location { font-size: 10px; color: #2c2c2c; margin-left: 20px; padding-bottom: 5px; }
.location a { color: #3e3e3e; }
.location a:hover { color: #ffffff; text-decoration: none; }

/* Sitemap */
.sitemap ul { list-style: square; }
.sitemap li { margin: 5px; }

/* About */
#about-bild { width: 300px; float: left; margin-left: 40px; font-size: 11px; color: #7e7e7e; margin-top: 20px; }
#about { width: 500px; float: left; margin-left: 40px; font-size: 11px; color: #7e7e7e; }
span.aboutTitle { font-weight: bold; color: #89ff0a; }

/* Tutorials */
textarea { background: #3e3e3e; border: 1px dotted #89ff0a; color: #FFF; }
img.tutorial { margin-left: 10px; margin-right: 10px; float: left; }
.tutorial-1, .tutorial-2 { padding-left: 30px; padding-top: 20px; border-bottom: 1px solid #141414; }
.tutorial-1 a, .tutorial-2 a { font-size: 12px; }
.tutorialDate { color: #3e3e3e; font-size: 10px; padding-top: 2px; }
.tutorials h3 { color: #89ff0a; }
.head { background: #2a2a2a; color: #89ff0a; padding-top: 5px; padding-bottom: 5px; width: 891px; text-align: center; border-left: 1px dotted #89ff0a; border-right: 1px dotted #89ff0a; border-top: 1px dotted #89ff0a; }

/* Fotografie */
img.foto { border: 5px solid #000; }

/* Logodesign */
img.logo { border: 5px solid #000; }

/* Webdesign */
img.web { border: 5px solid #000; margin: 15px; }

/* Referenzen */
.referenzen h3  { color: #89ff0a; font-size: 14px; }
.referenzen h2 { margin-top: 40px; }
.referenzen ul { list-style: square; }
.referenzen p { padding-left: 10px; }
span.online { color: #89ff0a; }
span.offline { color: #ff0000; }
span.link a { color: #3e3e3e; text-decoration: none; }
span.link a:hover { color: #fff; }

/* Die neuesten Tweets */
#twitter_div { width: 100%; height: 135px; color: #7e7e7e; font-size: 11px; }
#twitter_div ul { list-style: circle; line-height: 16px; }
#twitter_div a { color: #3e3e3e; text-decoration: none; }
#twitter_div a:hover { color: #FFF; }
#twitter_div span a { color: #89ff0a; }
#twitter_div span a:hover { color: #FFF; }
img.tweets { margin-top: 20px; margin-left: 10px; }

/* Kommentarfunktion Stylesheet */
#kommentare label { color: #89ff0a; padding-bottom: 5px; padding-top: 5px; }
#kommentare input, #kommentare textarea { background: #1a1a1a; border: 1px solid #2a2a2a; color: #fff; margin-top: 3px; }
#kommentare input { width: 200px; }
#kommentare textarea { width: 400px; height: 80px; }
#kommentare input.button { color: #FFF; margin-left: 2px; }
#kommentare label { display:block; font-weight:bold; font-size:0.9em; }
#kommentare { width: 890px; font-size: 11px; color: #8a8a8a; margin-top: 40px; }
#kommentare .required{ color:#f00; }
#kommentare fieldset { border: none; }
.kommentar { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
img.kommentare { display: inline;position: relative;top: 4px; margin-right: 5px; }
span.kommentator { color: #89ff0a; font-weight: bold; }
input.inputText { width: 500px; background: #3e3e3e; border: 1px solid #000; color: #FFF; padding: 2px; float: right; margin-right: 290px; font-size: 11px;  }


.kommentarTop { float: left; background: url("../images/kommentarTop.png"); width: 520px; height: 21px; }
.kommentarContent { float: left; background: url("../images/kommentarContent.png"); width: 520px; min-height: 50px; }
.kommentarBottom { float: left; background: url("../images/kommentarBottom.png"); width: 520px; height: 27px; }
.kommentarContent p { width: 420px; margin-left: 30px; }
.kommentarContent strong { color: #FFF; }

/* 404 Seite */
h1.error { color: red; }
#errorPage { width: 600px; float: left; margin-left: 40px; font-size: 11px; color: #7e7e7e; }
#errorIcon { width: 100px; float: left; margin-left: 40px; font-size: 11px; color: #7e7e7e; }

/* Kontakt */
.horizontal { float: left; text-align: center; padding: 40px; margin-left: 40px; }
.kontakt h3  { color: #89ff0a; font-size: 14px; }

/* Impressum */
.impressum h3 { color: #89ff0a; font-size: 14px; }

/* Gästebuch */
.gaestebuch h3 { color: #89ff0a; font-size: 14px; }

/* Copyright */
.copyright { font-size: 10px; float: right; color: #2c2c2c; margin-right: 20px; }
.copyright a { color: #3e3e3e; }
.copyright a:hover { color: #ffffff; text-decoration: none; }
.copyright_tutorial { font-size: 10px; float: right; color: #2c2c2c; margin-right: 20px; margin-top: 210px; }
.copyright_tutorial a { color: #3e3e3e; }
.copyright_tutorial a:hover { color: #ffffff; text-decoration: none; }

/* Galerie */
.galerie { width: 800px; margin-left: 40px; font-size: 11px; color: #7e7e7e; float: left; }
.galerie h3 { color: #89ff0a; font-size: 14px; margin-left: 100px; text-align: center; }
.galerie-image { margin-left: 300px; }
.galerie-cat { display: block; width: 300px; height: 150px; background: url("../media/galerie/webdesign-sw.png"); }
.galerie-cat a:hover { background: url("../media/galerie/webdesign.png"); } 
.galerie-cat2 { display: block; width: 300px; height: 150px; background: url("../media/galerie/logodesign-sw.png"); }
.galerie-cat2 a:hover { background: url("../media/galerie/logodesign.png"); } 
.galerie-cat3 { display: block; width: 300px; height: 150px; background: url("../media/galerie/fotografie-sw.png"); }
.galerie-cat3 a:hover { background: url("../media/galerie/fotografie.png"); } 
.galerie-cat4 { display: block; width: 300px; height: 150px; background: url("../media/galerie/signaturen-sw.png"); }
.galerie-cat4 a:hover { background: url("../media/galerie/signaturen.png"); } 

/* SocialNetwork */

#socialNetwork {
	padding: 10px;
}

.deviantArt { margin-right: 5px; float: left; display: block; width: 32px; height: 32px; background: url("../images/icons/social/deviantArt-sw.png"); }
.deviantArt a:hover { display: block; width: 32px; height: 32px; background: url("../images/icons/social/deviantArt.png"); }
.flickr { margin-right: 5px; float: left; display: block; width: 32px; height: 32px; background: url("../images/icons/social/flickr-sw.png"); }
.flickr a:hover { display: block; width: 32px; height: 32px; background: url("../images/icons/social/flickr.png"); }
.facebook { margin-right: 5px; float: left; display: block; width: 32px; height: 32px; background: url("../images/icons/social/facebook-sw.png"); }
.facebook a:hover { display: block; width: 32px; height: 32px; background: url("../images/icons/social/facebook.png"); }
.twitter { margin-right: 5px; float: left; display: block; width: 32px; height: 32px; background: url("../images/icons/social/twitter-sw.png"); }
.twitter a:hover { display: block; width: 32px; height: 32px; background: url("../images/icons/social/twitter.png"); }
.ps3 { margin-right: 5px; float: left; display: block; width: 32px; height: 32px; background: url("../images/icons/social/ps3-sw.png"); }
.ps3 a:hover { display: block; width: 32px; height: 32px; background: url("../images/icons/social/ps3.png"); }
.lastfm { margin-right: 5px; float: left; display: block; width: 32px; height: 32px; background: url("../images/icons/social/lastFM-sw.png"); }
.lastfm  a:hover { display: block; width: 32px; height: 32px; background: url("../images/icons/social/lastFM.png"); }

/* Index */

.containerLeft { float: left; width: 600px; padding-left: 40px; margin-top: 20px; font-size: 11px; color: #8a8a8a; }
.news { width: 600px; border: 1px solid #111111; min-height: 150px; background: #1a1a1a; margin-bottom: 30px; margin-top: 10px; }
.newsTitle { color: #89FF0A; font-size: 14px; background: url("../images/containerHead.png"); padding: 10px; }
.newsDate { color: #FFF; font-size: 10px; padding: 2px; float: right; }
.newsImage { clear: right; width: 79px; height: 79px; float: left; margin-bottom: 2px; margin-right: 8px; margin-top: 12px; }
.newsImage img { border: 1px solid #2a2a2a; padding: 2px; background: #161616; }
.newsContent { padding-left: 10px; padding-bottom: 20px; float: left; color: #7E7E7E; font-size: 11px; }
.newsFooter { clear: left; font-size: 10px; padding: 10px; background: #141414; color: #7E7E7E; }

a.addthis_button img { padding-right: 5px; float: left; text-decoration: none; }

.containerRight { float: left; width: 280px; padding-left: 20px; margin-top: 44px; }
.boxRight { border: 1px solid #111111; margin-bottom: 20px; }
.boxTitle { color: #89FF0A; font-size: 14px; background: url("../images/containerHead.png"); padding: 10px; }
.boxContent { color: #7E7E7E; font-size: 11px; clear: left; background: #1a1a1a; padding-left: 6px; padding-top: 10px; padding-bottom: 10px; }
.boxContent img { padding: 5px; }
.boxFooter { font-size: 10px; padding: 10px; background: #141414; color: #7E7E7E; }
.boxContent strong { color: #89FF0A; }
p.border { border-bottom: 1px dashed #3a3a3a; width: 260px; clear: left; }
img.status { display: inline; position: relative; top: 11px; }
span.status { float: left; margin-bottom: 10px; }

a.external { background:url("../images/icons/externalURL.png") no-repeat right; padding-right: 16px; text-decoration: none; }

h1.kommentare a { color: #2a2a2a; text-decoration: none; text-shadow: 0 1px 0px #000; }
h1.kommentare a:hover { color: #89ff0a; }

.biggerAds { margin-left: 7px; margin-top: 4px; }