/* CSS Document */
@font-face
 {
 font-family: Questrial;
 src: url(font.ttf);
 }
body {
	background-color:#ffffcc;
	font-family : Questrial;
}
a {
	text-decoration: none;
}
#lists {
	padding-top: 0px;
	color: #2E2E2E;
	margin-bottom: 5px;
}
#liststitle {
	padding-top: 0px;
	color : #2E2E2E;
	margin-bottom: 10px;
}
#listsbox {
	padding-top: 0px;
	margin-left:10px;
}
#navtitle {
	text-decoration:none;
	color: #2E2E2E;
	font-size: 18px;
}
#currentleft {
	text-decoration:none;
	color: black;
}
#currenttop {
	text-decoration:none;
	color: black;
}
h1 {
	padding-top: 0px;
	color: #2E2E2E;
}
h2 {
	padding-top: 0px;
	color: #2E2E2E;
}
h3 {
	padding-top: 0px;
	color: #2E2E2E;
}
h4 {
	padding-top: 0px;
	color: #2E2E2E;
}
h5 {
	padding-top: 0px;
	color: #2E2E2E;
}
h6 {
	padding-top: 0px;
	color: #2E2E2E;
}
.tablewhite {
	padding: 0px;
	border: 0px solid black;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: white;
}
.alt {
	text-align:left;
}
.listth {
	text-align:left;
	font-weight:bold;
}
.tablefooter {
	padding: 0px;
	border: 0px solid black;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #ffffcc;
}
.middle {
	margin: 0 auto;
	width:1280px;
	min-height: 600px;
	height: 100%;
	margin-top: 30px;
	position: relative;
	}
.header {
	width: 1280px;
	height: 250px;
	position:absolute;
}
.logopicture {
	width: 1280px;
	height: 200px;
	position:absolute;
	background-image: url(header.png);
	background-repeat:no-repeat;
}
.nav {
	width: 1280px;
	height: 50px;
	position: absolute;
	top: 200px;
}
.navtop {
	width: 800px;
	height : 50px;
	position: absolute;
	float: left;
	padding: none;
}
.navtopright {
	width: 480px;
	height: 50px;
	position:absolute;
	float: none;
	margin-left: 730px;
	text-align: right;
}
.navtop li {
	display: inline;
	list-style-type: none;
	padding-right: 50px;
	text-decoration:none;
}
.navtop li a {
	text-decoration:none;
	color: #666;
}
.navtopright li a {
	text-decoration:none;
	color: #666;
	}
.navtopright li {
	display:inline;
	list-style-type:none;
	padding-left: 50px;
	text-decoration:none;
}
.cols {
	width: 1280px;
	height: auto;
	min-height:400px;
	position:absolute;
	top: 250px;
}
.navside {
	width: 280px;
	height: auto;
	min-height: 200px;
	float: left;
}
.navsidebreak {
	width: 280px;
	height: 20px;
}
.navleftbox {
	width: 280px;
	height: auto;
}
.navsideedit {
	width: 280px;
	height: auto;
}
.navsideadmin {
	width: 280px;
	height: auto;
}
.content {
	width: 900px;
	height:auto;
	min-height: 600px;
	float: none;
	margin-left: 375px; 
}
.footer {
	width: 900px;
	text-align:right;
}
.footertext {
	text-align:right;
	padding-right: 50px;
}
.leftpicture {
	width: 28px;
	background-image: url(left.png);
	background-repeat: repeat-y;
	background-position:right;
	background-color: #ffffcc;
}
.rightpicture {
	width: 28px;
	background-image: url(right.png);
	background-repeat: repeat-y;
	background-position:left;
	background-color: #ffffcc;
}

