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

*/


* {
	margin: 0;
	padding: 0;
}

body {
    font: 0.8em Ubuntu, Arial, "Trebuchet MS", Tahoma, sans-serif;
    background: #fff url(images/back1.jpg) top center fixed;
    margin: 60px 0 0 0;
    padding: 0;
    line-height: 1.64em;
    color: #eee;
}

:focus { outline: 0; }
::selection { background: #C2A6E3; color: #fff; text-shadow: none; }
::-moz-selection { background: #C2A6E3; color: #fff; text-shadow: none; }

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

.top{
	background: url(images/header.png) top left no-repeat;
    width: 802px;
    height: 25px;
    margin: 0px auto;
}

.mitte{
	background: url(images/ram.png) top center repeat-y;
	text-shadow: 1px 1px 0px #323232;
    width: 802px;
    height: 258px;
    margin: 0px auto;
    padding: 0 10px;
}

	.mitte a img{
		border: none;
		margin: 0;
		padding: 0;
	}



.bottom {
	background: url(images/footer.png) left top no-repeat;
    width: 802px;
	height: 25px;
	margin: 0 auto 5px;
	padding: 0;
	color: #B6B6B6;
}

#header {
	text-shadow: 3px 3px 5px #000;
	width: 802px;
    height: 95px;
    margin: 0 auto;    
}
	#header h1{
		background: url(images/logo1.png) top left no-repeat;
		width: 305px;
	    height: 75px;
	    margin: 0;
	    padding: 20px 0 0 80px;
	    float: left;
	    color: #151515
	}
		#header h1 span{
			color: #fff;
		}

#navi {
	position: relative;
	top: -30px;
    float: right;
    width: 380px;
    padding: 0px 0px 0px 0px;
    margin: 0px 1px 15px 0;
}
	#navi li {
		text-shadow: 3px 3px 5px #000;
	    font-size: 1.1em;
	    display: inline;
	    text-align: center;
	}
	
	#navi li a {
    	text-transform: uppercase;
    	letter-spacing: 2px;
    	padding: 0px 10px 0px 10px;
   	    text-align: center;
	    margin: 0 1px 0 0;
	    color: #fff;
	}
	
		* html #navi li a{
		    padding: 0px 0px 0px 13px;
		}
	
	#navi li a:hover {
	    color: #B596D9;
	}
	
.content{
	background: url(images/ram.png) top center repeat-y;
	text-shadow: 1px 1px 0px #323232;
    width: 762px;
    margin: 0 auto;
    padding: 0 20px;
}

	.gallery {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.gallery img{
			border: none;
		}
	
	.gallery li{
		 text-shadow: none;
		margin: 20px 10px 5px;
		position: relative;
		width: 186px;	
		float: left;
	}
	
	.gallery a{
		text-decoration: none;
		border: none;
		background: url(images/round-bg.png) no-repeat;	
		display: block;
		padding: 5px 6px 6px;
		position: relative;
		width: 186px;
	}	
	
	.gallery a span {
		width: 170px;
		height: 120px;
		display: block;
		position: absolute;
		top: 5px;
		left: 6px;
		background: url(images/round-corner.png) no-repeat;
	}

	.gallery a em {
		display: none;
	}
	
	.gallery a:visited{
		text-decoration: none;
		border: none;
	}

	.gallery a:hover em {
		width: 170px;
		position: absolute;
		top: 103px;
		background: url(images/gallery_em.png);
		display: block;
		padding: 0;
		margin: 0;
		text-align: center;
		font: italic 100% Georgia, "Times New Roman", Times, serif;
		color: #333;
		cursor: pointer;
	}
	
		*+html .gallery a:hover em{ /* Fucking IE 7*/ 
			position: absolute;
			top: 103px;
			left: 3px;
			width: 175px;
			z-index: 15;
		}
	
		* html .gallery a:hover em{ /* Fucking IE 6*/
			position: absolute;
			top: 103px;
			left: 3px;
			width: 175px;
			z-index: 15;
		}

#footer{
    width: 802px;
	height: 25px;
	margin: 0 auto 5px;
	padding: 0;
	color: #B6B6B6;
}
	
