/*************************************************/
/*                                               */
/*          Hauptstyles des Layouts              */
/*                                               */
/*************************************************/

/* Grundsätzliches */

*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	list-style-type: none;
	vertical-align: baseline;
	background: transparent;	
	text-decoration: none;
}
body {
	line-height: 1.2;
	background: #173247 url("../img/bg_pattern.gif");
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 13px;
}
b { /* 1px horizontale Linie erzeugt durch leeren b-Tag */
	display: block;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 10px;
	padding-top: 10px;
}
.clear {
	clear: both;
}

/* Headline (Überschrift) */

#headline {
	height: 100px;
	margin-bottom: -36px;
	background: url("../img/headline.gif") no-repeat top left;
}
#headline h1 {
	display: none;
}
#headline h2 {
	padding: 60px 0 0 18px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Georgia, serif;
}

/* Kopfnavigation */

#header {
	height: 28px;
	background: url("../img/bg_header.gif") bottom repeat-x;
	padding-right: 5px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}
#header li {
	float: right;
}
#header li a {
	display: block;
	padding: 4px 12px 2px;
	color: #FFFFFF;
}
#header li a:hover {
	color: #000000;
	background: #FFFFFF;
}
#header li a img {
	border: 0;
	padding: 0 2px 0 0;
	margin-top: -3px;
	vertical-align: -1px;
}

/* Hauptnavigation */

#main_navigation_container {
	background: #631404;
	height: 26px;
}
#main_navigation {
	font-size: 15px;
	font-family: Georgia, serif;
	font-variant: small-caps;
	letter-spacing: 2px;
}
#main_navigation li {
	padding: 0 0 0 4px;
	float: left;
}
#main_navigation li a {
	display: block;
	padding: 3px 8px;
	color: #FFFFFF;
}
#main_navigation li a:hover {
	background: #FFFFFF;
	color: #000000;
}
#main_navigation li a.home {
	background: url("../img/icons/home.gif") no-repeat 5px 5px;
	padding-left: 24px;
	cursor: pointer;  /* Behebt einen Operabug, der den Cursor durch den normalen ersetzt */
}
#main_navigation li a.home:hover {
	background: #FFFFFF url("../img/icons/home_h.gif") no-repeat 5px 5px;
}

/* Layout des Inhalt-Bereichs */

#wrapper {
	background: #FFFFFF url("../img/navi_shadow.gif") repeat-x top left;
}
.main_body {
	margin: auto;
	width: 966px;
	border-bottom: 0;
}

/* Content Bereich */

.content {
	padding: 0 15px 0 81px;
	background: url("../img/bookmark_red.gif") no-repeat top left;
	width: 600px; /* 696 */
	float: left;
}
.content h1 {
	margin: 20px 0 0;
	font-size: 20px;
	font-weight: normal;
	font-family: Georgia, serif;
	color: #631404;
	border-bottom: 1px solid #DEDEDE;
}
.content h1 a {
	color: #631404;
}
.content h1 a:hover {
	text-decoration: underline;
}
.content h2 {
	margin: 0 0 16px;
	font-size: 11px;
	font-family: Georgia, serif;
	font-weight: normal;
	color: #898989;
}
.content h3 {
	margin: 8px 0 6px 0;
	line-height: 1.02em;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, serif;
	color: #13344E;
}
.content p {
	font-size: 12px;
	line-height: 18px;
}
.content ul {
	padding: 0 0 0 30px;
	font-size: 12px;
	line-height: 18px;
	list-style-image: url("../img/icons/bullet.gif");
}
.content p a,.content ul a {
	color: #000000;
	border-bottom: 1px solid #631404;
}
.content p a:hover,.content ul a:hover {
	background: #F2FEFF;
}

/* Content Widgets */
.content .comments_posted {
	color: #898989;
	float: right;
	background: url("../img/icons/neues_kommentar.gif") no-repeat top left;
	padding-left: 21px;
	font-size: 11px;
}
.content .comments_posted:hover {
	border-bottom: 1px solid #898989;
	color: #000000;
	background-color: #F2FEFF;
}
.content .bottom_box {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	font-size: 9px;
	color: #676767;
}
.bottom_box:hover {
	color: #000000;
}

/* Navibox in Artikeln/Tutorials */
#contents {
  width: 250px;
  border: 1px solid #DEDEDE;
  background: #FEFEFE;
  float: right;
  margin: 0 0 5px 5px;
  padding: 0 3px 3px 3px;
}
#contents ul li a {
  border: 0;
  color: #787878;
}
#contents ul li a:hover {
  color: #000000;
  border-bottom: 1px solid #898989;
}

