body {
	color: #999;
	background: #121212 url(images/general/back_body.gif) repeat-y top center fixed;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;}

#container {
	background: #FFF url(images/general/back_container.gif) repeat-y;
	width: 1000px;
	margin: 15px auto 20px auto;
	padding: 10px 0 25px 0;}

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

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

.clear {
	clear: both;}


/* HEADER */

#header {
	background: #222 url(images/general/back_head.jpg) repeat-x bottom;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;}

#header h1, #keywords {
	color: #AAA;	
	font: normal 65%/110% Verdana, Tahoma, Helvetica, sans-serif;
	text-align: right;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 1000px;
	margin: 5px auto 15px auto;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #555;}

#header h1 a, #keywords a {
	color: #AAA;}

#header h1 a:hover, #keywords a:hover {
	color: #F90;
	text-decoration: underline;}

#head-karikaturen {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;}

#head-karikaturen a img {
	margin: 0px;
	padding: 0px;
	border: none;}	
	
	

/* MAIN-NAVIGATION */

ul#main-navigation {
	list-style: none;
	width: 1000px;
	height: auto;
	margin: 20px auto 40px auto;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #555;}

ul#main-navigation li {
	clear: both;
	text-align: left;
	margin: 0;
	padding: 7px 0px 7px 0px;
	border-top: 1px dotted #555;}

ul#main-navigation li strong {
	float: left;
	display: inline;
	color: #777;
	font: bold 130%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	width: auto;
	margin: 0px 11px 3px 0px;}

ul#main-navigation li strong.home {
	color: #777;}

ul#main-navigation a {
	display: inline;
	color: #777;
	font: normal 130%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 0px 3px 3px 3px;}

ul#main-navigation a:hover {
	color: #FFF;}

ul#main-navigation a.active {
	color: #F90;
	font: normal 130%/100% Georgia, "Times New Roman", Times, serif;}

ul#main-navigation a:hover.active {
	color: #FFF;}


/* KOMMENTARE */

#comments {
	clear: both;
	float: left;
	display: inline;
	width: 380px;
	margin: 0px 0px 0px 20px;
	overflow: hidden;}

#comments h1 {
	color: #666;
	font: normal 140%/120% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 20px;
	margin-bottom: 3px;
	padding: 0px;}

#comments dl {
	clear: both;
	color: #666;
	margin: 0px 0px 1px 0px;
	padding: 10px 0px 15px 0px;
	border-bottom: 1px dotted #AAA;}
	
#comments dl.box01 {
	clear: both;
	background: #DDD url(images/general/back_box01.jpg) no-repeat center top;
	padding: 15px;
	border: 1px solid #000;}

#comments dl.box01 b a {
	color: #555;}

#comments dl.box01 b a:hover {
	color: #F90;}

#comments dl.box02 {
	clear: both;
	background: transparent;
	padding: 11px 15px 10px 15px;
	border: 1px solid #000;}
	
#comments dl.box03 {
	clear: both;
	background: #1A1A1A;
	padding: 11px 15px 10px 15px;
	border: 1px solid #000;}

#comments dl.box02 img {
	margin-top: -20px;}

a dl.box02 dl,a dl.box02 dt,a dl.box02 dd {
	color: #888;}

a:hover dl.box02 dl,a:hover dl.box02 dt,a:hover dl.box02 dd {
	color: #F90;}

#comments dl.box04 {
	clear: both;
	color: #d8dcec;
	background: #137 url(images/general/back_teaser_facebook.png) no-repeat top center;
	padding: 11px 15px 10px 15px;
	border: 1px solid #000;}

#comments dl.box05 {
	color: #708d48;
	clear: both;
	background: #e7f8b3;
	padding: 11px 15px 10px 15px;
	border: 1px solid #000;}


.back-teaser-00 {
	background: url(images/general/back_teaser_00.gif) no-repeat bottom left;}

.back-teaser-01 {
	background: url(images/general/back_teaser_01.gif) no-repeat top left;}

.back-teaser-02 {
	background: url(images/general/back_teaser_02.gif) no-repeat top left;}

.back-teaser-03 {
	background: url(images/general/back_teaser_03.gif) no-repeat top left;}

.back-teaser-04 {
	background: url(images/general/back_teaser_04.gif) no-repeat top left;}

.back-teaser-05 {
	background: url(images/general/back_teaser_05.gif) no-repeat top left;}

.back-teaser-06 {
	background: url(images/general/back_teaser_06.gif) no-repeat top left;}

.back-teaser-07 {
	background: url(images/general/back_teaser_07.gif) no-repeat top left;}
	
#comments dt {
	clear: both;
	font: bold 130% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 2px 0px 5px 0px;}

dt.versalien {
	color: #666;
	font: normal 140%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 8px;
	margin-bottom: 3px;
	padding: 0px;}

#comments dd {
	clear: both;
	font: normal 110%/140% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;}

#comments dd b {
	color: #555;}

#comments dd .initiale {
	float: left;
	display: inline;
	width: auto;
	font: normal 550%/100% Georgia, "Times New Roman", Times, serif;
	margin: -9px 3px -14px -1px;}

