/*	---------------------------------------------------------------------------------------------
	Titel:	Web-TV
	Autor:	Ingo Blenke
	Mail:	blenke@id-on.de
	Web:	www.id-on.de
	---------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------
	
	Inhalt:
	
	1. resets & allgemeine styles
	2. struktur
	3. content
	4. posts
	5. sidebar
	6. Kommentare
	7. Infoservice	
	8. Navigation
	------------------------------- */
	
	
	
	
/*	---------------------------------------------------------------------------------------------
	1. resets & allgemeine styles
	------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin:0px;
padding:0px;
}
body {
font:62.5%/120% georgia,'times new roman', serif;
color:#666;
text-align:center;
background:#b9bec2 url(img/body_bg.jpg) repeat-x;
}
a {
text-decoration:none;
}
fieldset, img {
border:0;
}
ul, ol {
list-style:none;
}
h1, h2, h3, h4, h5, h6, small {
font-size:1em;
}
.clear {
clear:both;
}




/*	---------------------------------------------------------------------------------------------
	2. struktur
	------------------------------- */

#cage {
width:804px;
margin:16px auto 0 auto;
text-align:left;
background:url(img/cage_bg.gif) repeat-y;
}
	#header {
	width:804px;
	height:204px;
	background:url(img/header_bg.jpg) no-repeat;
	position:relative;
	}
		#header a {
		position:relative;
		left:390px;
		top:67px;
		}
	#wrapper {
	width:804px;
	background:url(img/wrapper_bg.gif) no-repeat;
	padding-top:10px;
	}
	#contentwrapper {
	width:550px;
	float:left;
	margin:10px 0 7px 10px;
	}
		#content_top {
		width:543px;
		height:4px;
		background:url(img/content_top_bg.gif) no-repeat;
		}
		#content {
		width:543px;
		background:url(img/content_bg.gif) repeat-y;
		padding:20px 0;
		}
		#content_end {
		width:543px;
		height:4px;
		background:url(img/content_end.gif) no-repeat;
		}
	#sidebar {
	width:234px;
	float:left;
	margin:10px 0 7px;
	}
#footer {
width:804px;
margin:0 auto;
background:url(img/footer_bg.gif) no-repeat;
padding:10px 0;
text-align:left;
font-family:verdana, arial, helvetica, sans-serif;
}
	#footer a {
	color:#666;
	}
	#footer a:hover,
	#footer a:focus {
	color:#000;
	text-decoration:underline;
	}

/*	---------------------------------------------------------------------------------------------
	3. content
	------------------------------- */

strong {
padding:10px 26px;
font-size:2em;
font-style:italic;
font-weight:normal;
color:#000;
display:block;
}
#content p {
padding:0 26px;
margin:15px 0;
font:1.1em/160% verdana, arial, helvetica, sans-serif;
}

/*	---------------------------------------------------------------------------------------------
	4. posts
	------------------------------- */

.entry {
width:513px;
margin-left:1px;
padding:20px 0 15px 26px;
background:url(img/dotted_line.gif) repeat-x;
}
	.single {
	background:none;
	}
	.entry span {
	font-size:1.2em;
	color:#000;
	}
#content .entry strong {
padding:0;
width:360px;
font-weight:bold;
font-size:.82em;
font-style:normal;
text-transform:uppercase;
color:#666;
}
#content .entry ul {
    font-size:1.1em;
    list-style:square;
    margin-left:20px;
    font-family:verdana, arial, sans-serif;
    line-height:160%;
}
#content .entry p {
padding:0;
/*width:360px;*/
margin-right:28px;
}
h1 {
font-size:2em;
font-style:italic;
font-weight:normal;
line-height:125%;
color:#666;
margin:0 0 20px 0;
padding-right:26px;
}
	h1 a {
	color:#666;
	}
	h1 a:hover,
	h1 a:focus {
	color:#c06600;
	}
.videocontainer {
text-align:center;
border:1px solid #aaa;
padding:15px 0;
margin:15px 0;
margin-right:28px;
}
.the_book {
float:right;
width:130px;
margin:0 2px 0 15px;
}
	.the_book img {
	margin-bottom:10px;
	}
	.the_book a {
	color:#3d5055;
	font-size:.9em;
	padding:6px 5px 6px 25px;
	font-weight:bold;
	display:block;
	margin:1px 2px 1px 4px;
	text-transform:uppercase;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	.the_book a:hover,
	.the_book a:focus {
	color:#c06600;
	}
	.leseprobe {
	background:url(img/icon_leseprobe.gif) no-repeat left center;
	}
	.trailer {
	background:url(img/icon_trailer.gif) no-repeat left center;
	}
	.website_autor {
	background:url(img/icon_website_autor.gif) no-repeat left center;
	}
	.website_buch {
	background:url(img/icon_website.gif) no-repeat left center;
	}
	.website_info {
	background:url(img/icon_website_info.gif) no-repeat left center;
	}
	.podcast {
	background:url(img/icon_podcast.gif) no-repeat left center;
	}
.link {
color:#3d5055;
font-size:.82em;
padding-left:8px;
margin-right:15px;
background:url(img/arrow_lo.gif) no-repeat left center;
font-weight:bold;
text-transform:uppercase;
}
	.link:hover,
	.link:focus {
	background:url(img/arrow_hi.gif) no-repeat left center;
	color:#c06600;
	}
#content .postmetadata a {
color:#3d5055;
}
	#content .postmetadata a:hover,
	#content .postmetadata a:focus {
	color:#c06600;
	}
