/*
 * Stylesheet für Drack Kaffee Österreich
 * Erstellt am: 12.10.2007
 */

/*
 * -------------------------------------------------
 *               Globale Einstellungen
 * -------------------------------------------------
 */
 
 
body {
	background: url(../images/bg.jpg) repeat;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C7B496;
	background-color:#705635;
}

a:link, 
a:visited {
	text-decoration:none;
	color:white;
}

a:hover,
a:active {
	text-decoration:none;
	color: white;
}

.navinfo {
	display:none;
	font-size:80%;
}
*+html .navinfo {
	font-size:90%;
}
* html .navinfo {
	font-size:90%;
	width:110px;
	overflow:hidden;
	height:250px;
}
* html .navinfo .csc-textpic-text {
	clear:both;
	float:none;
}

.subMenu {
	height:120px;
}
#content p {
	line-height:15px;
}

/*
 * -------------------------------------------------
 *                  ID - Selektoren
 * -------------------------------------------------
 */
#wrap {
	margin: 0px auto;
	width: 894px;
	top:50%;
	margin-top:-345px;
	left: 50%;
	margin-left: -447px;
	position:absolute;
}

#header {
	/*direction:rtl;*/
	height:20px;
	padding-bottom: 50px;
}

#quicklinks {
	float:right;
	margin-right: 9px;
}

/*
 * Clearfix für #quicklinks
 */
#quicklinks:after {    
	content: ".";
	display: block;    
	clear: both;    
	visibility: hidden;    
	line-height: 0;    
	height: 0;
} 

/*
 * Clearfix für #quicklinks
 */
#quicklinks {   
	display: inline-block;
} 

/*
 * Clearfix für #quicklinks
 */
html[xmlns] #quicklinks{    
	display: block;
} 

/*
 * Clearfix für #quicklinks
 */
* html #quicklinks {    
	height: 1%;
}

#mainWrap {
	width: 892px; /*im Design 888px*/
	height: 549px; /*im Design 548px*/
}

#logo {
	position:absolute;
	width:149px;
	height:99px;
	overflow:hidden;
	margin:1px 0 0 56px;
}

#startImage {
	width: 890px; /*im Design 888px*/
	height: 500px; /*im Design 449px*/
	border: 1px solid #C6AC8C; 
}

#separator {
	width: 890px;
	background-color: #453626;
	height: 15px; /*im Design 14px hoch*/
	border-left: 1px solid #C6AC8C;
	border-right: 1px solid #C6AC8C;
}

#menu{
	width: 890px; /*im Design 888px*/
	height: 33px; 
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform:uppercase;
	letter-spacing: 3px;
	background-color: #453626;
	/*border-top: 1px solid #C6AC8C;*/
	border-bottom: 1px solid #C6AC8C;
	border-right: 1px solid #C6AC8C;
/*	border: 1px solid #C6AC8C;*/
	background: url(../images/menuItem_back.jpg) repeat-x;
	margin-left: 1px;
}


#footer {
	margin-top:40px;
	display:block;
	clear:both;
	position:absolute;
	width:891px;
	height:20px;
	padding-bottom: 15px;
}

#impressum {
	float:left;
	color: #E8DFD2;
	margin-left: 18px;
	display:inline; /* Fix für Double Margin Bug im IE6*/
}

#viamedia{
	float:right;
	margin-right: 18px;
	display: inline; /* Fix für Double Margin Bug im IE6*/
}

#viamedia a:link,
#viamedia a:visited {
	text-decoration:none;
	color: #C6AC8C;
}

#viamedia a:hover,
#viamedia a:active {
	text-decoration:none;
	color: white;/*#D2B796;*/
}

#topImage {
	width: 890px;
	height: 345px;
	border: 1px solid #C6AC8C;
}

#menuPanels{
	position:relative;
	/*visibility:hidden;*/
}
* html #menuPanels{
	/*position:fixed;*/
}

