@charset "utf-8";

html { height: 100%;}

body { margin: 0px;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
 	   font-size: 11px;
	   color: #333333;
	   background-color: #283434;
	   height:100%; 
	   }

a:visited {color: #ccc;}
a {color: #ccc;}
	   
.header {
	background-color: #6ec0f2;
	width: 965px;
	margin-right: auto;
	margin-left: auto;

}
.links {
	width: 940px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	}

.links li {
	list-style-type: none;
	display: inline;
}

.links li a {
	font-weight:bold;
	margin-right: 12px;
	text-decoration: none;
	color: white;
}

.links li.cat-item-11 a {color:#0090ff;}
.links li.cat-item-16 a {color:#9bdb00;}
.links li.cat-item-19 a {color:#ff3c00;}
.links li.cat-item-14 a {color:#f9a71b;}
.links li a:hover { text-decoration: underline;}

.wrapme {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	color: #3e4f4f;
	background-color:#3e4f4f;
	height: 100%;
	padding-bottom: 10px;
  * height:;
	background-image: url(images/bg_side.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.wrapme .col1 {
	float: left;
	width: 630px;
	margin-top: 10px;
	line-height: 100%;
	background-color: #3e4f4f;
	padding-left: 10px;
}
.wrapme .rssbox {
	background-color: #afdef2;
	width: 285px;
	float: right;
	padding: 10px;
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px;
}


.rssbox a {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	}
	
.rssbox a:hover {
	text-decoration: none;
}
	
.flickrbox .main {
	padding: 5px;
	background-color: #fff;
}

.sidebar_content {
	margin-top: 5px;
	padding: 10px;
	width: 285px;
	float: right;
	background-color:#677474;
	margin-bottom: 10px;
	margin-right: 10px;
}

.sidebar_content h3 {
	font-weight: bold;
	color: white;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	}
	
.text h3 {
	font-weight: bold;
	color: white;
	font-size: 14px;
	padding: 0px;
	margin-left: 0px;
}
	
h4, h4 a {
	font-weight: bold;
	color: white;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	float:left;
	}
	
.sidebar_content a {
	float: left;
	width: 275px;
	padding: 5px;
	background-color:#3e4f4f;
	color:#cccccc;
	margin-bottom:5px;
	text-decoration:none;
	font-weight:bold;
	}

.sidebar_content a:hover {
	background-color:#536363;
	color: white;
	}

.search {
	font-weight: bold;
	color: white;
	font-size: 12px;
	}

form {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
form input {
	background-color:#fff;
	border: 1px solid #fff;
}	


.archiv {
	width: 250px;
	height:14px;
	font-size: 14px;
	font-weight:bold;
	padding: 5px;
	color:#677474;
	background-color:#2f3e3e;
	text-align: right;
	float: right;
	background-image: url(images/bg_cat.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.commentform {
	width: 300px;
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
.commentlist {
	width: 320px;
	display: inline;
	padding: 0px;
	margin: 0px;
	color: white;
	float: left;
	font-style: normal;
		}
		
.commentlist p {
	width: 320px !important;
		}
		
ol.commentlist li {
	width: 320px;
	display: block;
	list-style-type: none;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 12px;
	float: left;
	color: white;
	font-size: 12px;
	background-color:#97a1a1;
		}	
		
h5 { float: left; color: white; height: 12px; padding: 3px; padding-left: 0px; }
	
.commentlist li, .commentlist a, .wrapme .commentlist li p {
	font-style: normal;
	color: white;
	line-height:14px;
		}  
		
.archiv2 {
	margin-bottom: 5px;
	margin-top: 20px;
	width: 275px;
	height:14px;
	font-size: 14px;
	font-weight:bold;
	padding: 5px;
	color:#fff;
	background-color:#2f3e3e;
	list-style-type: none;
	}
	
.archiv2 li {
	list-style-type: none;
	}

.contentbox .littlebox_green a, .contentbox_red .littlebox_green a, .contentbox_cat .littlebox_green a {
	background-color: #97a1a1;
	width: 80px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	float: left;
	padding-top: 3px;
	margin-top: 12px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	font-style: normal;
}

.contentbox_red .psd a, .contentbox .psd a, .contentbox_cat .psd a {
	background-color:#0090ff;
	width: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	float: left;
	padding-top: 3px;
	margin-top: 12px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	margin-left: 2px;
	font-style: normal;}

.contentbox_red .ai a, .contentbox .ai a, .contentbox_cat .ai a {
	background-color:#f9a71b;
	width: 21px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	float: left;
	padding-top: 3px;
	margin-top: 12px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	margin-left: 2px;
	font-style: normal;}


.contentbox .littlebox_green a:hover, .contentbox_red .littlebox_green a:hover, .contentbox_cat .littlebox_green a:hover  { text-decoration: underline; }

.contentbox .littlebox_green_download a:hover, .contentbox_red .littlebox_green_download a:hover, .contentbox_cat .littlebox_green_download a:hover { text-decoration: underline; }

.contentbox .littlebox_green_download a, .contentbox_red .littlebox_green_download a, .contentbox_cat .littlebox_green_download a {
	background-color: #7f8686;
	width: 75px;
	font-size: 11px;
	font-weight: bold;
	color: #c5caca;
	float: left;
	margin-top: 12px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-left: 2px;
	text-decoration: none;
	font-style: normal;
}

.contentbox a, .contentbox_red a, .contentbox_cat a {
	color: #b8e600;
			}
		
.contentbox a:hover, .contentbox_red a:hover, .contentbox_cat a:hover {
	text-decoration: none;
		}

.rssbox img {
	margin-right: 10px;
}
.RSS_details {
	background-color: #37acde;
	width: 270px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	margin-bottom: 25px;
}

.wrapme .RSS_details a {color: #fff;}
.wrapme .RSS_details a:hover {color: #677474; text-decoration: none;}

.wrapme .littlebox_blue a {
	background-color: #737d7d;
	float: left;
	width: 110px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	height: 14px;
	text-transform: uppercase;
	text-decoration: none;
}
.clear {
	clear: both;
}


.footerwrap {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
}

.footer {
	padding: 10px;
	color: #cccccc;
	width: 620px;
	float: left;
	font-size: 10px;
	margin-left: 50px;
}

.wrapme .col2 {
	float: left;
	width: 315px;
	margin-top: 10px;
}

.wrapme .contentbox {
	width: 630px;
	margin-bottom: 10px;
	background-color: #677474;
	float: left;
	padding-bottom: 10px;

}

.wrapme .contentbox_red {
	width: 630px;
	margin-bottom: 10px;
	background-color:#677474;
	background-image: url(images/firstpost_bg.png); 
	background-repeat: no-repeat;
	float: left;
	padding-bottom: 12px;
}

.wrapme .contentbox_cat {
	width: 630px;
	margin-bottom: 10px;
	background-color:#677474;
	background-image: url(images/bg_cat_post.gif);
	background-repeat: no-repeat;
	float: left;
	padding-bottom: 12px;
}

.wrapme .contentbox2 {
	color: #e3f9ff;
	width: 630px;
	margin-bottom: 10px;
	background-color: #3e4f4f;
	font-size: 12px;
	height: 100%;
}

img.img {
	margin-right: 5px;
	float: left;
}

.col2 .flickrbox {
	width: 305px;
	float: right;
	padding: 0px;
	font-size: 12px;
	color: #000000;
	background-color: #e7ff84;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.flickrbox .head {
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #b8e600;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}


.wrapme .contentbox p, .wrapme .contentbox_red p, .wrapme .contentbox_cat p  {
	font-size: 12px;
	color: #e3f9ff;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	font-style: normal;
	width: 350px;
}

.links ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.text p {
	padding-bottom: 12px;
}

.hugme {
	width:176px;
	padding-right: 3px;
	margin-top: 2px;
	height: 14px;
	margin-bottom: 12px;
}


.hugme a.digg {
	float:left;
	font-size: 10px;
	color: #b6bcbc;
	font-weight:bold;
	padding: 3px;
	padding-left: 6px;
	background-color: #737d7d;
	text-decoration: none;
	font-style: normal;
}

.hugme a:hover.digg {
	background-color: #37acde;
	color: #ffffff;
}

.hugme a.stumble {
	float:left;
	font-size: 10px;
	color: #b6bcbc;
	font-weight:bold;
	padding: 3px;
	background-color: #737d7d;
	text-decoration: none;
	font-style: normal;
	}

.hugme a:hover.stumble {
	background-color: #b8e600;
	color: #ffffff;
}

.hugme a.delicious {
	float:left;
	font-size: 10px;
	color: #b6bcbc;
	font-weight:bold;
	padding: 3px;
	padding-right: 6px;
	background-color: #737d7d;
	text-decoration: none;
	font-style: normal;
	}

.hugme a:hover.delicious {
	background-color: #ff3c00;
	color: #ffffff;
}

.headline h2 {
	margin:0px;
	padding:0px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	float:left;
	margin-bottom: 5px;
	width: 100%;

}

.headline a { 
	color:#FFFFFF;
	}
	
.bild {
	height:100%;
	float:left;
	}
	
.bild2 {
	width: 150px;
	height:150px;
	float:left;
	padding-left: 5px;
	margin-left:0px;
	margin-top: 5px;
	background-color:white;
	}
	
.contentwrapper {
	width: 367px;
	height:100%;
	float:right;
}

.contentwrapper_2 {
	width: 367px;
	height:100%;
	float:right;
	background-color:#FF3300;
}
	
.contentwrapper_page {
	margin-top:0px;
	width: 542px;
	padding: 20px;
	background-color: #2f3e3e;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	}
	
.post_cat a:hover {
	color: white;
	text-decoration: underline;
	}
	
.post_cat {	
	float:left;
	padding: 3px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color:#fff;
	background-color:#3e4f4f;
	}
	
.photoshop {
	background-color:#0090ff;
	}
	
.news {
	width: 70px;
	}
	
.dreamweaver {	
	background-color:#9bdb00;
	}

.flash {	
	background-color:#ff3c00;
	}

.cinema_4d {	
	background-color:#233e85;
	}
	
.wordpress {	
	background-color:#000;
	}

.illustrator {
	background-color:#f9a71b;
	}
	
.kommentare a {	
	float:left;
	padding: 3px;
	padding-left: 6px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	}

.kommentare a:hover { text-decoration: underline;} 

.text {
	width: 355px;
	float:left;
	line-height: 14px;
	margin-bottom: 20px;
	}

.text a {
	color: #b8e600;
	text-decoration: none;
	font-style: normal;
	}
	
.text a:hover {
	text-decoration: underline;
	}
	
.post_cat a {
	color:#fff;
	text-decoration: none;
		padding: 3px;
	}
	
.istockimg {
width: 40px;
height: 30px;
	}
	
.clear {
	clear:both;
	}
	
.logo {
	width: 965px;
}

.imgdesc { float:left;
	 width: 40px;
	 height: 25px;
	 padding: 5px;
	}

.simplepie span { display: none; }

.alte a {
	padding: 5px;
	background-color: #990000;
	font-size: 11px;
	color: white;
	width: 140px;
	float: left;
	font-weight: bold;
	text-decoration: none;
	margin-left: 263px;
	margin-bottom: 25px;
	}
	
.neue a {
	padding: 5px;
	background-color: #990000;
	font-size: 11px;
	color: white;
	width: 130px;
	float: right;
	font-weight: bold;
	text-decoration: none;
	margin-right:10px;
	text-align: right;
	margin-bottom: 25px;
	}