/*  ------------------------------------------------------

Basisstylesheet zu www.kreiselmeyer.de 
2008                 
*  *  *  *                              
Design: owmedia.de // 

DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT (AUSNAHME: CSS3-EIGENSCHAFTEN)
UND FUER AKTUELLE BROWSERVERSIONEN OPTIMIERT UND GETESTET.      

--------------------------------------------------------*/

/*  ------------------------------------------------------
GLOBALS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
color: #000;
font: 100.1%  "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
background: #F2F3F4 url(/basics/images/bg.gif) repeat-x 0 0;
}

table, tr, th, td, img, fieldset { border: 0 none; }

ul { list-style-type: none; }

.hidden, hr  { 
display: none;
}

img { vertical-align: middle; }

table { border-collapse: collapse; }

.clear { 
clear: both; 
height: 0;
overflow: hidden;
font-size: 1px;
}

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/
div#wrapper {
width: 830px;
margin: 0 auto;
}

/*  ------------------------------------------------------
CONTENT
--------------------------------------------------------*/
div#content {
width: 590px;
float: left;
}

.textLink {
color: #0D539E;
}

.textLink:hover {
text-decoration: underline;
}

div#content a {
color: #0D539E;
text-decoration: none;
}

div#content a:hover {
color: #0D539E;
text-decoration: underline;
}

/*  ------------------------------------------------------
MAINMENUE
--------------------------------------------------------*/
ul#mainMenue {
height: 118px;
font-size: 14px;
background:url(/basics/images/bg_menue.gif) repeat-x 0 0;
border-left: #fff 1px solid;
border-right: #fff 1px solid;
}

ul#mainMenue li {
display: inline;
}

ul#mainMenue li a {
float: left;
height: 48px;
width: 98px;
text-decoration: none;
color: #5A5A5A;
text-align: center;
padding: 70px 0 0 0;
}

ul#mainMenue li a:hover, 
ul#mainMenue li.current a {
color: #fff;
}

ul#mainMenue li a#m_laser { background:url(/basics/images/laser.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_edge { background:url(/basics/images/kanten.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_mill { background:url(/basics/images/fraesen.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_press { background:url(/basics/images/druecken.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_messen { background:url(/basics/images/messen.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_service { background:url(/basics/images/service.gif) no-repeat 50% 0;}

ul#mainMenue li a#m_laser:hover { background:url(/basics/images/h_laser.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_edge:hover { background:url(/basics/images/h_kanten.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_mill:hover { background:url(/basics/images/h_fraesen.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_press:hover { background:url(/basics/images/h_druecken.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_messen:hover { background:url(/basics/images/h_messen.gif) no-repeat 50% 0;}
ul#mainMenue li a#m_service:hover { background:url(/basics/images/h_service.gif) no-repeat 50% 0;}

ul#mainMenue li.current a#m_laser { background:url(/basics/images/c_laser.gif) no-repeat 50% 0;}
ul#mainMenue li.current a#m_edge { background:url(/basics/images/c_kanten.gif) no-repeat 50% 0;}
ul#mainMenue li.current a#m_mill { background:url(/basics/images/c_fraesen.gif) no-repeat 50% 0;}
ul#mainMenue li.current a#m_press { background:url(/basics/images/c_druecken.gif) no-repeat 50% 0;}
ul#mainMenue li.current a#m_messen { background:url(/basics/images/c_messen.gif) no-repeat 50% 0;}
ul#mainMenue li.current a#m_service { background:url(/basics/images/c_service.gif) no-repeat 50% 0;}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div.header {
height: 220px;
position: relative;
}

img.homeLogo {
padding: 46px 0 0 0;
}

div#h_laser {background:#fff url(/basics/images/h1_laser.gif) no-repeat 0 0; }
div#h_edge {background:#fff url(/basics/images/h1_edge.gif) no-repeat 0 0; }
div#h_mill {background:#fff url(/basics/images/h1_mill.gif) no-repeat 0 0; }
div#h_press {background:#fff url(/basics/images/h1_press.gif) no-repeat 0 0; }
div#h_service {background:#fff url(/basics/images/h1_service.gif) no-repeat 0 0; }
div#h_messen {background:#fff url(/basics/images/h1_messen.gif) no-repeat 0 0; }

div#h_laser_en {background:#fff url(/basics/images/h1_laser_en.gif) no-repeat 0 0; }
div#h_edge_en {background:#fff url(/basics/images/h1_edge_en.gif) no-repeat 0 0; }
div#h_mill_en {background:#fff url(/basics/images/h1_mill_en.gif) no-repeat 0 0; }
div#h_press_en {background:#fff url(/basics/images/h1_press_en.gif) no-repeat 0 0; }
div#h_service_en {background:#fff url(/basics/images/h1_service.gif) no-repeat 0 0; }
div#h_messen_en {background:#fff url(/basics/images/h1_messen_en.gif) no-repeat 0 0; }

div.header h1 {
position: absolute;
left: -60em;
}

div.header p {
font-size: 16px;
color: #444;
position: absolute;
top: 160px;
left: 150px;
}