/* Kommentare */
.comment {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #BCBCBC;
	overflow: hidden;
}
.comment .edit {
	font-size: 9px;
	color: #787878;
}
.comment h1 {
	margin: 5px 0 13px;
	padding: 2px 0 0;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #547EA2;
	text-align: left;
	font-weight: normal;
	border: 0;
}
.comment h1 strong {
	font-size: 15px;
	color: #003366;
}
.dark {
    background: #F8F8F8;	
}
.light {
	background: #FFFFFF;
}

/* Impressum */
.impressum_info strong {
	display: block; 
	width: 130px;
	float: left;
}

/* About */
#portrait {	
	float: right;
	padding: 3px;
	margin-top: 9px;
}

/* Seiten von Artikeln und Tutorials */

.content .preview_info {
	margin-bottom: 10px;
}
.content .preview_info h1 {
	font-size: 16px;
}
.content .preview_info h2 {
	clear: both;
	margin: 0 0 3px 0;
}
.content .preview_info .infotext a {
	padding: 2px;
	border: 0;
	display: block;
}
.content .category ul li a {
	font-size: 15px;
	border: 0;
	line-height: 20px;
}
.content .category ul li a:hover {
	font-size: 15px;
	border-bottom: 1px solid #898989;
	line-height: 20px;
}
.advise {
	font-size: 12px;
	color: #631404;
	font-family: monospace;
}
.key {
	border: 3px outset;
	padding: 0 2px;
	background: #EFEFEF;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}
pre {
	font-family: monospace;
	border: 1px dashed #BCBCBC;
	font-size: 12px;
	background: #FFFFEE;
	margin: 20px;
	padding: 4px;
	overflow: auto;
}

/* Tutorial Spaltenlayout (Blender Tutorials, Photoshop Tutorials und Blender Workshop) */

p.doublecolumn {
  width: 390px;
  padding-right: 10px;
  float: left;
}
p.column {
  width: 188px;
  padding-right: 12px;
  float: left;
}
p.solocolumn img {
  border: 1px solid #DEDEDE;
  padding: 3px;
  margin-right: 10px;
  background: #EFEFEF;
  float: left;
}
p.column img, p.single img, p.doublecolumn img {
  border: 1px solid #DEDEDE;
  display: block;
  padding: 3px;
  background: #EFEFEF;
}
.content p.column a,.content p.single a, .content p.doublecolumn a {
  border: 0;
  background-color: #FFFFFF;
}

/* Seitenspalte */

#seitenspalte {
	width: 255px;
	float: right;
}
#seitenspalte h1 {
	margin: 0 0 3px 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: normal;
	color: #13344E;
}
#seitenspalte p a {
	color: #631404;
	border-bottom: 1px solid #631404;
	font-size: 11px;
}
#seitenspalte p a:hover {
	background: #F2FEFF;
	border-bottom: 1px solid #631404;
}

/* Editorial */
#seitenspalte .editorial h1 {
	background: url("../img/editorial.jpg") no-repeat top left;
	padding: 37px 0 3px 10px;
}
#seitenspalte .editorial p, #seitenspalte .editorial_ad p {
	font-size: 10px;
	line-height: 14px;
}
#seitenspalte .editorial .first-letter {
	visibility: hidden;
	margin-right: 13px;
}
#seitenspalte .editorial em, #seitenspalte .editorial_ad em {
	color: #631404;
}

/* Bookmark List */
#seitenspalte .bookmark_list p a {
	border: 0;
	font-size: 10px;
}
#seitenspalte .bookmark_list p img {
	margin: 0 -1px;
}
#seitenspalte .bookmark_list h1 {
	margin-bottom: 10px;
}

/* Aktuelle Beiträge */
.postings {
	font-size: 11px;
}
.postings li {
	border-bottom: 1px solid #DEDEDE;
}
.postings li a {
	display: block;
	padding: 4px 0;
	color: #631404;
}
.postings li a:hover {
	background: #F2FEFF;
}