.leftnavcontent {
	width: 224px;
	background-color: white;
}
.leftnavcontent a {
	padding-left: 10px;
	color: #848484;
}
.navsidebottompicture {
	width: 230px;
	height: 25px;
	background-image: url(bottom.png);
	background-repeat: repeat-x;
	background-position:left;
}
.navsidetoppicture {
	width: 230px;
	height: 25px;
	background-image: url(top.png);
	background-repeat: repeat-x;
	background-position:left;
}
.maincontent {
	width: 830px;
	background-color: white;
	padding-left: 20px;
	padding-right: 20px;
}
.corner_top_left {
	width: 25px;
	height: 25px;
	background-image: url(ecke_oben_links.png);
	background-repeat:no-repeat;
	background-position:left;
}
.corner_top_right {
	width: 25px;
	height: 25px;
	background-image: url(ecke_oben_rechts.png);
	background-repeat:no-repeat;
	background-position:right;
}
.corner_bottom_left {
	width: 25px;
	height: 25px;
	background-image: url(ecke_unten_links.png);
	background-repeat:no-repeat;
	background-position:left;
}
.corner_bottom_right {
	width: 25px;
	height: 25px;
	background-image: url(ecke_unten_rechts.png);
	background-repeat:no-repeat;
	background-position:right;
}
.corner_top_left_content {
	width: 25px;
	height: 25px;
	background-image: url(ecke_oben_links.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color: #ffffcc;
}
.corner_top_right_content {
	width: 25px;
	height: 25px;
	background-image: url(ecke_oben_rechts.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #ffffcc;
}
.corner_bottom_left_content {
	width: 25px;
	height: 25px;
	background-image: url(ecke_unten_links.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color: #ffffcc;
}
.corner_bottom_right_content {
	width: 25px;
	height: 25px;
	background-image: url(ecke_unten_rechts.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #ffffcc;
}

.listactions {
	text-decoration: none;
	color: #666;
}
.nolinks {
	text-decoration: none;
	color: black;
}
.tablefooter a {
	text-decoration: none;
	color : #666;
}
.impressum {
	margin-bottom: 5px;
	margin-top: 0px;
}
.result {
	background-color: #E6E6E6;
}
#results {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
#links {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
.searchtop {
	margin-left: 10px;
	padding-top: 10px;
	color: black;
	padding-bottom: 0px;
	margin-bottom:0px;
}
.searchbottom {
	margin-left: 10px;
	color: black;
	padding-bottom: 10px;
}
.tableplace td {
	vertical-align:top;
}
/* Die Deklarationen für die Buttons */

.button
    {        
        display: inline-block;
        white-space: nowrap;
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em;
        font: bold 1em/2em Questrial;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    }
    
    .button:hover
    {
        background-color: #eee;        
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
    }
    
    .button:active
    {
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
    }
    
    .button:focus
    {
        outline: 0;
        background: #fafafa;
    }    
    
    .button:before
    {
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;        
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;     
        pointer-events: none;		
    }
	
	/* Buttons and inputs */
	
	button.button, input.button 
	{ 
		cursor: pointer;
		overflow: visible; /* removes extra side spacing in IE */
	}
	
	/* removes extra inner spacing in Firefox */
	button::-moz-focus-inner 
	{
	  border: 0;
	  padding: 0;
	}
	
	/* If line-height can't be modified, then fix Firefox spacing with padding */
	 input::-moz-focus-inner 
	{
	  padding: .4em;
	}

	/* The disabled styles */
	.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover 
	{
		background: #eee;
		color: #aaa;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;		
	}
    
    /* Hexadecimal entities for the icons */
    
    .add:before
    {
        content: "\271A";
    }
    
    .edit:before
    {
        content: "\270E";        
    }
    
    .delete:before
    {
        content: "\2718";        
    }
    
    .save:before
    {
        content: "\2714";        
    }
    
    .email:before
    {
        content: "\2709";        
    }
    
    .like:before
    {
        content: "\2764";        
    }
    
    .next:before
    {
        content: "\279C";
    }
    
    .star:before
    {
        content: "\2605";
    }
    
    .spark:before
    {
        content: "\2737";
    }
    
    .play:before
    {
        content: "\25B6";
    }


	/* Social media buttons */	
	.tw, .fb,
	.tw:hover, .fb:hover
	{
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
        background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
        background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
	}

	.tw, .tw:focus
	{
	  background-color: #88E1E6;
	}
	
	.fb, .fb:focus
	{
	  background-color: #3C5A98;
	  color: #fff;	  
	  text-shadow: 0 1px 0 rgba(0,0,0,.4);		
	}

	.tw:hover
	{
	  background-color: #b1f0f3;
	}
	
	.fb:hover
	{
	  background-color: #879bc3; 
	}
	
    .tw:before
    {
        content: "t";
        background: #91cfd3;
        background: rgba(0,0,0,.1);		
		color: #fff;
		font-family: verdana;
		text-shadow: 0 1px 0 rgba(0,0,0,.4);
    }
    
    .fb:before
    {
        content: "f";
        background: #4467ac;
        background: rgba(0,0,0,.1);		
		color: #fff;	
		text-shadow: 0 1px 0 rgba(0,0,0,.4);
    }