/*########################################################################## */
/* copyright 2004 - 2010 by creativbox.net/Torsten Leithold & Georg von Kries GbR  */
/*######################################################################## */


/*
###################################################
Standards
###################################################
*/


body
{
 font-family: Arial, Verdana, "Times New Roman", serif;
 color:#000;
 font-size: 0.75em;
 background:#FAF9F5 url(../images/backgr.gif) repeat-x;
 padding:0;
 margin:0 0 20px 0;
 text-align:center;
}

h1,h2,h3
{
 font-family: Georgia, "Times New Roman", serif;
 font-weight:bold;
 font-size: 1.00em;
 padding:0;
 margin:0;
}

h2
{
 font-family: Georgia, "Times New Roman", serif;
 color:#ED1C24;
 font-size: 1.30em;
 height:20px;
 background-color:inherit;
 margin:50px 0 15px 0;
 border-bottom:1px solid #D5CEBB;
}





img,li,div {border:0;padding:0;margin:0;}
ul {list-style-type:none;margin:0;padding:0;}



input,textarea,select
{
 border:1px solid #D5CEBB;
 background: #FDFAF5;
 color :inherit;
 font-family : Arial, Verdana, "Times New Roman", serif;
 font-size: 1.0em;
}


textarea
{
width:300px;
height:150px;    
}

input
{
font-family: Arial, Verdana, "Times New Roman", serif;
height:14px;
font-size: 1.0em;
padding:1px;
margin:0;
}

label
{
float:left;
width:100px;
margin:0 0 10px 0;
}

input.submit
{
height:18px;
line-height:18px;
background:#D5CEBB;
font-size: 1.0em;
}

hr
{
margin:10px 0 10px 0;
height:2px;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #D5CEBB;
}

/*
###################################################
Layer
###################################################
*/

#container
{
 position:relative;
 width:768px;
 background:#fff;
 color:inherit;
 margin:60px auto 0 auto;
 padding:15px;
 text-align:left;
 border-top:1px solid #C9C4BB;
 border-right:1px solid #C9C4BB;
 border-left:1px solid #C9C4BB;
 border-bottom:0;
}


#container_footer 
{
width:800px;
text-align:center;
margin:0 auto 0 auto;
border-top:5px solid #ED1C24;
}

#container_footer ul
{
width:740px;
text-align:center;
margin:5px auto 0 auto;
}

#container_footer li
{
float:left;
background:url(../images/li_footer.gif) no-repeat right;
padding: 0 10px 0 5px;
margin:0 auto;
}

#container_footer li.right
{
float:left;
background:none;
padding: 0 10px 0 5px;
}

/*
###################################################
Header
###################################################
*/

#header_top
{
width:766px;
height:48px;
line-height:48px;
padding: 0 0 15px 0;
}

/*
* html #header_top
{
width: 765px;
wid\th: 746px;
}
*/

#header_top_bilder 
{

width:756px;
float:left;
padding:5px;
border:1px solid #000;
margin-bottom:5px;
}

#header_top_bilder img
{
z-index:5;
}



#header-text
{
position:absolute;
right:60px;
top:180px;
color:#fff;
font-size:18px;
}


#header-text-simplesyn
{
position:absolute;
left:150px;
top:110px;
color:#000;
font-size:14px;
}


* html #header-text-simplesyn
{
position:static;
margin:-120px 0 0 150px;
color:#000;
font-size:14px;
}


#header-text-simplesyn h1
{
font-size:16px;
font-family:arial;
margin:0 0 10px 0;
}



#zusatznav
{
float:right;
width:520px;
height:48px;
text-align:right;
line-height:48px;
}


#anmelde-box
{
text-align:right;
font-size:0.90em;
padding:5px 5px 15px 0;
background:url(../images/top_anmeldung_bg.gif) repeat-x;
width:763px;
height:30px;
}



/*
###################################################
Navigation
###################################################
*/


#header_navigation
{
padding-bottom:5px;
width:768px;
height:17px;
border-bottom:1px solid #000;
}

