html {min-height: 100%;}

* {
	border: 0;
	padding: 0;
	margin: 0;

}

more { background-image: url('http://localhost/proarte/wp-content/themes/proarte/img/pfeil_orange_mehr.png');
}

a {color: #FF6600;}
a:hover {color: #C60;}

body {
	xbackground: #CCD8E0 url('img/bg_kachel.png') repeat left bottom;
	background-color: #eceded;
	font: normal 11px Trebuchet MS;
	line-height:1.9em;
	color:#333333;
}

p,code,ul {padding-bottom: 10px;}

li {list-style: none;}

h1 {
	font: normal 1.8em  Arial;
	margin-bottom: 0px;
	line-height:1em;
	font-size:22px;
	color:#FF6600;
}

h2 {font: normal 1.6em sans-serif;}
h3 {font: bold 1.2em sans-serif;
	padding-bottom:10px;}


.subtitle {
	font: normal 1.8em  Arial;
	font-size:18px;
	color: #333333;
	padding-bottom:5px;
}

.date {
	font: bold 1.8em  Arial;
	font-size:14px;
	color: #333333;
	padding-bottom:5px;
}

.h1_archiv {
	font: normal 0.8em  Arial;
	margin-bottom: 0px;
	font-size:14px;
	color:#FF6600;
}

.subline_archiv {
	font: Tahoma MS;
	margin-bottom: 0px;
	font-size:13px;
	color: #333333;
	line-height: 1.2em;
}


line { 
	background-image: url('../wp-content/uploads/2009/11/line_grey.png');
}


h1, h2, h3 {padding-top: 13px;}

label {
	display: block;
	font-size: 0.9em;
}

/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	width: 780px;
}

/* header */
.top {
	
	padding-left:10px; padding-right:10px; padding-top:50px; padding-bottom:0
}

/* title */
.header {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px;
}
.header .left, .header .right {
	background: #FFFFFF;
	color: #FFF;
	height: 150px;
	position:relative;
	left:0; top:0;
}
.header .left {
	background: url('img/header.jpg') no-repeat;
	text-align: center;	
	width: 780px;
}


/* navigation */
.navigation {	
	width: 500px;
	margin:75px 0 0 10px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:0;
}

.navigation a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	float: left;
	text-decoration: none;
	margin:0;
	line-height: 30px;
	padding: 0px 13px;
}

.navigation a:hover {color: #FF6600}
.navigation ul {display: inline; margin:0;}
.navigation li {float: left; margin:0;}

.subnavi {	
	width: 500px;
	margin:0 0 0 12px;
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	left:0;
	top:105px;
	}
	
.subnavi a {
	font: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	float: left;
	text-decoration: none;
	font-size:10px;	
	line-height: 20px;
	padding: 0px 11px;
}
.subnavi a:hover {color: #FF6600}
.subnavi ul {display: inline;}
.subnavi li {float: left;}


/* main */
.main {
	padding-left:24px;
}

/* content */
.content {
	float: left;
	width: 750px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.content ul {margin-left: 18px;}
.content ul li {list-style: url('img/li.gif');}
.content ol li {list-style: decimal;}

.content p {font-family:Trebuchet MS;}

#box_grey {
	background-color: #CCCCCC;
	font: Trebuchet MS;
	font-weight: 60;
	font-size: 11px;
	color: #333333;
	line-height: 12px;
	}
	
#box_grey_archiv {
	background-color: #CCCCCC;
	font: Trebuchet MS;
	font-weight: 60;
	font-size: 14px;
	color: #333333;
	line-height: 14px;
	padding: 20px 0px 20px 0px
	}
	
/* footer */
.footer {
	background: url('img/footer.png') no-repeat;
	color: #FFF;
	font: 80 1em sans-serif;
	padding: 0 16px;
	line-height: 28px;
	height: 28px;
	text-decoration:none;
}
.footer .right { font:Trebuchet MS; color: #FFFFFF; font-size:9px; font-weight:lighter; text-decoration:none;}
.footer .right a {color: #FFFFFF; text-decoration: none;}
.footer a, .footer a:hover,.footer .right a:hover {color: #FFF; text-decoration:none;}

/* posts */
.post{ margin:0 0px; }
.post h1 a {text-decoration:none;}
.post h1 a:hover {text-decoration: none;}

.post {xmargin: 6px 0 2px;}
.post .info{
	padding: 5px 10px;
	xborder: 1px solid #E3E4E4;
	background:#F5F5F5;
	color: #555;
	margin: 2px 0 4px;
}
.post img {xborder: 4px solid #DDD; xmargin: 4px 0;}
.post a img {xborder: 4px solid #DDD;}
.post a:hover img {border-color: #CCC;}

#postimg {border: 4px solid #DDD; margin: 0px 0;}

.info a {text-decoration: none;}
.info a:hover {text-decoration: none;}

a img {border:none;}


/* 
   Wordpress 
------------------------------------------------------------------- */

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* Images */
img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	xborder: 1px solid #DDD;
	padding: 3px;
}

img.alignleft {margin: 0 15px 12px 0;}
img.alignright {margin: 0 0 15px 12px;}


/* Floats */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin: 0 auto;}