#menuUnternehmen,
#menuProdukte,
#menuQualitaet,
#menuService,
#menuKontakt,
.panelItem {
	width:890px;
	height: 110px;
	background-color: #453626;
	border-top: 1px solid #C6AC8C;
	padding: 30px 0px;
	margin-top: -218px;
	margin-left: 1px;
	overflow:hidden;
	visibility: hidden;
	position: absolute;
}

* html #menuUnternehmen,
* html #menuProdukte,
* html #menuQualitaet,
* html #menuService,
* html #menuKontakt,
* html .panelItem {
	margin-top: -221px;
}


.bottomLeft {
	width: 352px;
	border-right: 1px solid #6A5E51;
	height: 110px;
	float: left;
	padding: 0px 59px 0px 33px;
	color: #C7B496;
}

.bottomLeft_1,
.bottomRight_1 {
	height: 110px;
	width:150px;
	/*margin: 0px 0px 0px 25px;*/
	float:left;
	/*display:inline;  Fix für den Double Margin Bug im IE6*/
}

.bottomLeft_2,
.bottomRight_2 {
	height: 110px;
	margin-left: 13px;
	float:left;

}

.bottomRight {
	width: 353px;
	height: 110px;
	float:left;
	padding: 0px 59px 0px 33px;
	color: #C7B496;
}
/**
 * Deaktiviert,
 * Rahmen wird über Typo3 generiert
.bottomRight img,
.bottomLeft img {
	border: 1px solid #765B3A;
	padding: 1px;
}
*/
.bottomRight_1 img,
.bottomRight_2 img,
.bottomLeft_1 img,
.bottomLeft_2 img {
	border-style:none;
}

#columnWrap2 {
	width:890px;
	height: 501px;
	background-color: #453626;
	border-left: 1px solid #C6AC8C;
	border-right: 1px solid #C6AC8C;
	border-top: 1px solid #C6AC8C;
}

#left{
	width: 325px; /*Im Design 324px*/
	height: 500px; /*Im Design 499px*/
	float:left;
	border-right: 1px solid #5C4F3E;
	border-bottom: 1px solid #5C4F3E;
	overflow: hidden;
}

#middle{
	width: 110px;
	height: 430px;
	float:left;
	border-bottom: 1px solid #5C4F3E;
	padding: 70px 30px 0px 30px;
}

#right
{
	width:393px;
	height: 500px;
	float:left;
	border-left: 1px solid #5C4F3E;
	border-bottom: 1px solid #5C4F3E;
}

#contentWrap {
	width:393px;
	height: 500px;
	scrollbar-face-color: #604B35;
	scrollbar-highlight-color: #604B35;
	scrollbar-3dlight-color: #604B35;
	scrollbar-darkshadow-color: #453626;
	scrollbar-shadow-color: #604B35;
	scrollbar-arrow-color: #C6AC8C;
	scrollbar-track-color: #453626;
	overflow:auto;
}

#content {
	width: 313px;
	min-height: 390px;
	margin: 40px 20px 0 40px;
	padding-right: 0px;
	padding-bottom: 15px;
}
* html #content {
	height:390px;
}

#content li {
	list-style-image:url(../images/ul-pfeil-lv1.gif);
}

#content li li{
	list-style-image:url(../images/ul-pfeil-lv2.gif);
}

#content li a:link, 
#content li a:visited {
	color: #C7B496;
}

#content li a:hover, 
#content li a:active {
	color: #FFFFFF;
}

#content ul {
	margin-top: 3px;
	margin-bottom: 5px;
}

#contactLink {
	position:absolute;
	/*margin-left: 150px;
	margin-top: px;*/
}

#coverDiv1 {
	position:absolute;
	background-color: #453626;
	width: 318px;
	height: 40px;
	margin-left: 30px;
}

#coverDiv2 {
	position:absolute;
	background-color: #453626;
	width: 318px;
	height: 15px;
	margin-left: 30px;
	margin-top: -15px;
}

/*
 * -------------------------------------------------
 *                       Klassen
 * -------------------------------------------------
 */
 