li.layer1
{
position:relative;
float: left;
margin-right: 1px;
width:75px;
height:17px;
text-align:center;
line-height:17px;
}

li.layer1_aktiv
{
position:relative;
float: left;
margin-right: 1px;
width:75px;
height:17px;
text-align:center;
line-height:17px;
}


li.layer2
{
position:relative;
width:160px;
height:17px;
float:left;
background-image:url(../images/nav_bg_top.gif);
}


/*
###################################################
Kategorie global
###################################################
*/

#content
{
 padding:0 10px 40px 10px;
 height:100%;
}

#content-box

{
float:right;
width:510px;
}

#content-box h1.content

{
 font-family: Georgia, "Times New Roman", serif;
 color:#ED1C24;
 font-size: 1.30em;
 height:20px;
 background-color:inherit;
 margin:50px 0 15px 0;
 border-bottom:1px solid #D5CEBB;
}


ul.ul-pfeil
{
 list-style-image:url(../images/pfeil.gif);
 margin-left:30px;
}

#content li
{
 margin: 0 0 10px 10px;
}

#li-ref li
{
margin:10px;
}


.kat_headline
{
 margin:15px 0 15px 0;
 background:#FAF9F5;
 color:inherit;
 border:1px solid #D5CEBB;
 padding:2px;
 font-weight:bold;
}

.kat_headline_s
{
 margin-bottom:15px;
 background:#FAF9F5;
 color:inherit;
 border:1px solid #D5CEBB;
 padding:2px;
}

.kat_headline_s ul
{
padding:0 0 8px 20px;
}

.portfolio-txt
{
float:left;
padding:0 0 0 20px;
width:350px;
font-weight:bold;
}

.portfolio-txt p
{
font-weight:normal;
}


/*
###################################################
Content Startseite
###################################################
*/

#start-content
{
height:100%;
padding:0 0 0 20px;
}


#start-content h1

{
 font-family: Georgia, "Times New Roman", serif;
 color:#ED1C24;
 font-size: 1.30em;
 background-color:inherit;
 margin:50px 0 5px 0;
 border-bottom:1px solid #D5CEBB;
 padding:0 0 5px 0;
}


#start-content h2
{
 font-family: Georgia, "Times New Roman", serif;
 font-weight:bold;
 font-size: 1.00em;
 padding:0;
 margin:0 0 20px 0;
 color:#000;
 border:0;
}





.global-line
{
margin:60px 5px 0 15px;
float:left;
border-left:1px solid #D5CEBB;
height:160px;
width:1px;
}

#simplesyn-box
{
margin:0;
float:left;
width:100%;
}

#cms-box
{
margin:20px 0 0 0;
float:left;
}

#cms-box img
{
margin:0 10px 10px 0;
}

#kundenportal-right
{
float:right;
width:220px;
height:100%;
margin:100px 0 0 0;
}

#kundenportal-left
{
margin:20px 0 0 0;
float:left;
width:210px;
padding:2px;
height:100%;
}

#projekt-box
{

}


#projekt-left, #projekt-left-2
{
float:left;
width:220px;
}

#projekt-right, #projekt-right-2
{
float:right;
width:220px;
}

#ul-normal ul
{
list-style-type:disc;
margin-left:20px;
}

#ul-normal li
{
margin:0;
}

#ul-normal h1
{
margin:0 0 10px 0;
}


/*
###################################################
Kontaktformular
###################################################
*/

#kontaktformular
{
background:#FAF9F5;
padding:10px;
border:1px solid #D5CEBB;
}

#kontaktformular label
{
font-weight:bold;
width:120px;
}

#kontaktformular .submit
{
background:#D5CEBB;
font-weight:bold;
border:0;
margin:0 0 0 120px;
}

/*
###################################################
Content Produkte
###################################################
*/

.produkte_box
{
width:280px;
float:left;
height:100%;
}

.produkte_bild
{
float:right;
}


/*
###################################################
Globale Boxen
###################################################
*/