/* Links - Verweise
----------------------------------------------------- */

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

a:visited{
    border-bottom: 1px dotted #444;
    color: #fff;
}

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

a:hover{
    color: #EF8F30;
}

#footer a{
    color: #B6B6B6;
}

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{
	background: url(images/headline.png) top left no-repeat;
    font: normal 2.2em Ubuntu, Verdana, Sans-Serif;
    height: 37px;
    margin: 0 0 12px;
    padding: 0 0 0 28px;
    color: #fff;
}
	* html h2{
	    padding: 0 0 0 28px;
	    width: 500px;
	}

	h2 small{
		display: block;
		color: #C2A6E3;
		font-size: .4em;
	    margin: -3px 0 0 2px;
	    letter-spacing: 1px;
	}
	
	h3{
		background: url(images/headline.png) top left no-repeat;
	    font: normal 1.6em Arial, Verdana, Sans-Serif;
   		margin: 5px 0 12px;
   	 	padding: 15px 0 5px 28px;
   	 	color: #fff;
   	}

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

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

del, b, strong, i{
	color: #C2A6E3;
}

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

blockquote{
	text-shadow: none;
	font-style: italic;
	padding: 10px 25px;
	color: #151515;
}

.green{ color: #507DB4;}

.info {
    border: 1px solid #e0e0e0;
    background: #F8F8F8 url(images/newslist.jpg) repeat-x bottom;
    padding: 8px;
    margin: 0 0 5px;
}

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

.color{
	color: #B596D9;
}

.left{
	text-align: left;
}

.go_left{
	float: left;
}

.clear_left{ clear: left; }

.center{ text-align: center; }

.error{
	margin: 10px 5px;
	padding: 5px;
	border: 1px solid #D53F11;
}
	.error h2{
		margin: 0px;
		padding: 0px 0px 5px 2px;
		font-size: 1.4em;
		border-bottom: 1px dotted #F06C46;
		color: #AE2900;
	}
	
.hr{
    border-bottom: 1px dashed #e0e0e0;
    padding: 5px 2px;
    margin: 5px 0px;
}
/* Tab list
----------------------------------------------------- */

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

.list li  {
	border-top: 2px solid #E0E0E0;
	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: #808080;
	}

.list li.last {
    margin: 0;
}

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

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

	border-top: 1px dotted #151515;
	border-bottom: 1px dotted #151515;
	border-left: none;
	border-right: none;
}

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

label{
	color: #C2A6E3;
	display: block;
	font-weight: bold;
}

input, textarea{
	font: 1.1em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
    border: thin dashed #C2A6E3;
    box-shadow: 1px 1px 3px #686868;
	background: #727272;
	margin: 0px 0px 2px;    
	padding: 2px;
	color: #FFF;
	border-radius: 5px;
}

	textarea{
		float: right;
		height: 165px;
		width: 465px;
		margin-top: 5px;
	}

input, select { width: 250px;}

#wurf input{
	margin: 0 4px;
	padding: 4px 10px;
	text-align: center
}
input:hover, textarea:hover{
	border: thin dashed #FFFFFD;
	background: #727272;
}

	input.small{
		width: 145px;
	}
	
.button{
	width: 250px;
	height: 30px;
	
	background: #727272;
	border: 1px solid #676767;
	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 #676767;
	border-radius: 5px;
	
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
}

.the_button:hover{
	color: #507DB4 ! important;
}

/* Easy Slider 
----------------------------------------------------- */

#slider{
	margin: 0 0 0 34px;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	width: 737px;
	height: 256px;
	overflow:hidden; 
	margin: 0;
}	

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
		display:block;
		width: 45px;
		height: 62px;
		position: relative;
		left: -36px;
		top: -150px;
		z-index:1000;
}	

#nextBtn, #slider1next{ 
		position: relative;
		top: -210px;
		left: 794px;	
}			
													
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display: block;
		border: none;
		position: relative;
		width: 45px;
		height: 62px;
		background:url(js/images/left.png) no-repeat 0 0;	
		}	
		
	#nextBtn a, #slider1next a{ 
		background:url(js/images/right.png) no-repeat 0 0;	
		}