/*
 * application.css
 *
 * application base template design
 * @author Thorsten Fentz thorsten.fentz@solongo.de
 * @copyright (c) 2007 solongo.design | Thorsten Fentz
 */

html {	
	background-color:#C0C0C0;
	height:100%;
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#666666;
	background-image:url(../img_app/backgroundGradient.png);
	background-repeat:repeat-x;
	background-position:top;
	margin:0px;
	padding:3px;
	padding-top:8px;
	height:100%;
	}
	
a {
	color:#666666;
}
	
.headerFrame {
	width:810px;
	}
	
.rightFrame {
	width:259px;
	float:left;	
	}

.mainFrame {
	width:810px;
	margin:auto;
	}
	
.messageFrame, .loginFrame, .loadingFrame {
	width:400px;
	margin:auto;
	margin-top:10%;
	}

.browserInfo {
	text-align:center;
	}
	
.loginFrame {
	width:350px;	
	display:none;
	}

.loadingFrame {
	width:100px;
	height:20px;	
	margin-top:30%;
	text-align:center;
	}	

.loadingFrame a {
	text-decoration:blink;
	color:#666666;
	}
	
.opacityLayer {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	background-image:url(../img_app/opacityPix.png);
	background-repeat:repeat;
	display:none;
	}
	
.leftContainer {
	width:530px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	}

.rightContainer {
	width:227px;
	height:400px;
	margin-left:5px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	background-image:url(/templates/images/gradient.gif);
	background-repeat:repeat-x;
	}
.middleContainer a, .leftContainer a, .rightContainer a {
color:#666666;
}


.middleContainer {
margin-left:10px;
margin-right:10px;
min-height:50px;
}


.footer {
border-top:1px solid #CCCCCC;
font-size:10px;
padding:10px;
color:#999999;
margin-top:10px;
}

.footer a {
color:#999999;
}

h1 {
font-size:18px;
text-transform:uppercase;
padding-top:20px;
padding-bottom:10px;
margin:0px;
}

h2 {
border:1px solid #666666;
background-color:#CC3300;
color:#FFFFFF;
padding:5px;
text-align:center;
}
	
/*div-Tables*/
.row {
	padding-top:4px;
	padding-bottom:4px;	
	}

.col {
	float:left;
	width:75px;
	}
	
/*formular fields*/
.textField {
	width:195px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #666666;
	}


.button {
	width:100px;
}

 .button20, .button20Hover, .button100, .button100Hover, .button80, .button80sel, .button80Hover, .button140, .button140sel, .button140Hover {
	font-size:10px;
	color:#333333;
	height:20px;
	width:100px;
	background-image:url(../img_app/button100.png);
	background-repeat:no-repeat;
	border:0px;
	margin:4px;
	line-height:20px;
	padding-bottom:3px;
	text-align:center;
	cursor:pointer;
}

.button20 {
	width:20px;
	background-image:url(../img_app/button20.png);
}

.button20Hover {
	width:20px;
	background-image:url(../img_app/button20_hover.png);
}

.button80 {
	width:80px;
	background-image:url(../img_app/button80.png);
}

.button80sel {
	width:80px;
	background-image:url(../img_app/button80_sel.png);
}

.button80Hover {
	width:80px;
	background-image:url(../img_app/button80_hover.png);
}

.button140 {
	width:140px;
	background-image:url(../img_app/button140.png);

} 

.button140sel {
	width:140px;
	background-image:url(../img_app/button140_sel.png);
}

.button140Hover {
	width:140px;
	background-image:url(../img_app/button140_hover.png);
}

.buttons {
	text-align:right;
}

	
/*enclose all windows and header*/
.header {
	padding-left:1px;
	padding-right:1px;
	width:800px;
	margin:auto;
	}

.window {
	padding-left:1px;
	padding-right:1px;
	margin:3px;
	}
	
/*header*/
.headerBox {	
	background-image:url(../img_app/headerMiddle.png);
	background-repeat:repeat-x;	
	height:35px;
	}
	
