img {border: 0px;}

html, body {margin: 0px; padding: 0px; border: 0px; height: 180%;}
body, p, td, li {font-size: 12px; font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; color : #0A0A; font-weight: normal; letter-spacing: 0px; padding : 0px; margin: 0px; line-height: 16px;}		
.bodymain {text-align: center; margin: 0px 0 1% 0; background: url(../../../fileadmin/_sunoxshop/gfx/bg.jpg) repeat-x #FFFFFF;}

td {vertical-align: top;}

h1 {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 16px; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 0 0 5px 0;}
h2 {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 11px; font-weight: bold; letter-spacing: 0px; padding: 0px ; margin: 15px 0px 0 0;}
h3 {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 14px; color : #424B53; padding: 0px; margin: 5px 0px 0 0;}
.csc-firstHeader {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 16px; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 0 0 5px 0;}
.headlineausblenden {display: none; visibility: hidden; width: 180px; margin: 0px; padding: 0px; }
	
		
a  {color : #FF9900;}
a:link  {color : #FF9900; text-decoration: none;}
a:visited {color : #FF9900; text-decoration: none;}
a:active {color : #FF9900; text-decoration: none;}
a:hover {color : #2664AF; text-decoration: none;}		


#layout {width: 986px; margin: auto; height: 100%; text-align: left; padding: 0px;}
#layoutinnen {width: 986px; height: 100%; text-align: left; padding: 0px; border: 1px solid #d7d7d7; border-bottom: 0px; background: #FFFFFF; }
#top {width: 986px; height: 139px; float: none; background: url(../../../fileadmin/_sunoxshop/gfx/logo.jpg) no-repeat #103F91; ; border: 1px solid #FFFFFF;}
#logo {width: 316px; height: 139px; float: left; border-right: 1px solid white;}
#topbasket {width: 163px; height: 139px; float: left; background: url(../../../fileadmin/_sunoxshop/gfx/top_basket_bg.gif) no-repeat #E28904; border-right: 1px solid white;}
#topservice {width: 163px; height: 139px; float: left; background: url(../../../fileadmin/_sunoxshop/gfx/top_service_bg.gif) no-repeat #B4B4B4; border-right: 1px solid white;}
#toplogin {width: 341px; height: 139px; float: left; background: url(../../../fileadmin/_sunoxshop/gfx/top_login_bg.gif) no-repeat #0C398E;}
#kundenlogin {position: relative; top: 42px; left: 5px; width: 280px; height: 90px; float: left; color: white; }
.loginuser {width: 150px; color: #8AAAE3; font-weight: bold; font-size: 11px;}
.password {width: 150px; color: #ffffff; font-weight: normal; font-size: 11px;}
.bu_login {font-size : 11px; font-weight : 700; color : #EBA33A; width: 85px; height: 18px; border-style: solid; border: 1px solid #FFFFFF; background-color : #EBECE7; cursor : hand;}
#lang {width: 25px; float: left;}

#subnavi {position: relative; top: 0px; left: 0px; width: 986px; height: 22px; margin: 0px; vertical-align: top; text-align: right; color: #0C398E; float: right; background: url(../../../fileadmin/_sunoxshop/gfx/subnav_bg.gif) repeat-x;}
a.snav   {height: 22px; line-height: 22px; color : #FFFFFF; font-size: 11px; font-weight: bold;  padding-top: 0px; padding-right: 10px; padding-left: 12px; background: url(../../../fileadmin/_sunoxshop/gfx/seperator.gif) no-repeat 0px 0px;}
a:link.snav {color : #0C398E; text-decoration: none;}
a:visited.snav {color : #0C398E; text-decoration: none;}
a:active.snav {color : #0C398E; text-decoration: none;}
a:hover.snav {color: #FF9900; text-decoration: none; }
#produktnavi {width: 180px; height: 600px; text-align: left; vertical-align: top; float: left;}

#brotkruemmel {width: 500px; height: 25px; color: #cdcdcd; text-align: left; float: none; margin: 0px 0px 10px 0px; background: #FFFFFF;}
#todaydate {position: relative; top: 10px; left: 5px; width: 170px; height: 18px; color: white; margin-bottom: 60px; text-align: right; float: left;}
.clear {clear: both;}

#content {width: 986px; height: 142px; vertical-align: top; float: none; background: url(../../../fileadmin/_sunoxshop/gfx/content_bg.gif) repeat-x;}


/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 600px; text-align: left; vertical-align: top; padding: 0px; margin: 0px; float: left; }
.text {text-align: left; padding: 5px 0px 0px 10px; margin: 0px;}
.text p {line-height: 18px;}
#inhalt .text h1.csc-firstHeader {color: #0C398E; padding: 5px 0px 0px 2px; }
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/



/*########## TYPO3 Rendering CONTENT ###########*/
.bildtext {float: left; margin: 8px 10px 8px 0px; border: 1px solid #103F91;}
.textbild {float: right; margin: 2px 0px 2px 10px; border: 1px solid #103F91;}
.teaserimg {float: left; margin: 0px 10px 0px 10px; border: 1px solid #103F91;}
.csi-image {float: left; margin: 0px 3px 5px 0px; padding: 2px 2px 0px 2px; background-color: #FFFFFF; border: 1px solid #cdcdcd;}
.csi-caption p.csc-caption {margin: 0px 1px 2px 2px; font-family: arial, sans-serif; font-size: 10px; line-height: 13px; color: #999999; background-color: #FFFFFF;}
.csi-textpic .csi-imagewrap {text-align: left;	/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */}
.csi-text {padding: 0px 5px 0px 0px;}
.csi-textpic dl {float: left;}

.contenttable {margin: 5px 0px 10px 0px;}
.contenttable td {padding: 2px; }
.tr-even.tr-0 td {line-height: 14px; font-weight: bold; color: white; background-color: #FF9900;}
.tr-even {background-color: #EDEEE6;}
.tr-odd {background-color: #DDDFD1;}

td {line-height: 14px; font-size: 11px; }
.tr-even.tr-0 td.td-0 {width: 110px; font-weight: bold; }
.td-0 {font-weight: bold; }
.tr-even.tr-0 td.td-1 {width: 60px;}
.tr-even.tr-0 td.td-2 {width: 60px;}
.tr-even.tr-0 td.td-3 {width: 60px;}
.tr-even.tr-0 td.td-4 {width: 60px;}
.tr-even.tr-0 td.td-5 {width: 60px;}
.tr-even.tr-0 td.td-last {width: 60px;}

.td-1, .td-2, .td-3, .td-4, .td-5, .td-last {text-align: center;}

/*########## TYPO3 Rendering CONTENT ###########*/



/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 179px; text-align: right; vertical-align: top; padding: 0px; margin: 10px 5px 0px 0px; float: right; background-color: #F7F7F7; border: 1px solid #E9E9E9;}
.randtext h1 {font-size: 12px; color: #0C398E; border-bottom: 1px dotted #FF9900; background-color: #F1EFE9;}
.randtext {text-align: left; padding: 5px 5px 10px 5px; margin: 0px; }
.randtext p {line-height: 14px;}
.randtext ul {margin: 10px 0px 10px 8px; padding: 2px 2px 2px 7px;}
.randtext li {line-height: 14px;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/


/*########## TYPO3 Rendering der Inhalte in der Spalte LEFT ###########*/
#left {width: 168px; float: left; margin: 20px 0px 0px 0px; background-color: #EEEEEE;}
.lefttext {font-size: 12px; text-align: left; padding: 2px 5px 10px 5px; margin: 0px; background-color: #F7F7F7; border: 1px solid #E9E9E9;}
.lefttext h1 {font-size: 12px; color: #0C398E; border-bottom: 1px solid #E9E9E9; background-color: #F1EFE9;}
.lefttext p {font-size: 12px; line-height: 14px;}
.lefttext ul {margin: 10px 0px 10px 8px; padding: 2px 2px 2px 7px;}
.lefttext li {line-height: 14px;}
/*########## TYPO3 Rendering der Inhalte in der Spalte LEFT ###########*/


/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {	width: 170px; padding: 0px; height: auto; margin: 20px 6px 0px 5px;}
#navi ul {margin: 0px; padding: 0px; list-style: none; }
#navi li {font-size: 11px; margin: 0px; text-align: left; list-style: none; background-image: url(../../../fileadmin/_sunoxshop/gfx/nav_icon.gif); background-repeat: no-repeat; background-position: 1px 7px;}
#navi li a {display: block;	height: 24px; margin: 0px; background: url(../../../fileadmin/_sunoxshop/gfx/gray_dashed.gif) repeat-x left bottom;}
#navi li a:hover {background: url(../../../fileadmin/_sunoxshop/gfx/gray_dashed.gif) repeat-x left bottom;}

a.nav {font-size: 11px; font-weight: bold; color: #0C398C; padding-left: 18px; padding-right: 1px; line-height: 24px; text-decoration: none;}
a.nav:visited {color : #0C398C; text-decoration: none;}
a.nav:active {color : #0C398C; text-decoration: none;}
a.nav:hover {color : #FF9900; text-decoration: none;}
/*###Angeklickte Seite (Wo ich mich befinde) ###*/
.activesmenu {background-color: #FF8700;} 
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/


/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#servicenavi {width: 150px; height: 100px; padding: 0px; margin: 33px 0px 0px 10px;}
#servicenavi ul {margin: 0px; padding: 0px; list-style: none; }
#servicenavi li {font-size: 11px; margin: 0px; text-align: left; list-style: none; background-image: url(../../../fileadmin/_sunoxshop/gfx/arrow_links.gif); background-repeat: no-repeat; background-position: 0px 4px;}
#servicenavi li a {display: block; height: 18px; line-height: 18px; margin: 0px; }
#servicenavi li a:hover {}

a.servicenav {font-size: 11px; font-weight: bold; color: #0C398C; padding-left: 10px; padding-right: 5px; line-height: 18px; text-decoration: none;}
a.servicenav:visited {color : #0C398C; text-decoration: none;}
a.servicenav:active {color : #0C398C; text-decoration: none;}
a.servicenav:hover {color : #FF9900; text-decoration: none;}
/*###Angeklickte Seite (Wo ich mich befinde) ###*/
.activesmenu {background-color: #FF8700;} 
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/


#footernavi {position: relative; top: 5%; left: 5px; width: 800px; font-size: 11px; margin: 0px 0px 15px 0px; vertical-align: top; text-align: center; color: #999999; }
a.fnav   {height: 14px; line-height: 14px; color : #999999; font-size: 11px; font-weight: normal;  padding-top: 0px; padding-right: 3px; padding-left: 3px; }
a:link.fnav {color : #999999; text-decoration: none;}
a:visited.fnav {color : #999999; text-decoration: none;}
a:active.fnav {color : #999999; text-decoration: none;}
a:hover.fnav {color: #FF9900; text-decoration: none; }


#lastmodified {width: 175px; height: 70px; color: #C3C1C1; margin: 10px 0 0 0; text-align: left; }
#footer {width: 785px; height: 2px; font-size: 10px; line-height: 2px; color: #cdcdcd; float: none; clear: both;}


.formular {width: 420px; margin: 0px 0px 5px 5px; padding: 5px;}
.hlkontakt {width: 160px; text-align: left; font-weight: bold; padding: 2px; background-color: #E7E7E7; }
.kontakt {width: 250; text-align: left; padding: 2px; background-color: #F7F7F7;}
csc-mailform {width: 420px; margin: 0px 0px 5px 5px;}
.csc-form-label-req {font-weight: bold;}


/*########## FORMULARE ###########*/
p.form {
font-family: verdana, arial, helvetica;
font-size: 10px;
margin: 1px 0px 1px 0px;
padding: 0px;}

form input, form option, form submit, form select, form textarea {
font-family: verdana, arial, helvetica;
font-size : 11px;
font-weight	: normal;   
border-style: solid;
border: 1px solid #0F3E8B;
background-color : none;
margin: 0px;}
	
.input {
font-size : 11px;
width: 250px; 
border-style: solid;
border: 1px solid #0F3E8B;
background-color : #E8EBEC;}	

.textarea {
font-size : 11px;
width: 250px; 
height: 80px;
border-style: solid;
border: 1px solid #0F3E8B;
background-color : #E8EBEC;}		

.option {
font-size: 11px;
width: 250px; 
padding: 0px;
border: 1px solid #0F3E8B;
background-color : #E8EBEC;
margin: 0px;}

.checkbox {border: 1px solid #0F3E8B;background-color: #FF9900;}

.button {
font-size: 11px;
font-weight: 700;   
color: #FFFFFF;
border-style: solid;
border: 1px solid #000000;
background-color : #FF8700;
margin-top: 5px; 
cursor: hand;}

.sub {
font-size : 11px;
font-weight : 700;   
color : #FFFFFF;
width: 175px; 
height: 20px;
border-style: solid;
border: 1px solid #000000;
background-color : #FF8700;
cursor : hand;}

p {line-height:  16px;}