/*
Theme Name: PhSn Videoworld
Theme URI: http://www.phsn.videoworld.de.vu	
Description: Official Theme for PhSn Videoworld
Version: 1.0
Author: Philipp Sniechota
Author URI: http://www.phsn.videoworld.de.vu

*/

/*************ALLGEMEIN*****************/

body {
	color                 : #CCCCCC;
	font-family           : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size             : 11px;
	margin-top            : 32px;
	text-align            : center;
	padding               : 0;
	background            : url(bilder/BG_Verlauf.jpg) repeat-x left top;
	background-color      : #000000;
}

h1, h2, h3 {
	color                 : #666699;
	font-weight           : normal;
	margin                : 0;
}

h1 {
	font-size             : 32px;
	letter-spacing        : -1px;
}

h2 {
	font-size             : 23px;
}

h2.normal  {
	font-size             : 23px;
	color                 : #DADADA;
	padding               : 0;
}

h3 {
	font-family           : Georgia;
	font-size             : 2em;
	margin                : 0 0 3px 0;
}

h3 a {
	text-decoration       : none;
}

h3 a:hover{
	text-decoration       : underline;
}

h4 {
	font-size             : 11px;
}

li {
  line-height           : 15px;
  list-style            : square;
  list-style-position   : outside;
  padding-top           : 0px;
  margin                : 0 0 0 20px;
}

hr {
	border               : solid #1c1c1c 1px;
	border-right-width   : 0px;
	border-left-width    : 0px;
	margin               : 0 150px 0 0;
	padding              : 2px 0 0 0;
}

a:visited, a:link {
	color                : #666699;
	text-decoration      : none;
}

a:hover, a:active {
	text-decoration      : underline;
}

a img {
	border               : 0;
}

.clear {
	clear:left;
}

p {
	line-height           : 1.5;
}

/*************SPEZIFISCH*****************/

#topmenu {
  width                 : 860px;
	height                : 54px;
}

#topmenu ul {
  line-height           : normal;
  list-style            : none;
	margin                : 0;
	padding               : 0px 0 0 20px;
}

#topmenu li {
	display               : block;
	list-style: none;
	background: none;
}

#topmenu a {
  color                 : #FFFFFF;
  display               : block;
  font                  : 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing        : -.5px;
  text-decoration       : none;
  margin-right          : 3px;
	padding               : 12px 20px;
}

#topmenu a:hover { 
  color                 : #FFFFFF;
	text-decoration       : none; 
	
}

#topmenu .aktuellePage a {
	color                 : #FFFFFF;
}

#header {
	width                 : 860px;
	height                : 52px;
	margin                : 0 auto;
	background            : url(bilder/topmenu.jpg) no-repeat left top;
}

#logo-wrap {
	width                 : 840px;
	margin                : 0 auto;
	padding               : 30px 0 20px 0;
	background            : url(bilder/Oben_Verlauf.jpg) no-repeat left top;
}

#logo {
	width                 : 820px;
	height                : 200px;
	margin                : 0 auto;
	margin-top            : -20px;
	background            : url(bilder/header.jpg) no-repeat left top;
}

#page {
	width                 : 850px;
	margin                : 0 auto;
	padding               : 0;
	text-align            : left;
}

#content {
	float                 : right;
	width                 : 620px;
	margin                : 0;
	padding               : 0;
	background            : url(bilder/BeitraegeVerlauf.jpg) no-repeat left top;
}

* html #content {
	margin-top            : -310px;
}

.postsHeader {
	height                : 24px;
	width                 : 190px;
	font-size             : 12px;
	color                 : #A7BfC8;
	padding               : 3px 0 0 6px;
	margin                : 0 -5px 0 0;
    background            : url(bilder/posts_head.jpg) no-repeat left top;
}

.posts {
	width                 : 190px;
	margin                : 0;
	padding               : 0;
}

.postEntry {
	margin                : 0;
	padding               : 3px 0 0 10px;
	font-size             : 11px;
	list-style-type       : none;
	background            : url(bilder/posts_item.jpg) no-repeat left top;
	height                : 24px;
	width                 : 190px;
	
}

* html .postEntry {
	margin                : 2px 1px;
}


.postEntry a {
	color                 : #FFFFFF;
}

.postEntry a:visited {
	color                 : #FFFFFF;
}


.chronodata {
	font-size             : 11px;
	color                 : #AAA;
}

.haupttext {
	margin                : 5px 0 5px 10px;
}

.footertext {
	margin                : 15px 0 10px 10px;
}

.feld {
	background-color      : #111;
	color                 : #555;
	border                : 1px solid #669;
	height                : 15px;
}

* html .feld {
	height                : 19px;
}

.feldClick {
	background-color      : #111;
	color                 : #EEE;
	border                : 1px solid #669;
	height                : 15px;
}

* html .feldClick {
	height                : 19px;
}

.hidden {
	display               : none;
}

.icon {
	background-color      : #111;
	color                 : #555;
	border                : 1px solid #669;
	height                : 15px;
	width                 : 310px;
}

.iconClick {
	background-color      : #111;
	color                 : #EEE;
	border                : 1px solid #669;
	height                : 15px;
    width                 : 310px;
}


.kommentarbox {
	background-color      : #111;
	color                 : #EEE;
	border                : 1px solid #669;
	width                 : 310px;
	height                : 120px;
	font-family           : "Trebuchet MS", Verdana, Arial;
	font-size             : 1.0em;
}

.kommentieren {
	background-color      : #111;
	color                 : #BBB;
	border                : 1px solid #669;
	height                : 23px;
	width                 : 150px;
	margin                : 6px 0 0 0;
}

