/* 
  red-jewels © alice-grafixx.de
  
  Author: 		Alice
  Author URI:	http://alice-grafixx.de
  
  Version: 		1.0   

*/

* {
		margin:0;
		padding:0;
}

html, body {
		height:100%;
}

/* advent */

.cal{
	position: relative;
	z-index: 50;
	width: 700px;
	height: 463px;
	background: url(images/advents.gif) top left no-repeat;
}

	.cal div{
		background: url(images/platzhalter.jpg);
		position: absolute;
		z-index: 2;
		width: 433px;
		height: 318px;
		top: 28px;
		left: 27px;
		color: #2E3D50
	}
	
		.cal div strong{
			color: #546E93;
		}
	
		.cal div h2{
			font-size: 2.5em;
			font-weight: bold;
			color: #546E93;
		}

body {
    font: .9em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */    
	background: url(images/back.jpg);
	line-height: 1.35em;
	color: #C9B290;
}

#distance { 
	width: 1px;
	height: 50%;
	margin-bottom:-290px; /* half of container's height */
	float:left;
}

#ram {
	background: url(images/right.jpg) 329px 0px no-repeat;
	margin:0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	height: 574px;
	width: 980px;
	clear: left;
}

/* Layout
----------------------------------------------------- */
	h1#header {
		margin: 0;
		padding: 0;
		color: #2E0002;
		font-size: 1.0em;
		height: 0px;
	}

#left{
	background: url(images/links.jpg) top right no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
    width: 329px;
    height: 574px;
    padding:0;
    margin: 0;
}

	#left ul{
		margin: 100px 0 0;
		list-style-type: none;
		color: #fff;
	}

	#left ul li{
		padding: 0;
		margin: 0 15px;
	}
	
	#left ul li a{
		background: url(images/li.jpg) center left no-repeat;
		color: #EFE995;
		font-weight: normal;
		font-size: 1.4em;
		line-height: 1.5em;
		padding: 0 0 0 15px;
	} 
	
	#left ul li a:visited{
		color: #B39F62;
	}
	
	#left ul li a:hover{
		background: url(images/li_d.jpg) center left no-repeat;
		color: #C9B290;
	}
	
#right{
	position: absolute;
	top: 0px;
	left: 325px;
	height: 550px;
	padding-top: 20px;
}

	#post{
		overflow: auto;
		height: 495px;
		width: 595px;
		padding-right: 55px;
	}
	
	#post img{
		border: 1px solid #C9B290;
		padding: 0px;
	}
	
	#post h2{
		padding-top: 0;
	}


	ul#navi_down{
		width: 450px;
		list-style: none;
		clear: both;
		margin: 30px 125px 0 5px;
	}

	ul#navi_down li{
		float: left;
		padding: 0;
		margin: 0 15px;
	}
	
	ul#navi_down li a{
		background: url(images/li.jpg) center left no-repeat;
		padding: 0 0 0 15px;
		display: block;
		color: #C9B290;
		font-weight: bold;
	} 
	
	ul#navi_down li a:hover{
		background: url(images/li_d.jpg) center left no-repeat;
		color: #EFE995;
	}

	
/* Links - Verweise
----------------------------------------------------- */

a{
	font-weight: bold;
    color: #EFE995;
    text-decoration: none;
}

a:visited{
    color: #C9B290;
}

a:focus, div:focus  {
	outline: none;
	-moz-outline: none;
}

a:active {
	outline: none;
	-moz-outline: none;
}

a:visited:hover{
    color: #280503;
}

a:hover{
    color: #280503;
}

	.verweise a{
		display: block;
		margin-bottom: 9px;
	}
	
	.d a{
	 font-weight: normal ! important;
	}

/* Headlines
----------------------------------------------------- */

h1{
    font: normal 1.0em Arial, Verdana, Sans-Serif;
    text-align: center;
    margin: 0;
    color: #EFE995;
}

h1 a:hover{
    color: #ddd;
}

h2{
	background: url(images/headlines.png) top left no-repeat;
    font: normal 2.0em Arial, Verdana, Sans-Serif;
    margin: 0px 0 12px;
    padding: 0 0 0 7px;
    color: #EFE995;
}
	h2 a{
		font-weight: normal;
	}

	h2 small{
		font-weight: normal;
		font-size: .5em;
	}

h3{
    color: #EFE995;
    font-weight: normal;
    font-size: 1.3em;
    margin: 5px 0;
}
	h3 small{
		font-weight: normal;
		font-size: .6em;
	}

