/* @override http://liveticcs.de/liveticcs/fileadmin/templates/default/css/layout.css */

body
{
background: #F9F9F9 url(img/bg_fade.png) repeat-x 0px 0px;
padding:0px 0px 30px 0px;
}

#layout
{
margin:0px;
padding:0px;
width:980px;
}

/* @group top */

#topbox
{
clear:both;
float:left;
display:inline;
width:100%;
min-width:970px;
height:100px;
}

#logo-motain
{
clear:both;
float:left;
display:inline;
margin:39px 132px 0px 49px;
padding:0px;
width:118px;
height:31px;
background: url(img/logo_motain.png) no-repeat 0px 0px;
}

#navigation
{
float:left;
display:inline;
margin:50px 0px 0px 0px;
}

#navigation, #navigation ul
{
width:600px;
}

#subnavigation
{
clear:both;
float:left;
display:inline;
margin:10px 0px 0px 300px;
}

#subnavigation, #subnavigation ul
{
width:600px;
}

/* @end */

/* @group middle */

#middlebox
{
clear:both;
float:left;
display:inline;
width:100%;
overflow:visible;
margin:36px 0px 0px 0px;
}

#leftbox
{
float:left;
display:inline;
width:300px;
min-height:100px;
overflow:visible;
margin:0px 0px 0px 0px;
}

#middlebox .default
{
margin:120px 0px 0px 0px;
}

/* @group left top */

#mobilebox
{
clear:both;
float:left;
display:inline;
width:232px;
height:257px;
background: url(img/bg_left_mobilenr.png) no-repeat 0px 0px;
margin:38px 0px 0px 30px;
}

#mobilebox p
{
clear:both;
float:left;
display:inline;
width:180px;
color:#ffffff;
font-size:14px;
font-weight:bold;
line-height:25px;
margin:109px 0px 0px 36px;
padding:0px 0px 0px 0px;
}

#mobilebox .downloadbutton
{
clear:both;
float:left;
display:inline;
width:180px;
height:30px;
background: url(img/download_button.png) no-repeat 0px 0px;
margin:6px 0px 0px 36px;
}

#mobilebox #lme p
{
width:160px;
font-size:10px;
color:#ffffff;
font-weight:normal;
line-height:15px;
padding: 0px 0px 0px 25px;
margin:120px 0px 5px 35px;
background: transparent url(img/icon_formerror.png) no-repeat 0px 0px;
}

#mobilebox #lme button
{
clear:both;
float:left;
display:inline;
width:180px;
height:28px;
background: transparent url(img/bg_left_mobilenr_back.png) no-repeat 0px 0px;
border:0px;
margin: 0px 0px 0px 35px;
}

/* @end */

/* @group Installwizard */

#installbox
{
float:left;
display:inline;
width:231px;
height:156px;
background: url(img/installieren.png) no-repeat 0px 0px;
margin:38px 0px 0px 30px;
}

#installframe {
	width: 680px;
	height: 1000px;
	border: 0px;
	overflow: auto;
	background-color:transparent;
	filter: Chroma(color=#FFFFFF);
}


/* @end */


/* @group downloadbox */

#downloadbox, #downloadbox p
{
float:left;
display:inline;
}

#downloadbox
{
clear:both;
width:210px;
height:80px;
margin:0px 0px 0px 50px;
background: url(img/bg_left_download.png) no-repeat 0px 0px;
}

#downloadbox p
{
width:140px;
margin:58px 0px 0px 60px;
}

#downloadbox p a
{
color:#ffffff;
background: url(img/icon_arrow_white_right.png) no-repeat 0px 2px;
font-size:12px;
line-height:15px;
}

#downloadbox p a, #downloadbox p a:link, #downloadbox p a:visited
{
text-decoration:none;
}

#downloadbox p a:hover, #downloadbox p a:focus, #downloadbox p a:active
{
text-decoration:underline;
}

/* @end */

/* @group left bottom */

#tellbox
{
clear:both;
float:left;
display:inline;
width:210px;
height:294px;
margin:9px 0px 20px 50px;
}

#tellbox .top, #tellbox .middle, #tellbox .bottom
{
clear:both;
float:left;
display:inline;
width:210px;
}

#tellbox .top
{
height:21px;
background: url(img/mobilebox_grey_top.png) no-repeat 0px 0px;
}

#tellbox .middle
{
background-color:#A0A0A0;
}

#tellbox .bottom
{
height:9px;
background: url(img/mobilebox_grey_bottom.png) no-repeat 0px 0px;
}

#tellbox p
{
clear:both;
float:left;
display:inline;
width:180px;
color:#ffffff;
font-size:14px;
font-weight:bold;
line-height:25px;
margin:22px 0px 10px 15px;
padding:0px 0px 0px 0px;
}

#mobilecontent, #tellcontent
{
clear:both;
float:left;
display:inline;
width:180px;
border-top:1px solid #D0D0D0;
margin: 0px 0px 9px 16px;
}

#mobilehead, #tellhead
{
clear:both;
float:left;
display:inline;
width:180px;
height:30px;
cursor:pointer;
margin:9px 0px 0px 0px;
}

#mobilehead p, #tellhead p
{
clear:both;
float:left;
display:inline;
width:140px;
margin:0px 0px 0px 38px;
line-height:30px;
font-size:12px;
font-weight:bold;
color:#666666;
}

.closed #mobilehead,
.closed #tellhead
{
background: url(img/mobilebox_button_closed.png) no-repeat 0px 0px;
}

.open #mobilehead,
.open #tellhead
{
background: url(img/mobilebox_button_open.png) no-repeat 0px 0px;
}

#mobileform, #tellform
{
clear:both;
float:left;
display:inline;
width:180px;
}

.closed #mobileform,
.closed #tellform
{
visibility:hidden;
display:none;
}

.open #mobileform,
.open #tellform
{
visibility:visible;
display:inline;
}

#tbmailerror, #mbmailerror,
#tbmailsuccess, #mbmailsuccess
{
clear:both;
float:left;
display:inline;
}

#tellform #tbmailerror p,
#tellform #tbmailsuccess p,
#mobileform #mbmailerror p,
#mobileform #mbmailsuccess p
{
font-size:10px;
line-height:15px;
color:#ffffff;
margin:8px 0px 0px 0px;
}

#tellform #tbmailerror p,
#mobileform #mbmailerror p
{
padding: 0px 0px 0px 25px;
width:160px;
background: transparent url(img/icon_formerror.png) no-repeat 0px 0px;
}

/* @end */

#rightbox,
#rightbox .top,
#rightbox .left,
#rightbox .right
{
float:left;
display:inline;
}

#rightbox
{
width:680px;
}

#rightbox .top
{
clear:both;
width:600px;
height:114px;
}

#rightbox .left
{
clear:both;
width:410px;
}

#middlebox .defaultcontent .left
{
clear:both;
width:100%;
}


#rightbox .right
{
width:140px;
margin:120px 0px 0px 50px;
}

/* @end */

/* @group bottom */

#bottombox
{
clear:both;
float:left;
display:inline;
width:100%;
margin:25px 0px 30px 0px;
}

/* @end */