#content .postmetadata strong {
display:inline;
}

/*	---------------------------------------------------------------------------------------------
	5. sidebar
	------------------------------- */

.box_header {
width:229px;
height:27px;
padding-right:5px;
background:url(img/box_header_bg.gif) no-repeat;
}
	.box_header strong {
	font:1.4em georgia, 'times new roman', serif;
	color:#333;
	display:block;
	line-height:29px;
	padding:0 0 0 25px;
	background:no-repeat left center;
	margin:0 0 0 5px;
	}
	/*	---------------------------------------------------------------------------------------------
	icons	*/
	
	.box_header .archiv {
	background:url(img/icon_archiv.gif) no-repeat left center;
	}
	.box_header .topthemen {
	background:url(img/icon_topthemen.gif) no-repeat left center;
	}
	.box_header .infoservice {
	background:url(img/icon_infoservice.gif) no-repeat left center;
	}
	.box_header .trailer {
	background:url(img/icon_trailer.gif) no-repeat left center;
	}
	.box_header .website {
	background:url(img/icon_website.gif) no-repeat left center;
	}
	
	/*	---------------------------------------------------------------------------------------------	*/
.box {
width:229px;
padding-right:5px;
background:url(img/box_bg.gif) repeat-y;
}
.box_end {
width:229px;
padding-right:5px;
height:4px;
margin-bottom:7px;
background:url(img/box_end_bg.gif) no-repeat;
}
#sidebar .link {
font-size:.9em;
font-family:verdana, arial, helvetica, sans-serif;
height:26px;
line-height:26px;
margin-left:10px;
}
#infoservice_box p {
font:1.1em/1.4em verdana, arial, helvetica, sans-serif;
padding:10px 0 10px 35px;
margin:0 10px;
border-bottom:1px dashed #ccc;
background:url(img/icon_uhr.gif) no-repeat left center;
}
a.autorenwebsite {
display:block;
margin-left:1px;
}
#player_videotrailer {
margin-left:1px;
}

/*	---------------------------------------------------------------------------------------------
	archiv	------------------------------- */

#archiv_box ul {
padding:0 10px;
}
	#archiv_box li {
	border-bottom:1px dashed #ccc;
	float:left;
	}
	#archiv_box img {
	float:left;
	margin-right:10px;
	}
	#archiv_box ul a {
	font-size:1.1em;
	display:block;
	float:left;
	width:209px;
	padding:10px 0;
	}
	#archiv_box ul a:hover,
	#archiv_box ul a:focus {
	background:#fafafa;
	}
	#archiv_box ul a:hover span,
	#archiv_box ul a:focus span {
	color:#c06600;
	}
	#archiv_box strong {
	font-weight:normal;
	display:block;
	font-size:1.1em;
	line-height:125%;
	width:160px;
	padding:0 0 0 48px;
	}
		#archiv_box strong span {
		display:block;
		}

/*	---------------------------------------------------------------------------------------------
	Top Themen	------------------------------- */

.tagbox {
padding:10px 0;
margin:0 10px;
}
.tagbox a {
color:#aaa;
font-family:verdana, arial, helvetica, sans-serif;
font-size:.9em;
margin:0 5px;
line-height:1.5em;
}
	.tagbox .tagsize_2 {
	font-size:1.2em;
	}
	.tagbox .tagsize_3 {
	font-size:1.4em;
	}
.tagbox a:hover,
.tagbox a:focus {
text-decoration:underline;
color:#000;
}

/*	---------------------------------------------------------------------------------------------
	Autorenwebsites	------------------------------- */

.linkliste {
padding:1px 10px;
padding-top:124px;
}
.linkliste li {
line-height:2.6em;
border-bottom:1px dashed #ccc;
}
.linkliste .last {
border:0;
}
.linkliste a {
display:block;
line-height:2.6em;
padding-left:8px;
color:#3d5055;
background:url(img/arrow_lo.gif) no-repeat left center;
font-weight:bold;
font-family:verdana, arial, helvetica, sans-serif;
font-size:.9em;
}
	.linkliste a:hover,
	.linkliste a:focus {
	background:url(img/arrow_hi.gif) no-repeat left center;
	color:#c06600;
	}