#menu {
	border-left:1px solid #C6AC8C;
	margin-left:0;
}
* html #menu {
	overflow:hidden;
}

.menuItem, 
.menuItem_Active {
	float:left;	
	height:34px;
}
* html .menuItem, 
* html .menuItem_Active {
	width:100px;
}


.menuItem a {
	display:block;
	height: 23px;
	text-decoration:none;
	padding: 10px 33px 0px 17px;
	color:white;
	border-left: 1px solid #C6AC8C;
	border-right: 1px solid #C6AC8C;
	border-top: 1px solid #C6AC8C;
	margin-left:-1px;
}
.menuItem a:hover,
.menuItem a:active {
	background: #755B3A url(../images/menuItem_hover_back.jpg) repeat-x;
	margin-top: -5px;
	height: 27px;
	z-index: 1000;
}
* html .menuItem a:hover,
* html .menuItem a:active {
	position: relative;
}


.menuItem_Active a {
	display:block;
	height: 26px;
	text-decoration:none;
	padding: 7px 33px 0px 15px;
	color:white;
	border:1px solid #C6AC8C;
	border-top:0;
	margin-left: -1px;
}

.menuItem_Active,
.menuItemLast_Active {
	float: left;
	height: 34px;
	background-image:url(../images/menuItem_active_back.gif);
}

.quickItem {
	float:left;
	padding-top: 18px;
	margin: 0px 9px 0px 9px;
}

.quickItem a:link,
.quickItem a:visited {
	color:#C8AD8C;
	text-decoration:none;
}

.quickItem a:hover,
.quickItem a:active {
	color:white;
	text-decoration:none;
}

.quickItem_Active {
	padding-top: 10px;
	border-top: 8px solid #C6AC8C;
	margin: 0px 9px 0px 9px;
	color:white;
	float: left;
}

.menuItem_Level2 {
	margin: 0px 0px 4px 0px;
}

.menuItem_Level2 a:link,
.menuItem_Level2 a:visited {
	text-decoration: none;
	color:#C7B496;
}

.menuItem_Level2 a:hover,
.menuItem_Level2 a:active{
	text-decoration: none;
	color: white;
}

.menuItem_Level2_Active {
	text-decoration: none;
	font-weight: bold;
	color: white;
	margin: 0px 0px 4px 0px;
}

.headlineSmall {
	margin-bottom: 26px;
}

.headlineBig {
	margin-bottom: 30px;
}



/*
 * -------------------------------------------------
 *               Kontaktformular
 * -------------------------------------------------
 */
.csc-mailform {
	border:0;
}
.csc-mailform legend {
	display:none;
}

.csc-mailform label {
	display:block;
	float:left;
	width:87px;
	margin:0;
	padding:0;
	margin-left:-7px;
	line-height:18px;
}
* html .csc-mailform label {
	margin-left: 0px;
}
*+html .csc-mailform label {
	margin-left: 0px;
}

.csc-mailform div {
	padding:0 0 10px 0;
}
.csc-mailform input, .csc-mailform textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:0;
	width:205px;
	margin:0;
	padding:2px 5px;
	background:#AFA283;
	color:#333;
}
.csc-mailform textarea {
	overflow:auto;
	padding:2px 0 2px 5px;
	width:210px;
}
.csc-mailform input.csc-mailform-submit,
.csc-mailform input.csc-mailform-submit:active,
.csc-mailform input.csc-mailform-submit:focus {
	color:#453626;
	padding:1px 5px 2px 5px;
	margin:0 0 0 236px;
	width:auto;
	background:white;
	border:0;
	cursor: pointer;
}
* html .csc-mailform input.csc-mailform-submit,
* html .csc-mailform input.csc-mailform-submit:active,
* html .csc-mailform input.csc-mailform-submit:focus {
	margin-left: 232px;
}
*+html .csc-mailform input.csc-mailform-submit,
*+html .csc-mailform input.csc-mailform-submit:active,
*+html .csc-mailform input.csc-mailform-submit:focus {
	margin-left: 229px;
}