/* @override http://dev.beautyparlour.at/architekturinform/fileadmin/template/architekturinform_styles.css */

body, html {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: black;
	color: #bfbfbf;	
	margin: 0;
	padding: 0;
}

p, li {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	margin-bottom: 10px;
}
	
li {
	margin-bottom: 3px;
}
	
h1 {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 18px;
	color: white;
}

b, strong {
	color: white;
	}
	
a {
	text-decoration: none;
	/*color: #404040;*/
	color: #7f7f7f;
	outline: none;
}

a:hover {
	color: white;
}

#inhalt_mitte a {
	border-bottom: 1px dotted #4c4c4c;
}
	
ul {
	margin: 0;
	margin-bottom: 10px;
	padding-left: 14px;
	list-style-type: square;
	}

fieldset {
	border: 0px;
}

/* ! */
/* ---------------------------------------------------------------------- */

#frame {
	position: relative;
	margin: auto;
	margin-bottom: 60px;
	padding-top: 60px;
	width: 864px;
	text-align: left;
}


#header {
	width: 864px;
	height: 80px;
	background: url(../templates/img/bg_header.png) repeat-x;
	overflow: hidden;
}
	
#header_links {
	width: 648px;
	float: left;
	overflow: hidden;
}
	
#logolink {
	width: 216px;
	float: left;
	overflow: hidden;
}

#content_frame {
	width: 864px;
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
	display: inline-block;
	clear: both;
	background-color: #1a1a1a;
	}

#inhalt_rechts {
	width: 216px;
	float: left;
	overflow: hidden;
}
	
#inhalt_mitte {
	width: 392px;
	padding-right: 40px;
	float: left;
}
	
#sprachschalter {
	height: 17px;
	padding-left: 40px;
	padding-top: 3px;
	font-size: 10px;
	/* color: #7f7f7f; */
	color: #BFBFBF;
}

#sprachschalterInner {
    /* display: none; */
}

#sprachschalter a {
	/* color: #404040; */
	color: #BFBFBF;
}
	
#sprachschalter a:hover {
	/* color: gray; */
	color: #ffffff;
}
	
#topmenu {
	padding-left: 40px;
	padding-top: 14px;
	font-size: 12px;
	color: white;
	}

#topmenu a {
	color: #bfbfbf;
	}
#topmenu a:hover {
	color: white;
	}

#submenu {
	width: 156px;
	padding-left: 40px;
	padding-right: 20px;
	float: left;
	overflow: hidden;
}

#startpageBigImg {
    margin-bottom: 30px;
    margin-left: 216px;
    width: 468px;
}

#startpageBigImg .csc-default .bodytext {
    font-size: 9px;
}

#startpageBigImg .tx-rgsmoothgallery-pi1 {
    margin-bottom: 5px;
}

#inhalt_links {
	width: 156px;
	padding-left: 40px;
	padding-right: 20px;
	float: left;
	overflow: hidden;
	min-height: 10px;
}
	
#footer {
	height: 20px;
	margin-top: 10px;
}	
	
#footerLeft {
	float: left;
	margin-left: 40px;
	width: 760px;
}

#footerRight {
	float: left;
	width: 0px;
}
	
.footerMenuWrapper {
	float: right;
}	
	
/* !menu */
/* ---------------------------------------------------------------------- */

.topmenu_entry {
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #bfbfbf;
	/*color: white;*/
	}

.submenu_entry {
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 6px;
	}
	
.submenu_subentry {
	padding-left: 10px;
	font-size: 10px;
	line-height: 13px;
	/*padding-bottom: 6px;*/

	padding-bottom: 3px;
	}
	
.subsubnopad {
	padding-bottom: 0;
	}


.subsubpad {
	padding-bottom: 3px;
	}

#submenu div.submenu_entry a, #submenu div.submenu_subentry a {
	color: #808080;
	}
#submenu div.submenu_entry a:hover, #submenu div.submenu_subentry a:hover {
	color: white;
	}

#inhalt_rechts .csc-textpic img {
	margin-bottom: 20px;
	}



	
/* ! */
/* ---------------------------------------------------------------------- */
	
.aktiv {
	color: white;
	}

#sprachschalter a span.aktiv {
	color: #7f7f7f;
	}

.eingerueckt {
	margin-left: 10px;
	}

#submenu div.submenu_subentry.eingerueckt.aktiv, #submenu .submenu_subentry.eingerueckt a:hover {
	color: #808080;
	}
	
#submenu .submenu_subentry.eingerueckt a {
	color: #404040;
	}
	
	
/* !form */
/* ---------------------------------------------------------------------- */	


.csc-mailform-field {
	text-align: right;
	width: 280px;
	margin-bottom: 5px;
	color: #bfbfbf;
}
	
.csc-mailform-field label {
	width: 300px;
	font-size: 11px;
	line-height: 16px;
}
	
.csc-mailform-field input {
	width: 200px;
	background-color: #3e3e40;
	border: 1px solid #666666;
	color: #bfbfbf;
}
	
#mailformNewsletter {
	width: 205px;
}	
	
.csc-mailform-submit {
	width: auto;
}


/* ! */
/* ---------------------------------------------------------------------- */

.csc-uploads {
	margin-top: 20px;
}

.csc-uploads-icon {
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
}

.csc-uploads-fileName {
	padding-top: 0px;
	padding-left: 10px;
}

/* !fce exkursion */
/* ---------------------------------------------------------------------- */

#exkursionWrapper {
	border-bottom: 1px dotted #4c4c4c;
	height: 30px;
}

#exkursionWrapper a {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	border: 0px;
	height: 10px;
}

#exkursionWrapper a:hover {
	background-color: #232323;
}

#exkursionTitle {
	font-size: 13px;
	float: left;
	display: block;
	width: 200px;
}

#exkursionDate {
	float: left;
	display: block;
	width: 180px;
	text-align: right;
}