/* ---------------------------------------------

	BASIC.CSS
	Generelle Styles für das Frontend.

	Autor:				UC
	Erstellungsdatum:	20.04.2007
	
	Index:				Generelle Frontend Styles
						Area
							Headerbild
						Navigation
						Content
							Navigation 2
							Inhalt
							Formulare
							Bildergalerie
							Fusszeile
							
						
						
	Changelog:			-
	
--------------------------------------------- */

/* ---------------------------------------------
	Generelle Frontend Styles
--------------------------------------------- */
/* Style fuer das Layout des Vorschau Layers */
div#preview {
		position:absolute;
		background:#E84224;
		padding:5px;
		color:#fff;
		top:0;
		right:0;
}

html {overflow-y:scroll;}

body {
	background-image: url(../images/bg/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.clear{clear:both;}
.invisible{display:none;}


/* ---------------------------------------------
	Area
--------------------------------------------- */
	div#area{
		width:770px;
		margin: 0px auto;
	}
	div#logo{
		width:348px;
		height:32px;
		background:url(../images/logo/logo_schweizerkarten.jpg) no-repeat;
		border-top:#fff solid 5px;
		border-bottom:#fff solid 16px;
		border-left:#fff solid 20px;
		/*border-left:#fff solid 190px;*/
	}
	div#logo h1{
		visibility:hidden;
	}
	
	/* --- Headerbild ---*/
	div#headerbild{
		background-color:#ccc;
		height:190px;
		width:770px;
		border-top:#999 solid 1px;
		border-bottom:#999 solid 1px;
	}
	
	
/* ---------------------------------------------
	Navigation Top
--------------------------------------------- */
	
	div#main-nav{
		border-top:#fff solid 10px;
		border-bottom:#fff solid 10px;
		padding:0;
	}
	div#main-nav ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	div#main-nav ul li{
		float:left;
		background-color:#FFF;
		width:110px;
	}
	
	div#main-nav ul li a{
		color:#999;
		text-decoration:none;
		font-size:11px;
		display:block;
		height:15px;
		padding: 0 20px;
		border-bottom:#fff 5px solid;
		text-transform: uppercase;
		font-weight: bolder;
		letter-spacing: 1px;
	}

	div#main-nav ul li.mainnav-active a{
		border-bottom:#C60009 5px solid;
		color:#666;
	}

	div#main-nav ul li a:hover{
		border-bottom:#C30008 5px solid;
	}
	div#main-nav ul li.trenner{
		border-right:#f2f2f2 solid 1px;
	}


/* ---------------------------------------------
	Content
--------------------------------------------- */
	div#content{
		border-top:#f2f2f2 solid 2px;
		padding-right:30px;
	}

	/* --- Navigation 2 ---*/
	div#nav{
		float:left;
		padding:0 0 0 20px;
	}
	
	div#nav ul {
		padding: 0;
		margin:0;
		list-style-type:none;
	}
	div#nav ul ul{
		padding: 0 0 0 10px !important;
	}
	div#nav a{
		height:20px;
		display:block;
		min-width:100px;
		text-decoration:none;
		color:#666;
	}
	
	div#nav ul.nav-inactive{display:none;}	
	div#nav a:hover, div#nav a.nav-active{
		color:#C60009;
		text-decoration:underline;
	}	
	
	
	/* --- Inhalt ---*/
	div#inhalt{
		padding-top:10px;
		margin-left:190px;
	}
	
	/* --- Formulare ---*/
	div#kontaktform form label{
		width:150px;
		display: block;
		float:left;
	}
	span.stern, .alert{color:#C60009;}
	
	textarea{
		height:70px;
		width:200px;
	}
	
	input, .btn, textarea{
		border:#999 1px solid;
		margin:0 0 1px 0;
	}
	.btn{
		background-color:#f2f2f2;
	}
	
	
	/* --- Bildergalerie ---*/	
	div.paging{
		width:476px;
		color:#666;
		padding:10px 0;
	}
	div.paging a, div.paging a:visited, a.link-left, a.link-right{
		text-decoration:none;
		color:#C60009;
	}
	div.paging strong{color:#C60009;}
	
	a div.bildtitel{
		padding-bottom:5px;
		color:#666; 
		text-decoration:none;
	}
	
	div.gal-bilderliste, div.gal-bilderliste-last{
		float:left;
		height:150px;
		width:150px;
		padding:10px;
		vertical-align:middle;
		margin:0 6px 8px 0;
		border:#999 1px solid;
		background-color:#F7F7F7;
		display:block;
	}
	
	div.gal-bilderliste-last{margin:0 0 8px 0 !important;}
	div.gal-bilderliste-leer{
		float:left;
		height:98px;
		width:98px;
		padding:6px;
		margin:0 6px 7px 0;
		display:block;
	}	
	div.gal-bilderliste a img, div.gal-bilderliste-last a img{
		border:#ccc 1px solid;
	}
	
	div.bildbeschreibung{
		padding:20px;
		width:407px;
		font-size:12px;
	}
	
	/* --- footer ---*/
	div#footer{
		margin-top:35px;
		padding-top:5px;
		margin-left:190px;
		border-top:#f2f2f2 1px solid;
	}