/*
Original design: Multi Options (v1.0 - April 6th, 2011) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/multi-options/
*/


/* Top links menu */
/* #toplinks {background-color:#fafafa;padding:0 30px;} */
#toplinks ul{list-style:none;margin:0;text-align:right;}
#toplinks ul li{display:inline-block;font-size:0.8em;margin:15px 0px 0px 10px;}
#toplinks ul li a{color:#797777;}
#toplinks ul li a:hover{color:#2c2b2b;text-decoration:none;}



/* Main containers */
body {margin:0; padding:0; font:92% Tahoma,sans-serif; background:#fefefe url(images/background.jpg) top left repeat-x; color:#555; text-align:center; line-height:1.6em;
min-width:1000px
}

#wrap {width:960px; text-align:left; margin:0 auto;}

/* Header */
#header {width:960px; height:200px; margin-top:20px;}
#headerimage {float:right; width:450px; height:160px; margin:0 0 15px 0; overflow:hidden; border:0px solid #aaa;}
#logoimage_left {float:left; width:120px; height:120px; margin:15px 0 5px 0; overflow:hidden; border:0px solid #aaa;}
#logoimage_right {float:right; width:120px; height:120px; margin:15px 0 5px 0; overflow:hidden; border:0px solid #aaa;}

#title {width:	350px; float:left; text-align:center; padding-top:15px ;margin-left:0px}
h1 {margin:0 auto; padding:0; font-size:2.2em; font-weight:700; letter-spacing:-1px; line-height:2.2em; text-shadow:#ccc 2px 2px 8px;}
h1 a {font-weight:700; text-decoration:none;}
h1 a:hover {color:#222; text-decoration:none;}
.slogan {color:#555; font-size:1.4em; margin:0 0 15px 0; padding:0; text-shadow:#ccc 2px 2px 8px;}

/* HTML Tags */
a {font-weight:400;}
a:hover {color:#333 !important;}
a img {border:0;}
h2 {clear:left; margin:0 0 12px 0; padding:0 0 8px; font-size:1.8em; font-weight:700; border-bottom:1px solid #ddd; text-shadow:#ccc 2px 2px 8px;}
h3 {clear:left; font-size:1.4em; font-weight:700; margin:0 0 10px 0; padding:2px 0; border-bottom:1px solid #ddd; text-shadow:#ccc 2px 2px 6px;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0 0 5px 0; padding:0 0 0 5px;}


/* Content area */
#content {margin:0 5px 15px 0;  float:left; width:680px; }

#content span.table-50 {
			width: 50px;
			display: inline;
			float: left;
}

#content span.table-75 {
			width: 75px;
			display: inline;
			float: left;

}
/* Sidebar */
#sidebar {width:250px; margin:0; padding:0; color:#555;float:right;}
#sidebar h2 {font-size:1.5em; padding-bottom:5px; border-bottom:1px solid #ddd; margin:15px 0 10px;}
#sidebar ul {list-style:none; margin:0 0 15px 0;}
#sidebar li {padding:0; margin:0;}
#sidebar ul.sidemenu {width:260px; padding:0; margin:0 0 20px 0; border-top:1px solid #ddd;}
#sidebar ul.sidemenu li a {display:block; text-decoration:none; padding:7px 0 7px 15px; margin:0; font-size:1.1em; border-bottom: 1px solid #ddd; font-weight:700; text-shadow:#ddd 2px 2px 4px;
  background: transparent url(/images/pfeil.png) no-repeat left center;
}
#sidebar ul.sidemenu li a:hover {color:#333	; text-decoration:none; border-bottom: 1px solid #ddd;
}
#sidebar ul.sidemenu li a.active {color:#333;}

#sidebar ul.sidemenu li a.current {color:#ff8c00;
background: transparent url(/images/pfeil_aktiv.png) no-repeat left center;
}

#sidebar ul.sidemenu ul {width:240px; padding:0; margin:0 0 0 20px;}
#sidebar ul.sidemenu ul li a {padding:2px 0 2px 15px; margin:0; font-size:0.9em; font-weight:400;}

#sidebar span.table-100 {
			width: 95px;
			display: inline;
			float: left;
}

#sidebar .roundbox {
	padding: 10px 10px 20px 10px;
	margin-bottom: 5px;
	border: 1px #ddd solid;
	border: 2px rgba(0,0,0,0.3) solid;
/*	-moz-border-radius: 15px;*/
	border-radius: 15px;
	background-color:#eeeeee;
}

#sidebar .title {
	font-size: 1.0em	;
	font-weight: bold;
}

#sidebar .subtitle {
	margin-top: 0.9em;
	margin-bottom: 0.15em;
	font-size: 0.9em;
	font-weight: bold;
}




/* Footer */
#footer{font-size:0.9em; clear:both; width:960px; line-height:1.4em; color:#777; font-weight:400; margin-bottom:10px;}
#footer a {color:#777; font-weight:400; text-decoration:none; border-bottom: 1px dotted #888;}

/* Image alignment classes */
#content img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
#content img.alignright {float:right; margin:5px 0 5px 15px;}
#content img.aligncenter {display:block; margin:10px auto;}
#content img.border {border:1px solid #ccc;}


/* Various classes */
.centered {text-align:center;}
.hide {display:none;}
.clear {clear:both; width:980px; visibility:hidden;}

.shadow{background:url(images/shadow.png) top center no-repeat;}


/*  added by R.Bassus */
.boximage {
background:#eee;  
margin:0 auto; 
padding: 0.2em;  
font-size:0.7em; 
text-align:right;
}
.boximage span {margin:0 auto; padding: 0px; padding-left: 5px;}
.boximage img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;}
.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.10em; }
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.10em; }

/*  added by R.Bassus */
.quelle {font-style:italic;font-size:0.8em; text-align:right;
}

.spalten { width:100%; overflow:hidden; }
.trenner { border-bottom: 1px #ddd solid; }
.movie { 
text-align:left;
display:inline; 
margin-left:0em; 
margin-bottom:0.10em; 
border:4px solid #f0f0f0;
}

.space_v1 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}

.big {
                        
display: inline;
text-transform: capitalize;
font-size: 1.5em;
font-weight: bold;
color: #990033;

}

.c33l { width:30%; }
.c33m { width:350%; }
.c33r { width:35%; }

.c33l  {float:left; }
.c34m {float:left; margin-left:-5px; }
.c33r {float:right; margin-left:-5px;
		padding-left:5px;
		border-left: 1px #ddd solid;
 }



.c50l  {float:left; }
.c50r {float:right; margin-left:-5px; }


  .c50l { width:50%; }
  .c50r { width:50%; }
  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; 
		border-left: 1px #ddd solid;
		}
 





/* Font options */
.georgia {font: 92% Georgia,serif;}
.times {font: 92% Times New Roman,serif;}
.helvetica {font:84% Helvetica,sans-serif;}
.verdana {font:84% Verdana,sans-serif;}
.arial {font:84% Arial,sans-serif;}
.courier {font:84% Courier,monospace;}



/* Color options */
.orange h1, .orange h1 a, .orange a  {color:#ff8c00;}
.orange h2, .orange h3, .orange ul.sidemenu li a, .orange ul.sidemenu li a.active {color:#990033;}