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

*/

	* {
		margin:0;
		padding:0;
		}

body {
	font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
    background: #F5DDC4 url(images/hg.jpg) 0px -30px repeat-x;
    margin: 0px 0 0 0;
    padding: 0;
    line-height: 1.64em;
    color: #454545;
}

/* Layout
----------------------------------------------------- */

#ram {
    background: url(images/back.png) top left no-repeat;
    width: 957px;
    height: 665px;
    margin: 0px auto;
}

#header {
    height: 109px; 
}
	#header h1{
		width: 505px;
	    height: 75px;
	    margin: 0;
	    padding: 20px 0 0 175px;
	    float: left;
	    
	}
	
	#header h1 a{
		color: #3E3C3C;
	}
	
		#header h1 a:hover{
			color: #E9609A;
		}
		
		#header h1 span{
			display: block;
			font-size: 0.5em;
			color: #7F7F7F;
			margin-left: 9px;
		}

#content{
    width: 620px;
    height: 380px; 
    margin: 0;
    padding: 5px 0px 10px 142px;
	float: left;
}

.pat{	
	width: 150px;
	height: 180px;
	float: left;
	padding-left: 4px;
}
	.txt{
		padding-left: 5px;
	}
	
	.pattern{
		border: 1px solid #F9D9E7;
		background: #fff;
		padding: 3px;
		width: 130px;
		height: 90px;
		display: block;	
		margin: 0 0 2px;
	}
		a.pattern:hover{
			border: 1px solid #E9609A;
		}
	
	.pattern span{
		width: 130px;
		height: 90px;
		display: block;
	}
		a.prev{
			background: url(images/lupe.jpg) center left no-repeat;
			padding: 1px 0 1px 24px;
		}
		
		a.down{
			background: url(images/disk.jpg) center left no-repeat;
			padding: 0 0 0 24px;
		}
		
		small{
			color: #464646;
		}

#right{
	margin-left: 773px;
	width: 87px;
	height: 300px;
    padding: 52px 0 20px 13px;
}

	#right a{
		border: 1px solid #EF8EB7;
		background: #fff;
		padding: 2px;
		width: 20px;
		height: 20px;
		display: block;	
		float: left;
		margin: 3px 7px 3px 3px;
	}
	
	img{
		border: none;
	}
	
#bottom {
	text-align: right;
	width: 717px;
	height: 20px;
	color: #464646;
	padding: 22px 25px 5px 0; 
}	
	 li a.order{
			background: url(images/order.jpg) center left no-repeat;
			padding: 0 0 0 18px;
			margin-right: 14px;
		}	

#sand{
	margin-top: 0px;
	background: url(images/sand.png) left bottom repeat-x;
	width: 100%;
	height: 95px;
}
	#sand p{
		padding: 0 0 10px 25px;
		color: #483D26;
	}		
	
	#sand ul{
		padding: 60px 0 5px 0px;
	}
	
	#sand li a{
		background: url(images/pfeil.jpg) center left no-repeat;
		padding: 0 0 0 18px;
		margin-right: 12px;
	}	
	
/* Links - Verweise
----------------------------------------------------- */

a{
    color: #E9609A;
    text-decoration: none;
}

a:visited{
    color: #7F7F7F;
}

a:visited:hover{
    color: #507DB4;
}

a:hover{
    color: #151515;
}

#footer a{
    color: #464646;
}

#footer a:hover{
    color: #E9609A;
}

h2 a{
	font-weight: normal;
}

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

h1{
    font: normal 2.9em Arial, Verdana, Sans-Serif;
    margin: 15px 0 0 5px;
}
	h1 a:link{
		color: #151515;
	}

	h1 a:hover{
	    color: #EF8F30;
	}

h2{
    font: normal 1.6em Arial, Verdana, Sans-Serif;
    margin: 0 0 5px;
    padding: 0 0 0 5px;
    color: #E9609A;
}

h3{
	border-bottom: 1px solid #F9D9E7;
	margin: 8px 0px 5px;
	padding: 2px;
}

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

p, pre{ padding: 0px 5px; margin:0px 5px; }

.post p{
	font-size: 0.9em;
}

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

	ul.none li{
		list-style-type: none;
		display: inline;
	}	

del, em{
	color: #151515;
}

.right{
    float: right;
    padding: 0 0 0 15px;
    
}

.go_left{
    float: left;
    padding: 0 15px 0 0;
    
}

.color{
	color: #151515;
}

.left{
	text-align: left;
}

.clear_left{ clear: left; }

.center{ text-align: center; }

.error{
	padding: 5px;
	border: 1px solid #D53F11;
	background: #FEF1ED;
}
	.error h2, .no_error h2{
		padding: 0px 0px 5px 2px;
		font-size: 1.2em;
		border-bottom: 1px dotted #F06C46;
		color: #151515;
	}

.no_error{
	padding: 5px;
	border: 1px solid #59A751;
	background: #92C78B;
	color: #000
}

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

fieldset{
    padding: 10px 10px;
    margin: 0px 0px 5px;

	border-top: 2px solid #151515;
	border-bottom: 2px solid #151515;
	border-left: none;
	border-right: none;
}

legend{
	padding: 5px 10px;
	font-size: 1.6em;
	color: #151515;
}

label{
	display: block;
	font-weight: bold;
}

input, textarea{
	font: 1.1em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
    border: 1px solid #e0e0e0;
	background: #fff;
	margin: 0px 0px 1px;    
	padding: 2px;
}

	textarea{
		padding: 2px ! important;
	}
		
input, select { width: 250px;}

input:hover, input:active, input:focus,
input.form:hover, input.form:active, input.form:focus,
textarea:hover, textarea:active, textarea:focus,
textarea.form:hover, textarea.form:active, textarea.form:focus{
	border-color: #E9609A;
}
.button{
	width: 150px;

	background: #F8F8F8 url(images/newslist.jpg) center repeat-x;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
		
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
}

.the_button{
	display: block;
	width: 200px;
	padding: 2px 10px;
	margin: 5px 0px;
	text-align: center;
	outline:none; 
	color: #444444 ! important;
	
	background: #F8F8F8 url(images/newslist.jpg) center repeat-x;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
}

.the_button:hover{
	color: #E9609A ! important;
}

/* Navigation
-------------------------------------------- */
#navigation{
	margin-top: 5px;
}

#navigation a {
	border: 1px solid #F9D9E7;
	background: #fff;
	margin: 0 -1px 0 0;
	padding: 4px 8px;
	color: #151515;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#navigation a:visited {
	color: #507DB4;
	font-weight: normal;
	text-decoration: none;
}
	
#navigation a:hover, #navigation a:active {
	border: 1px solid #E9609A;
	background: #fff;
	color: #151515;
	text-decoration: none;
}

.current {
	border: 1px solid #F9D9E7;
	background: #fff;
	margin: 0 -1px 0 0 ;
	padding: 4px 8px;
	color: #999;
}

.pages{
	border: 1px solid #F9D9E7;
	background: #fff;
	padding: 2px 7px;
	float: right;
	margin: -3px 0 0;
}