#right-box, #right-box-kontakt 
{
margin:15px 0 10px 0;
width:225px;
height:100%;
float:right;
padding:5px;
background:#FAF9F5;
color:inherit;
border:1px solid #D5CEBB;
}



#right-box li.news
{
background:inherit;
margin:0 0 30px 5px;
}

#right-box li.news h1
{
color:#ED1C24;
background:none;
font-family: Arial, Verdana, "Times New Roman", serif;
font-size:12px;
border:0;
padding:0;
margin:0;
}

#right-box .pfeil-news
{
text-align:right;
margin:10px 5px 0 0;
}


#left-box
{
margin:15px 0 0 0;
width:200px;
height:100%;
float:left;
padding:5px;
background:#FAF9F5;
color:inherit;
border:1px solid #D5CEBB;
}


#content #left-box li,
#content .left-box li
{
margin:0 0 15px 5px;
}


.left-box
{
margin:15px 0 30px 0;
width:200px;
height:100%;
padding:5px;
background:#FAF9F5;
color:inherit;
border:1px solid #D5CEBB;
}




.aktion-preis
{
margin:15px 0 0 0;
width:450px;
height:100%;
float:left;
padding:5px;
background:#FAF9F5;
font-size: 1.30em;
border:1px solid #D5CEBB;
color:inherit;
}

.aktion-preis strong
{
color:#ED1C24;
background-color:inherit;
}

ul.global
{
margin-left:20px;
list-style-image:url(../images/pfeil_ul_link_hover.gif);
}



.global-content ul
{
margin-left:20px;
list-style-image:url(../images/pfeil_ul_link_hover.gif);
}

.global-content li
{
margin-bottom:0 !important;
}

#content .box-fakten
{
width:400px;
margin:10px 0 0 0;
font-weight:bold;
color:inherit;
}


#right-box p {font-weight:bold;}
#right-box h4 {color:#ED1C24;background:inherit;font-size:1.00em;font-weight:normal}



.left-box h1,
#right-box h1, 
#left-box h1, 
#right-box-kontakt h1
{
margin:0 0 15px 0;
font-size:1.3em;
background:#DDD8C9;
color:#000;
padding:3px;
}

#right-box-news
{
margin:15px 0 10px 0;
width:225px;
height:100%;
float:right;
padding:5px;
background:#FAF9F5;
color:inherit;
border:1px solid #D5CEBB;
}

#right-box-news h4 {color:#ED1C24;background:inherit;font-size:1.00em;font-weight:normal}

#right-box-news h1
{
margin:0 0 15px 0;
font-size:1.2em;
background:#D5CEBB;
color:#000;
padding:3px;
}

.global-box
{
margin:15px 0 10px 0;
width:350px;
height:100%;
float:left;
padding:5px;
background:#FAF9F5;
color:inherit;
border:1px solid #D5CEBB;
}

.global-box p {font-weight:bold;}
.global-box h4 {color:#ED1C24;background:inherit;font-size:1.00em;font-weight:normal}

.global-box h1
{
margin:15px 0 15px 0;
font-size:1.2em;
}


.border_left
{
margin-left:40px;
border:0;
padding:0;
width:200px;
height:16px;
}

#cms-pic img
{
padding:5px 5px 5px 0;
}

#cms-pic a
{
background:none;
padding:0;
}

/*
###################################################
Diverses
###################################################
*/

.error-message {color:#ED1C24;background:inherit;font-size:0.80em}
#footer {clear:both;font-size: 0.85em;}
.m_li {margin-bottom:10px;}
.m_p {margin-bottom:40px;}
.clearer {clear:both}



a.simplesyn-download 
{
color:#fff !important; 
text-decoration:none !important; 
background-image:url(../images/simplesyn/download_button.png) !important;
background-position:top left !important;
width:176px !important;
height:60px !important;
display:block !important;
}

a.simplesyn-download:hover
{
background-image:url(../images/simplesyn/download_button_hover.png) !important;
background-position:top right !important;
width:176px !important;
height:60px !important;
display:block !important
}