.autorenlinks {
position:relative;
}
.fadeimage {
position: absolute;
top: 0px;
left: 1px;
width: 228px;
height: 124px;
}


/*	---------------------------------------------------------------------------------------------
	6. Kommentare
	------------------------------- */

	h3#comments,
	h3#respond {
	margin:20px 4px 25px 1px;
	font-size:1.6em;
	font-weight:normal;
	font-style:italic;
	padding:15px 0 2px 24px;
	border-top:1px dashed #ccc;
	}
	.commentlist li {
	padding:10px;
	margin:10px 26px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
	.commentlist li.alt {
	background:#eee;
	}
	.commentlist li small {
	line-height:1.6em;
	font-size:1.1em;
	font-weight:bold;
	}
		.commentlist li small a,
		.commentlist li cite a {
		color:#000;
		font-style:normal;
		}
	#content .commentlist li p {
	padding:0;
	}
		.commentlist li small a:hover,
	 	.commentlist li small a:focus,
		.commentlist li cite a:hover,
		.commentlist li cite a:focus {
		color:#c06600;
		text-decoration:none !important;
		}
	.entry .commentmetadata a {
	padding-left:5px;
	font-size:1.2em; 
	}

		/*	---------------------------------------------------------------------------------------------
		Formular */

		form {
		width:100%;
		text-align:center;
		}
		fieldset {
		margin:10px auto;
		width:480px;
		text-align:left;
		}
		fieldset li {
		line-height:1.6em;
		float:left;
		width:100%;
		margin-bottom:10px;
		}
		label {
		float:left;
		width:45%;
		margin:0 10px 0 0;
		font-size:1.2em;
		padding:1px 0;
		}
		input {
		float:right;
		width:50%;
		font-size:1.2em;
		}
		textarea {
		width:476px;
		margin-bottom:10px;
		}
		input#submit {
		width:25%;
		cursor: pointer;
		}
		#commentform p {
		text-align:left;
		width:480px;
		padding:0;
		margin:auto;
		}
		#commentform p a {
		font:italic 1.2em georgia, 'times new roman', serif;
		color:#000;
		}

/*	---------------------------------------------------------------------------------------------
	7. Infoservice
	------------------------------- */

h1.pagetitle {
margin-left:27px;
}

#infoservice input {
float:left;
}
#infoservice span {
float:left;
margin:5px 0 0 226px;
width:50%;
}
input.zustimmung {
width:auto;	
}
label.zustimmung {
width:80%;
margin-left:5px;
font:1em/1.4em verdana, Arial, helvetica, sans-serif;
}
#infoservice .button_send {
width:auto;
padding:0 10px;
margin-top:20px;
cursor: pointer;
float:none;
}

/*	---------------------------------------------------------------------------------------------
	8. Navigation
	------------------------------- */

.navigation {
padding:5px 26px;
}
.navigation a {
font-weight:bold;
color:#666;
font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}
.navigation a:hover,
.navigation a:focus {
color:#c06600;
}
.prevlink,
.navigation .prevpost {
float:left;
margin-bottom:5px;
}
.nextlink,
.navigation .nextpost {
float:right;
}
.backlink, .forwardlink {width:140px; height:21px; display:block; background:url(img/prev_button.png) no-repeat;}
.forwardlink {background:url(img/next_button.png) no-repeat;}

/*	---------------------------------------------------------------------------------------------
	9. Hauptnavi
	------------------------------- */

#nav {
width:778px;
height:27px;
background:#fff url(img/nav_bg.png) repeat-x;
border:1px solid #ccc;
margin:0 10px;
}
#nav li {
float:left;
width:259px;
height:27px;
border-right:1px solid #ccc;
}
#nav a {
display:block;
width:259px;
height:27px;
line-height:28px;
text-transform:uppercase;
color:#666;
font-weight:bold;
text-align:center;
font-family:verdana, arial, sans-serif;
}
#nav li.last {border:0; width:258px;}
#nav .last a {width:258px;}



#nav a:hover {
background:#fff;
color:#c06600;
}

.interview {margin:40px 0;}
#content .entry .interview strong {
    width:100%;
    text-transform:none;
    font-size:1em;
}

.interview h2 {
    font-size:1.4em;
    font-style:italic;
    font-weight:normal;
}

.more-link {
    color:#999;
    /*font-size:1.1em;*/
}

.more-link:hover {
    color:#c06600;
}

.dotted {
    padding:0 26px 10px;
    border-bottom:1px dashed #ccc;
}