/* ALLGEMEINES */

h1{
	display:none; /* Diese sind nur für Suchmaschinen interessant, alle anderen Überschriften sind ab H2 abwärts */
}


h2,
h3,
.commentWriteNew,
.commentArea h4
{
	font-family:"Trebuchet MS", Georgia, Verdana;
	font-style:italic;
	color:#888;
	margin:0px;
}	

img{
		border:0px;
}
	
/* ALLGEMEINES / EINGABEN */	
select,
textarea,
input
{
		font-family:"Trebuchet MS", Georgia, Verdana;
}
.button
{
	border:0px;	
	background-color:#F60;
	padding:0px;
	color:#FFF;		
	cursor:pointer;

}	
/* SEITENABSCHNITTE */
/* SEITENABSCHNITTE  - Allgemein*/
body{
		text-align:center;
		background: url(../Images/BackgroundTop.gif) repeat-x #FFF2E9;
		margin: 0px;
		padding: 0px;
		font-family:Verdana;
}

.page{
	position:relative;
	text-align: center;
	width:920px;
	margin:18px auto 0;

}

.plainWhite,
.plainBody
{
	background-image:none;
	background-color:#FFF;
	font-size:0.8em;

}
.plainBody
{
	text-align:left;
	margin:15px 15px auto 15px;
}

/* SEITENABSCHNITTE - Header*/


.header{
	background: url(../Images/HeaderBackground.gif) repeat-x #FFFFFF;
	height:220px;
	width:920px;
	text-align:left;			

}

.headerShadowLeft {
	background: url(../Images/HeaderShadowLeft.gif);
	width:10px;		
	height:220px;
	float:left;		
}


.headerLineLeft {
	background: url(../Images/HeaderLeft.gif);
	width:2px;		
	height:220px;
	float:left;	
		
}

.headerShadowRight{
	background: url(../Images/HeaderShadowRight.gif);
	width:10px;
	height:220px;
	float:right;
	
}

.headerLineRight{
	background: url(../Images/HeaderRight.gif);
	width:1px;
	height:220px;
	float:right;
}


.searchForm{
		float:left;
		position:relative;
		left:300px;
		top:30px;
}
.searchFormInput{
	border:1px solid #CCCCCC;
	color:#333333;
	padding-left:20px;	
	background:url(../Images/SearchInput.jpg) no-repeat;
	width:150px;
	font-size:0.9em;
}
.searchFormButton
{
	width:60px;

}


.dominikAmonLogo{
	float:left;
	position:relative;
	top:30px;
	left:30px;
	
}
.dominikAmonLogo a
{
	background: url('../images/DominikAmonWeblog.gif') no-repeat left center;   
	padding:30px 30px 30px 320px;
	text-decoration:none;
	line-height:30px;

}
.header ul{

	width:890px;
	float:left;
	position:relative;
	top:60px;
	left:30px;
}

.header ul li a span,
.dominikAmonLogo span{
	display:none;
}


/* SEITENABSCHNITTE - Content/Allgemein*/
.outerBody{
	background: url(../Images/ContentBackground.gif) bottom repeat-y #FFFFFF;
	width:920px;
	text-align:left;		

}

.outerBodyShadowLeft {
	background: url(../Images/ShadowLeft.gif);
	width:10px;		
	height:100%;
	float:left;
		
}
.outerBodyShadowRight{
	background: url(../Images/ShadowRight.gif);
	width:10px;
	height:100%;
	float:right;
}

.innerBody{
	padding-top:10px;	
	margin-left:10px;
	margin-right:10px;
	width:900px;
	
}

/* SEITENABSCHNITTE - Content/Hauptbereich*/
.content
{
	position:relative;
	width:850px;
	left:40px;
	top:10px;	
	font-size:0.8em; /* Allgemeine Schriftgröße im Content Bereich */
	
}


.smallContentBar,
.bigContentBar
{
	width:500px;		
	overflow:auto;
	float:left;

}


/* SEITENABSCHNITTE - Content/Post */

.mainPost
{
	padding-bottom:20px;
}
.mainPost div
{
	position:relative;
	left:30px;
	width:450px;
}

.infobar{
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:0.8em;
	
}
hr
{
	height:1px;
	color:#888;
}

/* SEITENABSCHNITTE - Content/Contextbereich*/
.contextBar
{
	width:250px;
	float:right;	
	position:relative;	
		
}

/* SEITENABSCHNITTE - Content/Sidebar*/
.sideBar
{		
	clear:both;
	font-size:0.8em;	
	padding-top:80px;
	width:900px;
	height:150px;			
}

.sideBar div
{
	float:left;
	width:150px;
	height:170px;
	margin:10px;	
	padding:5px;
	background: url(../Images/SmallCardHeader.jpg) top left no-repeat #FFF;
	
}
.sideBar div h2
{
	margin:5px;
}

.randomPics
{
	clear:both;
	width:860px;
}
.randomPics ul li div{
	margin:5px;
	width:136px;
	height:106px;
	float:left;
	background:url(../Images/ImageBackground.jpg) no-repeat;
	text-align:center;
	padding-top:3px;
}
/* SEITENABSCHNITTE - Footer*/
.footerLine{

	margin-top:20px;
	height:30px;
	background: url(../Images/Footerline.gif) bottom repeat-y #FFF;
	text-align:center;
	clear:both;
	font-size:0.7em;
}
.footerLine ul{

		position:relative;
		top:10px;
		margin:0px;
}
.footerLine ul li{
		padding:7px;
}

