/* CSS */

/*
   http://www.wedefilmundbuch.de
   css styleguide
   
   Copyright 2009 // Markus Spiske
   http://www.waaf.net

*/

/*----------------------global----------------------*/
html, body {
	font:12px/170% Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
	color:#191919;
	line-height: 175%;
    margin: 0;
	padding: 0;
	background: url(../img/bg_global.gif) repeat-x;
}

img {border:none;}

a {outline: none;}

/*----------------------links----------------------*/
a.text:link, a.text:visited, a.text:active {
	color:#ccc;
	text-decoration:underline;
}

a.text:hover  {
  	text-decoration:none;
}

a.footer:link, a.footer:visited, a.footer:active {
	color:#6f6f6f;
	text-decoration:underline;
}

a.footer:hover  {
  	text-decoration:none;
}

a.gotop:link, a.gotop:visited, a.gotop:active {
    font-size:10px;
	color:#6f6f6f;
	text-decoration:underline;
}

a.gotop:hover  {
	color:#fff;
  	text-decoration:none;
}

/*----------------------classes----------------------*/
h1{
    font-size:18px;
	font-weight:normal;
	margin:0;
	padding-bottom:10px;
	color:#fff;
	font-family:Georgia, Times, verdana, arial, sans-serif;
	letter-spacing:1px;
}

h2{
    font-size:24px;
	font-weight:normal;
	margin:0;
	padding-bottom:30px;
	color:#fff;
	font-family:Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
	letter-spacing:1px;
	line-height: 130%;
}

h3{
    font-size:24px;
	font-weight:normal;
	margin:0;
	padding-bottom: 15px;
	color:#fff;
	font-family:Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
	letter-spacing:1px;
	line-height: 130%;
	text-align: left;
}

h4{
    font-size:14px;
	font-weight:normal;
	margin:0;
	padding-bottom: 15px;
	color:#fff;
	font-family:Georgia, Times, verdana, arial, sans-serif;
	letter-spacing:1px;
	text-align: left;
}

.indent_box {
	padding-left: 18px;
}

.text_ {
	font-family:Georgia, Times, verdana, arial, sans-serif;
	letter-spacing:1px;
	color:#ccc;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.text_center {
	font-family:Georgia, Times, verdana, arial, sans-serif;
	letter-spacing:1px;
	color:#ccc;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
}

.box_left {
    width: 190px;
    float: left;
}

.inside_grey {
    width: 610px;
    background-color: #252525;
    float: left;
    padding: 15px 20px 15px 20px;
    margin-top: 5px;
}

.box_right {
    width: 380px;
    float: left;
    margin-left: 40px;
}

.box_follow {
    width: 190px;
    float: left;
    margin-left: 40px;
}

.clear {
    clear: both;
}

.gotop {
    margin-top: 40px;
}
/*----------------------wrapper----------------------*/
#wrapper {
    margin:0 auto;
 	width:750px;
} 

/*----------------------flags----------------------*/
#flags {
 	width:750px;
 	height:50px;
 	float:left;
 	margin-top:10px;
 	text-align:left;
 	font-size:11px;
}

#logo {
 	width:750px;
 	height:90px;
 	float:left;
 	margin-top:40px;
 	text-align:center;
}

/*----------------------navigation----------------------*/
#navigation {
 	width:750px;
 	height: 80px;
 	margin-top:0px;
 	float:left;
 	border-top:1px solid #ccc;
 	border-bottom:1px solid #ccc;
}

/* Variante 2 */
/* Globale Einstellungen */
ul#nav2 {
margin:0;
padding:0;
list-style:none;
}

ul#nav2 a {
display:block; /* verleiht dem Inline-Element "Block-Level-Charakteristika" */
width:90px; /* Grafik-Breite */
height:60px; /* Hšhe */
margin:10px 0 0 27px; /* Aussenabstand oben - rechts - unten - links */
float:left;
}

ul#nav2 a span {
display:none; /* fŸr Blindtext */
}

#nav2 li{
float:left;
}

/* CSS-Rollover mit background-position */

/* #link_1 */
ul#nav2 li a#link_1:link, ul#nav2 li a#link_1:visited {
background-image:url(../img/link_1_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_1:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_1 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_2 */
ul#nav2 li a#link_2:link, ul#nav2 li a#link_2:visited {
background-image:url(../img/link_2_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_2:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_2 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_3 */
ul#nav2 li a#link_3:link, ul#nav2 li a#link_3:visited {
background-image:url(../img/link_3_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_3:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_3 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_4 */
ul#nav2 li a#link_4:link, ul#nav2 li a#link_4:visited {
background-image:url(../img/link_4_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_4:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_4 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_5 */
ul#nav2 li a#link_5:link, ul#nav2 li a#link_5:visited {
background-image:url(../img/link_5_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_5:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_5 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_6 */
ul#nav2 li a#link_6:link, ul#nav2 li a#link_6:visited {
background-image:url(../img/link_6_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_6:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_6 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_7 */
ul#nav2 li a#link_7:link, ul#nav2 li a#link_7:visited {
background-image:url(../img/link_7_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_7:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_7 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_8 */
ul#nav2 li a#link_8:link, ul#nav2 li a#link_8:visited {
background-image:url(../img/link_8_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_8:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_8 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_9 */
ul#nav2 li a#link_9:link, ul#nav2 li a#link_9:visited {
background-image:url(../img/link_9_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_9:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_9 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_10 */
ul#nav2 li a#link_10:link, ul#nav2 li a#link_10:visited {
background-image:url(../img/link_10_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_10:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_10 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/* #link_11 */
ul#nav2 li a#link_11:link, ul#nav2 li a#link_11:visited {
background-image:url(../img/link_11_bg.gif); /* Pfad zum Hintergrundbild */
background-position:left top; /* Hintergrundposition links - oben */
}
ul#nav2 li a#link_11:hover {
background-position:left center; /* Hintergrundposition links - mitte */
}
ul#nav2 li#current a#link_11 {
background-position:left bottom; /* Hintergrundposition links - unten */
}

/*----------------------content----------------------*/
#content {
    width:650px;
 	margin-top:90px;
 	float:left;
 	color:#fff;
 	padding: 0px 50px 50px 50px;
 	text-align: justify;
}

#one_column {
 	margin-top:0px;
 	float:left;
}

#two_column {
    width: 650px;
 	margin-top:0px;
 	float:left;
}

#three_column {
 	margin-top:0px;
 	float:left;
}

#grey {
    width: 610px;
    background-color: #252525;
    float: left;
    padding: 10px 20px 15px 20px;
    margin-top: 0px;
}

#grey_ {
    width: 610px;
    background-color: #252525;
    float: left;
    padding: 20px;
    margin-bottom: 10px;
}

#gallery {
    width: 610px;
 	margin-left:0px;
 	margin-top: 0px;
 	float:left;
}

/*------------------footer------------------*/
#footer {
	float: left;
	width: 750px;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
 	border-top:1px solid #272727;
 	margin-bottom:100px;
} 

#footer_left {
    margin-left:50px;
    margin-top:10px;
	color: #6f6f6f;
	float: left; 
	width: 185px;
	height: 40px; 
	font-size: 11px;
	text-align: left;
}

#footer_right {
    margin-top:10px;
    margin-right:50px;
	color: #6f6f6f;
	float: right;
	width: 155px;
	height: 40px; 
	font-size: 11px;
	text-align: right;
}

/*------------------slimbox------------------*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #161616;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 15px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 1.4em;
	font-weight:normal;
	text-align: left;
	border: 15px solid #fff;
	border-top-style: none;
	padding-top: 0px;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}