.logo {
	margin-top:3px;
	float:left;
	}
	
.logo img {
	border:0px;
	}
.headerLeft, .headerRight {
	background-image:url(../img_app/headerLeft.png);
	background-repeat:no-repeat;
	float:left;	
	margin-left:-2px;
	width:4px;
	height:35px;
	}

.headerRight {
	background-image:url(../img_app/headerRight.png);
	float:right;		
	margin-right:-2px;	
	}	
	
.headerMiddle {
	float:left;	
	width:98%;
	}


/*window head*/
.windowHeadBox {	
	background-image:url(../img_app/windowHeadMiddle.png);
	background-repeat:repeat-x;	
	height:24px;
	background-position: 8px 0px;
	}

.windowHeadLeft, .windowHeadRight {
	background-image:url(../img_app/windowHeadLeft.png);
	background-repeat:no-repeat;
	float:left;	
	margin-left:-2px;
	width:4px;
	height:24px;
	}
	
.windowHeadRight {
	background-image:url(../img_app/windowHeadRight.png);
	float:right;		
	margin-right:-2px;	
	}	
	
.windowHeadMiddle {
	float:left;	
	}
	
/*window body*/
.windowBodyBox {
	width:100%;
	background-color:#FFFFFF;
	height:1100px;	
	}

.height170 {
	height:250px;
	}

.windowBodyLeft, .windowBodyRight {
	background-image:url(../img_app/windowBodyLeft.png);
	background-repeat:repeat-y;
	float:left;	
	margin-left:-2px;
	width:2px;
	height:100%;
	}
	
.windowBodyRight {
	background-image:url(../img_app/windowBodyRight.png);
	float:right;		
	margin-right:-2px;	
	}	
	
.windowBodyMiddle, .windowBodyMiddle_Login {
	float:left;
	width:100%;
	}	

/*window footer*/
.windowFooterBox {	
	background-image:url(../img_app/windowFooterMiddle.png);
	background-repeat:repeat-x;	
	height:24px;
	}

.windowFooterLeft, .windowFooterRight {
	background-image:url(../img_app/windowFooterLeft.png);
	background-repeat:no-repeat;
	float:left;	
	margin-left:-2px;
	width:4px;
	height:24px;
	}
	
.windowFooterRight {
	background-image:url(../img_app/windowFooterRight.png);
	float:right;		
	margin-right:-2px;	
	}	
	
.windowFooterMiddle {
	float:left;	
	}
	
	
	
.windowFooterBarBox {	
	background-image:url(../img_app/windowFooterBarMiddle.png);
	background-repeat:repeat-x;	
	height:24px;
	border-top:1px solid #999999; 
	}

.windowFooterBarLeft, .windowFooterBarRight {
	background-image:url(../img_app/windowFooterBarLeft.png);
	background-repeat:no-repeat;
	float:left;	
	margin-left:-2px;
	width:4px;
	height:24px;
	}
	
.windowFooterBarRight {
	background-image:url(../img_app/windowFooterBarMiddle.png);
	float:right;		
	margin-right:-2px;	
	}	
	
.windowFooterBarMiddle {
	float:left;	
	}
	
/*navigation*/
/* navigation level0*/
.navigationBox, .languageBox {
	float:right;
	text-align:right;
	line-height:23px;	
	margin-top:6px;
	border-right:1px solid #999999;
	padding-right:20px;
}

.languageBox {
	border-right:0px;
	border-left:1px solid #FFFFFF;
	padding-right:0px;
	padding-left:20px;
	}

.navigationBox a:hover, .languageBox a:hover {
	color:#333333;
	}

.nav0 {
	text-decoration:none;
	color:#666666;
	}
	
.nav0Active {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	}




/* navigation level1*/
.naviLevel1Box {
	width:100%;
}

