body{	
		margin: 0;
		padding: 0;
		background-color: #fafafb;
		background-image: url('/files/layout/bg.jpg');
		background-position: center;
		background-repeat: repeat-y;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 20px;
		text-align: left;
		color: #000000;		
	}
	
	#container{
		margin: 0 auto;
		width: 971px;
		padding-bottom: 200px;
	}
	
	#header{
		position: relative;
	}
	#header .topbar{
		height: 12px;
		background-color: #36424a;
	}
	
	
	#header .ruler{
		position:absolute;
		top: 5px;
		left: 0px;
		background-image: url('/files/layout/ruler.gif');
		width: 971px;
		height: 12px;
	}
	
	#header .green{
		position: absolute;
		top: 10px;
		left: 39px;
		background-image: url('/files/layout/header_green.jpg');
		width: 184px;
		height: 211px;
	}
	
	#header .logo{
		position: absolute;
		top: 221px;
		left: 19px;
	}
	
	#header .logo-appeltern{
		position: absolute;
		top: 221px;
		left: 246px;
		background-image: url('/files/layout/logo_appeltern.jpg');
		width: 58px;
		height: 65px;
	}
	
	#header .slogan{
		position: absolute;
		top: 261px;
		right: 135px;
		background-image: url('/files/layout/slogan.jpg');
		width: 517px;
		height: 12px;
		background-repeat: no-repeat;
	}
	
	#menu{
		width: 163px;
		min-height: 50px;
		margin: 45px 0 0 0; 
		padding: 0 10px 0px 50px;
		float: left;
	}
	
	#menu .categorie{
		font-family: Arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
		color: #FFFFFF;
		letter-spacing: 1px;
		margin: 40px 0 8px 0;	
	}
	
	#menu a,
    #menu a:visited {
        background: url('/files/layout/menu-bullet.gif') left center no-repeat;
        display: block;
        color: #35424A;
        line-height: 125%;
        padding: 0 0 0 14px;
        margin: 0 0 8px 0;  
		text-align: left;
    }
    
    #menu a:hover,
    #menu a:active {
        background: url('/files/layout/menu-bullet-hover.gif') left center no-repeat;
        color: #FFFFFF;
    }
    
    #menu a.active,
    #menu a.active:visited,
    #menu a.active:hover,
    #menu a.active:active {
        font-weight: bold;
    }
	
	#menu a{color: #35424A; text-decoration: none;}
	
	#contents{
		float: left;
		margin: 85px 0 40px 0; 
		width: 745px;
	}
	
		#contents .text{
			padding: 0 20px 100px 22px;
		}
		
		
	#temp-login-container{
		position: relative;
	}
	
	.page-image{
		float: right;
		margin: 0 0 15px 15px;
		
	}
		
	/* General */
	h1 {
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 26px;
		letter-spacing: 5px;
		color: #A2C11D;
		font-weight: 100;
		text-transform: uppercase;
		text-align: left;
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 100%;
	}
	h2 {
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		color: #35424A;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
	}
	
	a img{border: 0px;}


/* aform */


	form.aform tbody.header td 		{padding-top: 10px; color: #35424A; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
	form.aform tbody.sub-header td 	{color: #000; text-align:left; text-transform: none; font-weight:bold;}

	form.aform input,textarea 		{border: 1px solid #ccc; font-size: 1.0em; width: 300px;}
	form.aform input.small-text		{width: 75px;}
	form.aform textarea				{height:100px; font-family: Arial, Helvetica, sans-serif;}
	form.aform .feedback			{color: #FF0000;}
	
	form.aform input.input-checkbox{
		border: 0px;
		width: 20px;
		height: 20px;
		margin-left: -4px;
		padding: 0px;	
	}
	
	form.aform input.input-radio{
		width: 20px;
		border: 0px;
		margin-left: -2px;
		color: #000;
	}

	form.aform td {padding:3px 5px; color: #7a7a7a;}
	form.aform input[type="submit"]{
		padding: 0px; 
		height: 22px;
		border: 1px solid #CCC;
		color: #35424A;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: #EEE;
	}
	
	form.aform .error {background-color: #ffffbb;}
	

/* photogallery */

/**
 * General
 */
#photogallery-tabs {
    height: 26px;
}

#photogallery-tabs a,
#photogallery-tabs a:visited {
    float: left;
    font-size: 14px;
    color: #35424A;
    background: #FFFFFF;
    text-decoration: none;
    padding: 3px 6px;
    margin: 0 5px 0 0;
}

#photogallery-tabs a:hover,
#photogallery-tabs a:active {
    float: left;
    font-size: 14px;
    color: #A2C11B;
    background: #FFFFFF;
    text-decoration: none;
    padding: 3px 6px;
    margin: 0 5px 0 0;
}

#photogallery-tabs a.tab_active,
#photogallery-tabs a.tab_active:visited,
#photogallery-tabs a.tab_active:hover,
#photogallery-tabs a.tab_active:active {
    float: left;
    font-size: 14px;
    color: #35424A;
    background: #A2C11B;
    text-decoration: none;
    padding: 3px 6px;
    margin: 0 5px 0 0;
}



/**
 * index
 */
#photogallery-index {
    text-align: left;
    border: 2px solid #A2C11B;
    padding: 15px 0 0 0 ;
    margin: 0;
}

#photogallery-index .gallery {
    display: block;
    background: #F5FEC9;
    border: 1px solid #ACB18C;
    padding: 5px 10px;
    margin: 0 10px 15px 10px;
}