/*  ------------------------------------------------------
SUBMENUE
--------------------------------------------------------*/
div#subMenue {
height: 35px;
font-size: 13px;
background:url(/basics/images/bg_sub.gif) repeat-x 0 0;
color: #fff;
border-right: #0B4482 1px solid;
border-left: #0B4482 1px solid;
}

div#subMenue ul li {
display: inline;
}

div#subMenue ul li a {
float: left;
padding: 10px 25px 0 25px;
color: #fff;
text-decoration: none;
}

div#subMenue ul li a:hover {
text-decoration: underline;
color: #fff;
}

div#subMenue ul li a.current {
background: url(/basics/images/sub_h.gif) no-repeat 50% 0;
}

/*  ------------------------------------------------------
PANEL
--------------------------------------------------------*/
div#panel {
background: url(/basics/images/bg_pan.gif) repeat-y 0 0;
}

div#panel table td {
vertical-align: top;
width: 1px;
}

div#panelTop {background: url(/basics/images/bg_panel-top.gif) no-repeat 0 0;}
div#panelBot {background: url(/basics/images/bg_panel-bot.gif) no-repeat 0 100%; padding: 0 0 24px 0;}

div#panel div#p_phon {width: 290px;background: url(/basics/images/bg_phon.gif) no-repeat 30px 24px;}
div#panel div#p_route {width: 290px;background: url(/basics/images/bg_route.gif) no-repeat 20px 24px;}
div#panel div#p_contact {width: 290px;background: url(/basics/images/bg_contact.gif) no-repeat 20px 24px;}
div#panel div#p_date {width: 290px;background: url(/basics/images/bg_date.gif) no-repeat 20px 24px;}
div#panel div#p_profile {width: 290px;background: url(/basics/images/bg_profile.gif) no-repeat 20px 24px;}
div#panel div#p_abo {width: 290px;background: url(/basics/images/bg_abo.gif) no-repeat 30px 24px;}

div.p_element {
display: block;
padding: 20px 20px 0 90px;
text-decoration: none;
min-height: 80px;
font-size: 12px;
color: #5D5C5C;
font-style: normal;
line-height: 140%;
}

div.p_element strong {
color: #000;
font-size: 16px;
font-weight: normal;
line-height: 180%;
}

/*  ------------------------------------------------------
MAINCONTENT
--------------------------------------------------------*/
div#mainContent {
min-height: 644px;
border-bottom: #2161A6 6px solid;
margin:44px 0 0 0;
}

div#mainContent h2 {
color: #044284;
font-size: 16px;
padding: 34px 0 24px 0;
}

div#mainContent h3 {
color: #044284;
font-size: 14px;
padding: 0;
}

div#mainContent p {
color: #333;
padding: 0 10px 25px 0;
font-size: 13px;
line-height: 160%;
}

div#mainContent ul {
list-style-type: disc;
color: #333;
padding: 0 10px 25px 18px;
font-size: 13px;
line-height: 160%;
}

div#mainContent ul {

}

div#mainContent table td  {
	padding: 2px;
	color: #333;
	font-size: 13px;
}
div#mainContent .table_kontakt input  {
	color: #333;
	font-size: 13px;
	width: 350px;
}
div#mainContent .table_kontakt textarea  {
	color: #333;
	font-size: 13px;
	width: 350px;
	height: 75px;
}

/*  ------------------------------------------------------
SIDEBAR
--------------------------------------------------------*/
div#sideBar {
width: 238px;
float: left;
}

/*  ------------------------------------------------------
LOGO
--------------------------------------------------------*/
div#logo {
padding: 32px 0 0 0;
width: 240px;
height: 86px;
text-align: right;
}

/*  ------------------------------------------------------
FLASH
--------------------------------------------------------*/
div#flashCont {
height: 255px;
text-align: right;
}

/*  ------------------------------------------------------
SIDENAV
--------------------------------------------------------*/
ul#sideNav {
padding: 82px 0 0 0;
}

ul#sideNav li { padding: 0 0 0 50px; }
ul#sideNav li#panelBt { background: url(/basics/images/bg_panel.gif) no-repeat 8px 50%;}
ul#sideNav li#flaggen { padding: 0 0 10px 81px; }
ul#sideNav li#flaggen a { display: inline; margin: 0; padding: 0; }

ul#sideNav li a {
display: block;
color: #044284;
font-size: 13px;
text-decoration: none;
padding: 12px 0 12px 32px;
}

ul#sideNav  li a:hover {
text-decoration: underline;
}

ul#sideNav li a#s_panel {background: url(/basics/images/panel.gif) no-repeat 0 50%;}
ul#sideNav li a#s_home {background: url(/basics/images/home.gif) no-repeat 0 50%;}
ul#sideNav li a#s_news {background: url(/basics/images/info.gif) no-repeat 0 50%;}
ul#sideNav li a#s_abo {background: url(/basics/images/news.gif) no-repeat 0 50%;}
ul#sideNav li a#s_login {background: url(/basics/images/login.gif) no-repeat 0 50%;}
ul#sideNav li a#s_contact {background: url(/basics/images/contact.gif) no-repeat 0 50%;}

.tabelle_linien {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #7c7c7c;
}

.tabelle_linien td {
	border-bottom: 1px solid #7c7c7c;
	border-right: 1px solid #7c7c7c;
}