.naviLevel1Box a, .naviLevel1Box a:hover {
	display:block;
	width:100%;
	height:23px;
	line-height:23px;
	background-image:url(../img_app/mainButton_normal.png);
	background-repeat:repeat-x;	
	color:#666666;
	text-decoration:none;
	}

.naviLevel1Box a:hover {
	background-image:url(../img_app/mainButton_hover.png);
	font-weight:bold;
	color:#FFFFFF;
	}

.naviLevel1Box a:active {
	background-image:url(../img_app/mainButton_active.png);
	font-weight:bold;
	color:#FFFFFF;
	}

.naviLevel1 {
	margin-left:10px;
	padding-left:30px;
	}
	 
.Mod1 {
	background-repeat:no-repeat;
	background-position:0 3px;
	}
	
/*navigation level 2 and higher*/
.naviLevel2upBox {
	height:400px;
	overflow:auto;
	}

.naviLevel2upBox a {
	color:#666666;
	text-decoration:none;
	}
	
.buttonBox {
margin-top:50px;
}

.button, .buttonHover {
background-image:url(/templates/images/button.png);
background-repeat:no-repeat;
width:208px;
height:30px;
line-height:30px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
margin-left:15px;
}

.buttonHover {
background-image:url(/templates/images/button_hover.png);
}


.teaserBox {
margin-left:10px;
margin-right:10px;
margin-top:10px;
min-height:50px;
border-top:1px solid #999999; 
padding-bottom:10px;
}

.partnerImage {
margin-top:10px;
width:150px;
min-height:100px;
float:left;
}

.partnerImage img {
border:1px solid #999999;
margin-bottom:5px;
}

.partnerText {
margin-left:10px;
margin-top:5px;
float:left;
width:500px;
min-height:50px;
height:auto;
}
	
/*tabs*/
.tabContainer {
	background-image:url(../img_app/tabContainerBackground.png);
	background-repeat:repeat-x;
	border-bottom:1px solid #C2C2C1;
	height:28px;
	}

.tabBox, .tabBoxActive {
	padding-top:7px;
	margin-left:2px;
	margin-right:2px;
	float:left;
	}
.tabBoxActive {
	padding-top:6px;
	}

.tabLeft, .tabRight, .tabLeftActive, .tabRightActive {
	height:21px;
	width:4px;
	background-image:url(../img_app/tabLeft.png);
	background-repeat:no-repeat;
	float:left;
	}
	
.tabRight {
	background-image:url(../img_app/tabRight.png);	
	}

.tabLeftActive {
	height:23px;
	background-image:url(../img_app/tabLeft_active.png);
	}
	
.tabRightActive {
	height:23px;
	background-image:url(../img_app/tabRight_active.png);
	}
	
.tabMiddle, .tabMiddleActive {
	height:21px;
	line-height:21px;
	background-image:url(../img_app/tabMiddle.png);	
	background-repeat:repeat-x;
	float:left;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	}
.tabMiddleActive {
	height:23px;
	line-height:22px;
	background-image:url(../img_app/tabMiddle_active.png);	
	font-weight:bold;
	}

.tabMiddle a, .tabMiddleActive a {
	color:#666666;
	text-decoration:none;	
	}
	
/*content*/
.contentBox {
	padding:10px;
	}

.messageContentBox {
	margin-top:10px;
	margin-left:35px;
	}
	
.messageButtonBox {
	margin-top:10px;
	margin-right:10px;
	text-align:right;
	}

.Subline {
	margin-top:50px;
	color:#999999;
}

/* User */
.label {
	width:140px;
}

.fieldInput, .fieldSelect {
	width:180px;
	height:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.fieldSelect {
	width:195px;
	height:18px;
	border:1px solid #666666;
}

.space {
	margin:3px;
}

.floatL {
	float:left;
}

.link, .link:visited, .link:hover {
	text-decoration:none;
	color:#666666;
}

.link:hover {
	color:#333333;
}



.plugin {
	color:#666666;
}

.error {
	color:#CC0000;
}