#photogallery-index .gallery a {
    color: #35424A;
}



/**
 * gallery
 */
a#photogallery-gallery-link-index,
a#photogallery-gallery-link-index:visited,
a#photogallery-gallery-link-index:hover,
a#photogallery-gallery-link-index:active {
    color: #35424A;
    padding: 0;
    margin: 0;
}

#photogallery-gallery {
    text-align: left;
    padding: 0;
    margin: 0;
}

#photogallery-gallery p {
    dispaly: block;
    border-bottom: 1px solid #ACB18C;
    padding: 0 0 15px 0;
    margin: 0 0 25px 0;
}

#photogallery-gallery .photo {
    position: relative;
    width: 110px;
    height: 110px;
    float: left;
    background: #F5FEC9;
    border: 1px solid #ACB18C;
    padding: 5px;
    margin: 0 10px 10px 0;
}

#photogallery-gallery .photo img {
    padding: 0;
    margin: 0;
}

/**
 * photo
 */
#photogallery-photo {
    text-align: left;
}

#photogallery-photo a,
#photogallery-photo a:visited,
#photogallery-photo a:active,
#photogallery-photo a:hover {
    color: #35424A;
}

#photogallery-photo #details-container {
    float: right;
    width: 222px;
    padding: 0;
    margin: 0;
}

#photogallery-photo a.link-previous,
#photogallery-photo a.link-next {
    text-decoration: none;
    background: #F5FEC9;
    text-align: center;
    border: 1px solid #ACB18C;
    padding: 7px;
    margin: 0;
}

#photogallery-photo div.link-previous,
#photogallery-photo div.link-next {
    text-decoration: none;
    background: #fafee4;
    text-align: center;
    border: 1px solid #d5d8c5;
    padding: 7px;
    margin: 0;
}

#photogallery-photo a.link-previous,
#photogallery-photo div.link-previous {
    float: left;
}

#photogallery-photo a.link-next,
#photogallery-photo div.link-next {
    float: right;
}

#photogallery-photo a#link-gallery,
#photogallery-photo a#link-gallery:visited,
#photogallery-photo a#link-gallery:hover,
#photogallery-photo a#link-gallery:active {
    float: right;
    width: 200px;
    background: #F5FEC9;
    border: 1px solid #ACB18C;
    padding: 10px;
    margin: 10px 0 10px 0;
}

#photogallery-photo #photo-data {
    float: right;
    width: 200px;
    background: #F5FEC9;
    border: 1px solid #ACB18C;
    padding: 10px;
    margin: 0;
}

#photogallery-photo #photo {
    float: left;
    width: 450px;
    background: #F5FEC9;
    text-align: center;
    border: 1px solid #ACB18C;
    padding: 10px;
    margin: 0;
}

#photogallery-photo .description {
    display: block;
    text-align: left;
    border-top: 1px solid #ACB18C;
    padding-top: 10px;
}


/* protoload */

.waiting {
	background-image:url('/plugins/protoload/files/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('/plugins/protoload/files/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/plugins/protoload/files/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/plugins/protoload/files/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

/* users */


	.login{
		position: absolute;
		right: 0px;
		top: 0px;
		width: 200px;
	}
	
	.login-trigger{
		cursor: pointer;
		text-align: right;
		padding-right: 20px;
		background: url(/files/users/arrow_down.png) no-repeat 100% 60%;
	}

	.login-trigger.unfolded{
		background-image: url(/files/users/arrow_up.png);	
	}

	.login-form, 
	.login-password-reset{
		margin-top: 20px;
		background-image: url(/files/users/background-white-85.png);	
		border: 1px solid gray;
		padding: 10px;
	}
		
	.login-form .feedback{
		font-weight: bold;
	}
	
	.login-form  .success,
	.login-password-reset .success,
	#users-reset-password .success{
		color: green;
	}
	
	.login-form .error,
	.login-password-reset .error,
	#users-reset-password .error{
		color: red;
	}
	

	

/* yintranet */

/**
 * google map
 */
#googlemap-container {
    display: block;
    width: 710px;
    text-align: left;
    background: #A2C11D;
    border-bottom: 4px solid #A2C11D;
}

#googlemap {
    width: 700px;
    height: 500px;
    border: 1px solid #FFFFFF;
    margin: 4px 0 0 4px;
}
    
#googlemap-search-controls {
    height: 18px;
    padding: 5px;
}

input#googlemap-address {
    float: left;
    height: 18px;
    width: 615px;
    font-size: 12px;
    
    border: 1px solid #495760;
    padding: 2px 3px 0 3px;
    margin: 0;
}

input.googlemap-address-blurred {
    color: #A2A2A2;
    font-style: italic;
}

input#googlemap-search {
    float: right;
    height: 22px;
    width: 75px;
    font-size: 12px;
    border: 1px solid #495760;
    padding: 0;
    margin: 0;
}

/**
 * login
 */
p.errormessage { 
    color: #FF0000;
}
 
/**
 * enquete
 */
form.aform ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 0;
}

form#questionary label {
    color: #000000;
    font-weight: normal;
}

form#questionary label.sublabel {
    font-weight: normal;
}

form#questionary .radios-vertical label {
    clear: both;
}