h4{
    color: #444444;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 0px;
}
	h4 small{
		display: block;
		color: #808080;
		font-weight: normal;
		font-size: .8em;
	}

/* Sonstiges
----------------------------------------------------- */

p, pre{ padding: 0px 5px; margin: 0 0 5px; font-size: .8em;}

.big{
	font-size: 1.2em;
}

.hr{
	background: url(images/hr.png) top center no-repeat;
	height: 62px;
	width: auto;
	margin: 0 0 20px 0; 
}

ul{
	list-style: square;
	margin-left: 25px;
}

del, em, strong{
	color: #EFE995;
}

.wurf{
	font-size: 3.8em;
	line-height: 3.1em;
}
	.wurf a{
		font-weight: normal;
	}	
	
.thumbs{
	width: 100px;
	float: right;
	margin: 0 35px 0 0;
	text-align: center;
	
}	

.galerie{
	width: 100px;
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
}

.right{
	text-align: right;
    padding: 0 0 0 15px;
}

.left{
	text-align: left;
}

.go_left{
	float: left;
	padding-right: 8px;
}

.go_right{
	float: right;
	padding-left: 8px;
}

.clear_left{ clear: left; }

.center, .verweise{ text-align: center; }

.color{
	color: #EFE995;
}

.color2{
	color: #C9B290;
}

.error{
	width: 450px;
	color: #EFE995;
	padding: 5px;
	border: 1px solid #D53F11;
}
	.error h2{
		padding: 0px 0px 5px 2px;
		font-size: 1.2em;
		font-weight: bold;
		border-bottom: 1px dotted #F06C46;
		color: #EFE995;
	}
	
	.error .button{
		width: 180px;
		float: left;
		margin: 0 10px 20px;
	}
/* Seitennavigation
----------------------------------------------------- */
#navigation A {
	margin: 0 1px;
	padding: 4px 7px;
	font-weight: bold;
	text-decoration: none;
}

#navigation A:visited {
	font-weight: normal;
	text-decoration: none;
}

#navigation A:hover, #navigation A:active {
	text-decoration: none;
}

.current {
	padding: 4px 7px;
	color: #000; 
}

.pages{
	padding: 2px 7px;
	float: right;
	margin: -3px 0 0;
	font-weight: bold;
}

.img, .fancy img{
	border: 1px solid #D3B9C6;
	background: #FAF8F9;
	padding: 4px;
}

.img:hover, a.fancy:hover img{
	border: 1px solid #784958;
}

	.fancy{
		margin: 0 0 2px;
	}

.scroll{
	overflow: auto;
}


/* Tab list
----------------------------------------------------- */

.list ul{
	margin: 0; 
	padding: 0;
}

.list li  {
	border-top: 2px solid #F9F5F4;
	list-style:none inside none;

    padding: 4px 5px;
    margin: 0 0px 0 -25px;
}

	* html .list li{
		margin: 0 0 0 -15px;
	}

	.list li small{
		display: block;
		margin-top: -5px;
		color: #B7809D;

	}

.list li.last {
    margin: 0;
}

/* Formulars
----------------------------------------------------- */

form{
	font-size: 0.8em;
}

fieldset{
    padding: 18px 10px;
    margin: 0px 0px 5px;
	border: none;
}

legend{
	padding: 5px 10px;
	font-size: 1.6em;
	color: #EFE995;
}	
	legend small{
		font-size: 0.6em;
		font-weight: normal;
	}

	.scroll legend a{
		font-weight: normal;
	}
	
	.book{
		border-top: 0px solid #390602;
		
		padding: 5px;
	}
	
	.book a img, .book img{
		border: none ! important;
	}
	

	.name{
		border-bottom: 1px dotted #B39F62;
		font-weight: bold;
		font-size: 1.0em;
		margin: 0 4px 4px 2px;
	}
		.name small{
			font-weight: normal;
			font-size: 0.8em;
		}
	
label{
	display: block;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

input, textarea{
	font: 1.1em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
    border: 1px solid #390602;
	background: #82030E url(images/text.jpg) center left no-repeat;
	margin: 0px 0px 3px;    
	padding: 2px;
	color: #EFE995;
}

input, select { width: 250px;}

.smalls{
	width: 195px;
}

	.radio{
		width: 15px;
		margin: 3px 5px;
	}

input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus{
border: 1px solid #B39F62;
color: #EFE995;
}

.button{
	display: block;
	text-align: center;
	width: 150px;
	font-weight: bold;
	background: #82030E url(images/text.jpg) center left no-repeat;
	border: 1px solid #390602;
	border-radius: 5px;
		
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
}