/* hide hack from Mac-IE5 \*/
* html #comments dd { height: 1%; }
/* end hiding */

#comments dl img {
	float: right;
	display: inline;
	width: auto;
	margin-left: 18px;}

#comments dt.date {
	float: right;
	font: bold 90% Georgia, "Times New Roman", Times, serif;
	text-align: right;
	width: 380px;
	margin: 5px auto 10px auto;}

#comments a {
	text-decoration: none;}


.google-468x60 {
	clear: both;
	color: #888;
	background-color: #333; 
	text-align: center;
	width: 558px;
	height: auto;
	margin: 0px 0px 2px 0px;
 	border: 1px solid #000;}


/* 180-PIXEL-TEASER */

.teaser {
	font: normal 90% Verdana, Tahoma, Helvetica, sans-serif;
	text-align: left;
	margin: 0px auto 3px auto;}

.teaser b {
	font: bold 100% Georgia, "Times New Roman", Times, serif;}

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

a .teaser {
	display: block;
	color: #FFF;
	background-color: #333; 
	padding: 5px 5px 7px 5px;
 	border: 1px solid #555;}

a:hover .teaser {
	color: #F90;
	background-color: #222;
 	border: 1px solid #555;}


/* KARIKATUR */

.col560 h3 {
	float: left;
	display: inline;
	color: #F90;
	font: normal 250%/100% Georgia, "Times New Roman", Times, serif;
	width: 360px;
	margin: 3px 0px 5px 0;
	padding: 25px 0px 30px 0px;}

/*-------------*/

.copyright {
	float: right;
	display: inline;
	width: 170px;
	margin: 3px 0px 5px 0;
	padding: 10px 10px 15px 10px;
	overflow: hidden;
	border: 1px solid #333;}

.copyright h4 {
	color: #777;	
	font: normal 100%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0 0 5px 0;}

.copyright p {
	color: #777;	
	font: normal 95%/130% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	width: auto;
	margin: 0;}

/*-------------*/

.karikatur-text {
	float: left;
	display: inline;
	width: 360px;
	margin: 3px 0px 5px 0;
	padding: 0;}

.karikatur-text p {
	color: #999;
	font: normal 100%/140% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	width: auto;
	margin: 20px 25px 25px 25px;
	padding: 0;}

/*-------------*/

.karikatur-technik {
	float: right;
	display: inline;
	width: 170px;
	margin: 3px 0px 5px 0;
	padding: 10px 10px 15px 10px;
	overflow: hidden;
	border: 1px solid #333;}

.karikatur-technik h4 {
	color: #777;	
	font: normal 100%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0 0 5px 0;}

.karikatur-technik p {
	color: #777;	
	font: normal 95%/130% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 0;}





/* COLUMN 560 */

.col560 {
	float: right;
	display: inline;
	width: 560px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	overflow: hidden;}

.col560 h1 {
	color: #F90;
	font: normal 180%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 8px;
	margin-bottom: 3px;
	margin-left: 20px;
	padding: 0px;}

.col560 dl {
	clear: both;
	margin: 0px 0px 10px 20px;
	padding: 10px 0px 15px 0px;
	border-bottom: 1px dotted #666;}

.col560 dt {
	clear: both;
	color: #888;
	font: bold 130% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 2px 0px 8px 0px;}

.col560 dd {
	clear: both;
	color: #888;
	font: normal 120%/140% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;}

.col560 dd img {
	float: right;
	display: inline;
	width: auto;
	margin-left: 18px;}


/* COLUMNS */

.col180right {
	float: right;
	display: inline;
	width: 180px;
	margin: 0px 0px 2px auto;
	padding: 0px;}

.col380left {
	float: left;
	display: inline;
	width: 370px;
	margin: 0px 10px 2px auto;}

.col380left h1 {
	color: #F90;
	font: normal 140%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin: 15px 40px 3px 20px;
	padding: 0px;}

.col380left p {
	clear: both;
	color: #888;
	font: normal 120%/140% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 30px 40px 50px 20px;
	padding: 0px;}

.col380left .initiale {
	float: left;
	color: #777;
	font: normal 550%/100% Georgia, "Times New Roman", Times, serif;
	margin: -9px 3px -14px -1px;}

.col380right {
	float: right;
	display: inline;
	width: 370px;
	margin: 0px 0px 0px 10px;}


.banner370left {
	float: left;
	display: inline;
	overflow: hidden;
	width: 370px;
	margin: 10px 0px 20px 0px;}

.banner370left img {
	width: 370px;
	margin: 0px;}

.banner370right {
	float: right;
	display: inline;
	width: 370px;
	margin: 3px 0px 5px 0px;}

.banner370right img {
	width: 370px;
	margin: 0px;}


/* SUBNAVIGATION THUMBS */

#thumbs-wrap {
	clear: both;
	float: left;
	display: inline;
	width: 400px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;}

.thumbs {
	float: left;
	display: inline;
	text-align: left;
	width: 390px;
	margin-left: 20px;}

.thumbs h1 {
	clear: both;
	color: #777;
	font: normal 120%/125% Georgia, "Times New Roman", Times, serif;
	width: 380px;
	margin: 10px 0px 18px 0px;}

.thumbs img {
	margin: 0px 0px 3px 0px;}

.thumbs a {
	float: left;
	font: normal 85%/120% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 70px;
	height: 110px;
	overflow: hidden;
	margin: 0px 7px 5px 0px;}

.thumbs-home {
	float: left;
	display: inline;
	text-align: left;
	width: 390px;
	margin-left: 0px;}

.thumbs-home h2 {
	color: #AAA;
	font: normal 140%/100% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 25px auto 10px auto;
	padding: 0px;}

.thumbs-home img {
	margin: 0px 0px 3px 0px;}

.thumbs-home a {
	float: left;
	font: normal 85%/120% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 70px;
	height: 110px;
	overflow: hidden;
	margin: 0px 6px 5px 0px;}


/* GESAMTUEBERSICHT */

#container-alle-thumbs {
	width: 1000px;
	margin: 15px auto 0px auto;
	padding: 0;}

#alle-thumbs {
	width: auto;
	font: normal 80%/120% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 15px auto 20px auto;
	padding: 30px 42px 10px 42px;}

#alle-thumbs h1 {
	clear: both;
	color: #777;
	font: normal 150%/120% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 2px 0px 20px 0px;}

#alle-thumbs h2 {
	clear: both;
	color: #777;
	font: normal 180%/120% Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: left;
	margin: 2px 0px 20px 0px;}
	
#alle-thumbs img {
	margin: 0px 0px 2px 0px;}

