/*
Theme Name: Farbrestaurierung
Description: Farbrestaurierung.de
Author: rosch werbung
Author URI: http://www.rosch-werbung.de/
*/


/******************************
	reset defaults
 ******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, 
font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}

/******************************
	defaults
 ******************************/
html, body{
background:#fff;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
height:101%;
}

/******************************
	text
 ******************************/
h1  { 
	display:block;
	float:right;
	margin:35px 0 15px 0;
	text-align:right;
}
	h1 a { 
		color:#802065;
		font-size: 20px;
		text-decoration:none;
	}
	
	h1 span { font-size: 12px;}

h2 {
	color:#802065;
	font-size: 22px; 
	font-weight:normal;  
	margin:0 0 25px 0; 
	padding:0; 
	}
	
h3 {
	color:#333;
	font-size: 14px; 
	font-weight:normal;  
	margin:0 0 7px 0; 
	padding:0; 
	}
	
h4 {
	color:#802065;
	font-size: 14px;
	font-weight:bold;  
	}
	
h5 {
	color:#666;
	font-size: 11px; 
	font-weight:bold;  
	}

.left {float:left}
.right {float:right}
.clear {clear:both}

hr {visibility:hidden; height:1px; margin-bottom:15px; clear:both}

.caption {font-size:10px; line-height:12px;}

p {margin-bottom:10px;}

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

h3 a { background:url(images/grafiken/arrow-1.gif) no-repeat 0 4px; font-size:14px; padding-left:15px}
h3 a:hover  { background:url(images/grafiken/arrow-2.gif) no-repeat 0 4px;}

#up {width:100%; border-bottom:1px solid #802065;}
#up a, #up a:link, #up a:active { background:url(images/grafiken/arrow-up.gif) no-repeat 0 4px; font-size:12px; padding-left:15px}
#up a:hover { background:url(images/grafiken/arrow-up-over.gif) no-repeat 0 4px;}

#back {width:100%; border-bottom:1px solid #802065; margin-top:10px}
#back a, #back a:link, #back a:active { background:url(images/grafiken/arrow-back.gif) no-repeat 0 4px; font-size:12px; padding-left:15px}
#back a:hover { background:url(images/grafiken/arrow-back-over.gif) no-repeat 0 4px;}

/******************************
      container
 ******************************/
#wrap_out{
	margin:0 auto;
	position:relative;
	width:960px;
		}
		
#top_content{ 
	border-bottom:10px solid #802065; 
	height:81px; 
	padding-bottom:10px
	}
	
#content{ 
	background:url(images/grafiken/bg-content.gif) repeat-y;
	padding:50px 10px;
	}
	
.index #content{ background:none;padding:0;}
.index h2 {
	position:absolute;
	top:150px; left:650px;
	}

.post {}

.entry {margin-left:250px; width:640px; font-size:11px;}
.entry p{margin-bottom:15px; line-height:18px}

.entry p.verweis_oben { background:url(images/grafiken/arrow-up.gif) no-repeat 0 4px; font-size:12px; padding-left:15px}
.entry p.verweis_rechts { background:url(images/grafiken/arrow-1.gif) no-repeat 0 4px; font-size:12px; padding-left:15px}

#rechte_spalte {
	position:absolute;
	top:150px; right:0;
	text-align:right;
	width:310px;
	}
	
#hinweis {
	border:1px solid #666;
	padding:10px;
	margin-bottom:35px;
	}
	#hinweis p, #hinweis ul{ font-size:10px;}
	#hinweis ul li { margin:5px 0;}
	
.left_col {float:left;  width:300px; margin-right:40px; position:relative}
.right_col {float:left; width:300px; position:relative}

ul.pic_list li{
	float:left; display:inline;
	font-size:10px;
	margin-bottom:50px;
	width:300px;
	}	
	
	ul.pic_list li.abstand{margin-right:40px;float:left; display:inline;
	font-size:10px;
	margin-bottom:50px;
	width:300px;}	

#footer {
	background:url(images/grafiken/footer-placeholder.jpg) no-repeat;
	height:65px;
	margin-bottom:20px;
	position:relative;
	}
	
	#footer h4{
	position:absolute;
	top:5px; left:332px;
	}
	
	#footer h5{
	position:absolute;
	top:50px; left:332px;
	}

.index #footer {
	background:none;
	border-top:10px solid #802165;
	height:30px;
	margin-bottom:20px;
	position:relative;
	}
	

/******************************
      navigation
 ******************************/
ul#nav {position:absolute; top:50px; left:20px;}
ul#nav {list-style-type:none; width:100%}
ul#nav li{display:block; display:inline}

ul#nav a:link, 
ul#nav a:visited{padding:5px; display:block; color:#353434; margin-right:10px; float:left; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase}

ul#nav a:hover, 
ul#nav li.current a:link, 
ul#nav li.current a:visited, 
ul#nav li.current a:hover, 
ul#nav li.current a:active{
	background-color: #802065;
	color:#fff; 
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	}
	
/******************************
      tabellen
 ******************************/
.vita table, .referenzen table  {border:0; width:98%}
.referenzen table  {margin-bottom:20px}

.vita table td.textright, .referenzen table td.textright  { text-align:right}