.suche {
	background-color      : #111;
	color                 : #BBB;
	border                : 1px solid #669;
	height                : 19px;
	width                 : 50px;
	margin                : 0;
	font-size             : 1em;
}

.suche:hover {
	color                 : #FFF;
	background-color      : #222;
}


.kommentieren:hover {
	color                 : #FFF;
	background-color      : #222;
}

.portfolio-content {
	border                : 1px dotted #666666;
	background-color      : #252525;
	padding               : 10px 20px;
	margin                : 0 auto;
	width                 : 450px;
}

.javascript-warning {
	border                : 1px dotted #666666;
	text-align            : left;
	font-weight           : bold;
	font-size             : 13px;
	color                 : #f3c835;
	padding               : 50px 0 50px 150px;
	margin                : -30px auto 20px;
	width                 : 690px;
	background            : url(bilder/warning.jpg) no-repeat 70px 40px #252525;
}

.bbCodeButton {
	background-color      : #111;
	color                 : #BBB;
	border                : 1px solid #963;
	width                 : 32px;
	height                : 22px;
}

.bbCodeButton:hover {
	color                 : #FFF;
	background-color      : #222;
}

.URLButton {
	background-color      : #111;
	color                 : #BBB;
	border                : 1px solid #963;
	width                 : 40px;
	height                : 22px;
}

.URLButton:hover {
	color                 : #FFF;
	background-color      : #222;
}

.post{
	padding               : 0 15px 0 10px;
	background            : url(bilder/UntenTitel.png) no-repeat left top;
}

.blog{
	margin-top            : -20px;
	padding               : 0 15px 0 10px;
}

.post h2{
	height                : 32px;
	color                 : #DADADA;
	font-size             : 18px;
	padding               : 8px 0 0 0;
}

.kommentar {
	list-style-position   : outside;
	margin-left           : 20px;
	padding               : 0;
	background-image      : url(bilder/comment.jpg);
	background-repeat     : no-repeat;
	background-position   : 5px 20px;
}

.kommentarText {
	margin-top            : 25px;
	margin-left           : 5px;
	vertical-align        : middle;
	color                 : #2c2c2c;
	width                 : 542px;
	background-color      : #BFBFBF;
}

.kommentarliste {
	margin                : 0;
	padding               : 0;
}

.author {
	color                 : #B05454;
	font-weight           : bold;
}

.author a{
	color                 : #B05454;
	font-weight           : bold;
}

#date {
  width                 : 100%;
	height                : 15px;
	text-align            : center;
	margin                : 0 0 15px 0;
}

#leftcolumn {
	float                 : left;
	width                 : 215px;
	margin                : 0 0 0 10px;
	padding               : 0;
}

#twitter_div {
   padding              : 5px 5px 0 10px;
   font-size            : 11px;
}

#twitter_div li {
   padding              : 0 0 5px 0;
   margin               : 0 0 0 -10px;
}

#twitter-link{
   color                : #ffba43;
}

#twitter_update_list li a {
   color                : #ffa200;
}

div.module_menu h3 {
  height                : 30px;
  line-height           : 25px;
  color                 : #dadada;
  font-size             : 18px;
  font-weight           : normal;
  text-align            : left;
  margin                : 0 0 3px 0;
  padding               : 3px 0 0 10px;
  background            : url(bilder/ButtonMenu.jpg) no-repeat;
}

div.module_menu {
	width                 : 185px;
	margin                : 0 0 15px 0;
	padding               : 0;
	background-color      : #151515;
	float                 : left;
	text-align            : left;
}


.menu_unten div {
   background: url(bilder/menu_ul.jpg) no-repeat bottom left;
}
.menu_unten {
   background: url(bilder/menu_ur.jpg) no-repeat bottom right;
}

.menu_unten div, .menu_unten {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

div.module_menu ul {
	margin                : 10px 0 0 30px;
	padding               : 0;
	
}

div.module_menu li {
  padding               : 3px;
}

div.module_menu li a:link, 
div.module_menu li a:visited {
  color                 : #CCCCCC;
  text-decoration       : none;
}

div.module_menu li a:link:hover, 
div.module_menu li a:visited:hover{
  color                 : #FFFFFF;
  text-decoration       : underline;
}

ul.menu li a{
  color                 : #CCCCCC;
  text-decoration       : none;
  font-weight           : lighter;
}

ul.menu li a:hover{
  color                 : #FFFFFF;
  text-decoration       : underline;
}

a.mainlevel:link, a.mainlevel:visited {
  color                 : #666699;
	font-family           : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size             : 12px;
	margin                : 0 0 0 13px;
}

a.mainlevel:hover {
  color                 : #666699;
  text-decoration       : underline;
}


#footer-wrap {
	width                 : 860px;
	height                : 40px;
	background            : url(bilder/Unten_Footer.jpg) no-repeat left top;
	margin                : 0 auto;
	padding               : 30px 0 20px 0;
}

#footer {
  height                : 40px;
  min-height            : 40px;
  padding               : 0;
  margin                : 0 auto;
}

html>body #footer {
	height                : auto;
}

#legal {
	color                 : #999999;
	font-size             : 0.9em;
	text-align            : right;
	padding-top           : 5px;
}

#legal a {
	color                 : #999999;
}

.rundBox {
   background: #2c2c2c;
}

.rundOben div {
   background: url(bilder/ol.png) no-repeat top left;
}
.rundOben {
   background: url(bilder/or.png) no-repeat top right;
}
.rundUnten div {
   background: url(bilder/ul.png) no-repeat bottom left;
}
.rundUnten {
   background: url(bilder/ur.png) no-repeat bottom right;
}

.rundOben div, .rundOben, 
.rundUnten div, .rundUnten {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.rundInhalt { margin: 0px 10px; }