/* Tagcloud */
.tagcloud p a.taglink {	border: 0 !important;}
.tagcloud p a.taglink:hover { border-bottom: 1px solid #787878 !important;}
.tagcloud p a.min {font-size: 11px !important; color: #ABABAB !important;}
.tagcloud p a.max {font-size: 20px !important; color: #000000 !important;}
.tagcloud p a.mid {font-size: 16px !important; color: #676767 !important;}
.tagcloud p a.max1 {font-size: 17px !important; color: #565656 !important;}
.tagcloud p a.max2 {font-size: 18px !important; color: #454545 !important;}
.tagcloud p a.max3 {font-size: 19px !important; color: #232323 !important;}
.tagcloud p a.min1 {font-size: 12px !important; color: #898989 !important;}
.tagcloud p a.min2 {font-size: 14px !important; color: #9A9A9A !important;}

/* Werbeblock */
.ad_hide, .ad_hide_top {
	color: #ABABAB;
	float: right;
	font-size: 11px;
	margin-top: 7px;
}
.ad_hide_top {
	margin-top: 45px;
}
.ad_hide:hover, ad_hide_top:hover {
	border-bottom: 1px solid #898989;
	color: #000000;
	background: #F2FEFF;
}
#werbeblock {
	text-align: center;
}

/* Footer */

#footer_container {
	padding: 15px 0;
	clear: both;
	/*background: url("../img/footer_bg.png") repeat-x top left; Falls der IE mal dazu in der Lage sein sollte*/
	background: url("../img/footer_bg.gif") repeat-x top left;
	color: #FFFFFF;
	font-size: 10px;
}
#footer {
	width: 470px;
	margin: auto;
}
#footer .footer_col {
	float: left;
	padding: 17px 25px 25px 25px;
	margin-bottom: 25px;
	border-right: 1px solid #486981;
}
#credits {
	margin: 0 0 0 20px;
	padding: 5px 0 5px 65px;
	float: left;
	line-height: 16px;
	background: url("../img/footer_logo.gif") no-repeat top left;
}
#footer_container p {
	text-align: center;
	margin-bottom: 5px;
}
#footer_container p a {
	font-size: 9px;
	color: #FFFFFF;
	border-bottom: 1px dotted #898989;
}
#footer_container p a:hover {
	border-bottom: 1px solid #FFFFFF;
}

/* Infoboxen */
.success_msg {
	background: #F4FFF2 url(../img/icons/success_check.gif) no-repeat 6px center;
	border: 1px solid #C1D9BE;
	margin-top: 10px;
	padding: 4px 4px 4px 28px;
}
.fail_msg {
	background: #FFF4F2 url(../img/icons/fail_cross.gif) no-repeat 6px center;
	border: 1px solid #F7C2C2;
	margin-top: 10px;
	padding: 4px 4px 4px 28px;
}
.info_msg {
	background: #E9F3FF url(../img/icons/information.gif) no-repeat 6px center;
	border: 1px solid #B3CEEC;
	margin-top: 10px;
	padding: 4px 4px 4px 28px;	
}

/* Bild-Klassen */

.left {
	float: left;
	border: 1px solid #CDCDCD;
	padding: 2px;
	margin: 4px;
}
.right {
	float: right;
	border: 1px solid #CDCDCD;
	padding: 2px;
	margin: 4px;
}
.normal {	
	display: block;
	border: 1px solid #CDCDCD;
	padding: 2px;
	margin: 4px auto;
	clear: both;
}	
.inside {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Download-Box */

.content .download {
  display: block;
  width: 226px;
  height: 55px;
  background: url(../img/blender_workshop/download_bg.gif) no-repeat;
  float: right;
  margin: 0 0 50px 25px;
  border: 0 !important;
}
.content .download:hover, .content a.download:active, .content a.download:focus {
  background: url(../img/blender_workshop/download_bg.gif) no-repeat !important;
  border: 0;
  cursor: pointer;
}
.download .h1 {
  display: block;
  margin: 11px 0 0 45px;
  text-align: left;
  color: #FFFFFF;
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.download .p {
  margin: 0 0 0 47px;
  color: #898989;
  font-family: Tahoma, sans-serif;
  font-size: 10px;
}

/* Manage Logout Button */

.logout {
	display: block;
	background: #FFFFEB url(../img/icons/logout.gif) no-repeat 5px center;
	padding: 4px 0px 4px 28px;
	border: 1px solid #FFEDA4;
	font-variant: small-caps;
	color: #000000;
	font-size: 1.2em;
}
.logout:hover {
	background: #FFEDA4 url(../img/icons/logout_closed.gif) no-repeat 5px center;
	border: 1px solid #FFE062;
}