.endShadow{
	background: url(../Images/ShadowBottom.gif) bottom;
	height:20px;
}


/* SONSTIGES  */
.message{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:100%;
	background:url(../Images/Message.gif) top repeat-x #FF9;
	border:1px solid #000;
	padding:25px;

}
.archiveChooser
{
	border:1px #CCC solid;
	margin:10px;
	padding:10px;
}

#tagCloud A { MARGIN: 5px; TEXT-DECORATION: none; white-space:nowrap; }
#tagCloud A:hover { TEXT-DECORATION: underline }
#tagCloud A.weight1 { FONT-WEIGHT: bolder; FONT-SIZE: 14pt; COLOR: #f60 }
#tagCloud A.weight2 { FONT-WEIGHT: bolder; FONT-SIZE: 13pt; COLOR: #f96 }
#tagCloud A.weight3 { FONT-WEIGHT: bolder; FONT-SIZE: 13pt; COLOR:  #c96 }
#tagCloud A.weight4 { FONT-SIZE: 12pt; COLOR: #666 }
#tagCloud A.weight5 { FONT-SIZE: 10pt; COLOR: #999 }	

.keywordList {float: left; }
.keywordList div label {white-space:nowrap;}

/* Kommentare */

.commentArea
{
	
	border:1px solid #DDD;	
	CLEAR: both;	
	padding:4px;
	width:490px;
	margin-top:30px;
		
}
.contextBar,
.commentRoot,
.commentReply
{
	
	margin:5px;
	border:1px solid #FFF;	
	border-top: dotted 2px #DDD;	
	background: url(../Images/PlateBottom.gif) bottom repeat-x #F6F6F6;
	padding:10px;
}



.commentRoot
{
	width:460px;
}
.commentReply
{
	width:420px;
	position:relative;
	left:40px;
}
.commentWriteNew
{
	font-size:1.5em;
	color:#000;
	font-weight:bold;	
}

/* ÜBERSCHRIFTEN */
.bigContentBar h2
{
	font-size:2.3em;
}
.contextBar h2,
.randomPics h2,
.smallContentBar h2,
.categories h2,
.sideBar div h2,
.blogResult h2
{
	font-size: 1.6em;	
}


/* LISTEN - ALLGEMEIN */
/* LISTEN - STATELESS UL */
.commentSummery,
.entryHistory,
.header ul,
.archiveChooser ul,	
.footerLine ul, 
.sidebar div ul,
.archive ul
{
	padding: 0px;
	margin: 0px; 
}
.categories ul
{	
	margin-left:30px;
	padding:0px;
}

/* LISTEN - ALLGEMEIN/ITEMLESS */
.commentSummery li,
.entryHistory li,
.sidebar div ul li,
.header ul li,
.footerLine ul li,
.categories ul li,
.randomPics ul li,
.archiveChooser ul li
{
	list-style:none;	
}

/* LISTEN - ALLGEMEIN/INLINE */

.header ul li,
.footerLine ul li,
.categories ul li,
.randomPics ul li,
.archiveChooser ul li
{
	display:inline;	
	
}


/* HYPERLINKS/ALLGEMEIN */
a
{
	color:#000;	
}
a:hover
{
	color:#F60;
}

.footerLine ul li a
{
	text-decoration:none;
}
.categories ul li a:hover,
.footerLine ul li a:hover
{
	text-decoration:underline;
}


.moreLink
{
	font-style:italic;
}
.selectedItem
{
	font-weight:bold;
}

/* HYPERLINKS - PFEILE GROSS */

.commentWriteNew,
.mainPost h2 a
{
	background: url('../images/pfeil30_normal.gif') no-repeat left center;   
	padding: 0px 0px 0px 30px;	   
}	
.commentWriteNew:hover,
.mainPost h2 a:hover
{
	background: url('../images/pfeil30_active.gif') no-repeat left center;   
	padding: 0px 0px 0px 30px;
	text-decoration:none;
}    
/* HYPERLINKS - PFEILE KLEIN */
.commentWriteReply,
.entryHistory li a
{
	background: url('../images/pfeil13_normal.gif') no-repeat left center;   
	padding: 0px 0px 0px 15px;		
	line-height:20px;
}
.commentWriteReply:hover,
.entryHistory li a:hover
{
	background: url('../images/pfeil13_active.gif') no-repeat left center;   
	padding: 0px 0px 0px 15px;
	
}
/* HYPERLINKS - KOMMENTAR */
.comment,
.commentSummery li a
{
   background: url('../images/comment13_normal.gif') no-repeat left center;   
   padding: 0px 0px 0px 15px;   
   line-height:20px;
}
.comment:hover,
.commentSummery li a:hover
{
   background: url('../images/comment13_active.gif') no-repeat left center;   
   padding: 0px 0px 0px 15px;
   text-decoration:none;
}
/* MOBILE BLOG */

.mobileEntry{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border-top: dotted 2px #DDD;	
	background: url(../Images/PlateBottom.gif) bottom repeat-x #F6F6F6;

	padding-bottom:20px;

}
.mobileEntry .timeSpan
{
	color:#F60;
	font-size:0.8em;
}

.mobileEntry .textMessage
{
	margin:5px;
	width:500px;	
}