#alle-thumbs a {
	float: left;
	width: 70px;
	height: 120px;
	margin: 0px 3px 5px 3px;}


/* SPREADSHIRT */

#spreadshirt {
	width: 1000px;
	background-color: #000;
	margin: 15px auto 0px auto;
	padding: 0;}


/* FOOTER */

#footer {
	clear: both;
	background: #000 url(images/general/back_footer.jpg) repeat-x top;
	width: 100%;
	margin: 0px;
	padding-bottom: 30px;}

/* FOOTER ZUSATZ */
#footer ul#navigation {
	list-style: none;
	width: 1000px;
	height: auto;
	margin: 0px auto 30px auto;
	padding: 40px 0px 0px 0px;
	border-bottom: 1px dotted #155;}

#footer ul#navigation li {
	clear: both;
	color: #5AA;
	text-align: left;
	margin: 0px;
	padding: 5px 0px 7px 0px;
	border-top: 1px dotted #155;}

#footer ul#navigation li strong {
	float: left;
	display: inline;
	color: #5AA;
	font: bold 120%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	text-transform: uppercase;
	margin: 0px 11px 3px 0px}

#footer ul#navigation a {
	display: inline;
	color: #5AA;
	font: normal 120%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 0px 0px 3px 0px}

#footer ul#navigation a:hover {
	color: #9FF;}


#sub-footer {
	width: 1000px;
	margin: 0 auto;
	padding: 0;}

#sub-footer a {
	color: #9FF;}

#sub-footer a:hover {
	text-decoration: underline;}
	
#sub-footer .col01 {
	background: url(images/general/back_footer_col01.jpg) no-repeat top;
	float: left;
	display: inline;
	width: 410px;
	height: 500px;
	margin: 0px;}

#sub-footer .col01 p {
	color: #9FF;
	font: normal 130%/150% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: center;
	width: auto;
	margin: 2px 30px 10px 30px;}


#sub-footer .col02 {
	background: url(images/general/back_footer_col02.jpg) no-repeat top;
	float: left;
	display: inline;
	width: 195px;
	height: 500px;
	margin: 0px;}

#sub-footer .col02 p {
	color: #5AA;
	font: normal 100%/120% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	width: auto;
	margin: 9px 21px 10px 15px;}


#sub-footer .col03 {
	background: url(images/general/back_footer_col03.jpg) no-repeat top;
	float: left;
	display: inline;
	width: 195px;
	height: 500px;
	margin: 0px;}

#sub-footer .col03 p {
	color: #5AA;
	font: normal 100%/120% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	width: auto;
	margin: 9px 21px 10px 15px;}


#sub-footer .col04 {
	background: url(images/general/back_footer_col04.jpg) no-repeat top;
	float: left;
	display: inline;
	width: 200px;
	height: 500px;
	margin: 0px;}

#sub-footer .col04 p {
	color: #5AA;
	font: normal 100%/120% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	width: auto;
	margin: 9px 21px 10px 15px;}


/* ARCHIV */

ul#archiv {
	float: left;
	display: inline;
	list-style: none;
	width: 180px;
	margin: 2px auto 2px auto;
	padding: 0px;
	border-bottom: 1px dotted #AAA;}

ul#archiv li {
	clear: both;
	text-align: left;
	margin: 0px;
	padding: 5px 0px 11px 0px;
	border-top: 1px dotted #AAA;}

ul#archiv a {
	float: left;
	color: #700;
	font: normal 120%/100% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 0px 11px 3px 0px}

ul#archiv a:hover {
	color: #036;}