/******************************************************************************/
/*                                   Netzle                                   */
/******************************************************************************/



/*  Reset CSS -> Thanks to Eric A. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
	background-color : transparent;
	color : #000;
    }

body {
	line-height: 1;
	color: #000;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align : top;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }



/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */
div.logo p,
div.footer p.address,
a:link  {
    color : #7e5f5f;
    text-decoration : none;
    }

a:visited   {
    color : #7e5f5f;
    text-decoration : none;
    }

a:hover {
    color : #000;
    text-decoration : none;
    }

.smaller,
span.smaller    {
    font-size : 11px;
    line-height : 13px;
    }


/***************************************************** Colors for Competences */

/* General */
div.short,
div.long    {
    background-color : #ece7e7;
    }


/* Sport -> comp_1 */

body.comp_1 div.logo p,
body.comp_1 div.footer p.address,
body.comp_1 a:link,
body.comp_1 a:visited   {
    color : #4b6e8e;
    text-decoration : none;
    }
    
body.comp_1 div.content div.short,
body.comp_1 div.content div.long    {
    background-color : #dbe2e8;
    }


/* Kommunikation -> comp_2 */

body.comp_2 div.logo p,
body.comp_2 div.footer p.address,
body.comp_2 a:link,
body.comp_2 a:visited   {
    color : #a74c5b;
    text-decoration : none;
    }

body.comp_2 div.content div.short,
body.comp_2 div.content div.long    {
    background-color : #eddbde;
    }


/* Gesundheit -> comp_3 */

body.comp_3 div.logo p,
body.comp_3 div.footer p.address,
body.comp_3 a:link,
body.comp_3 a:visited   {
    color : #526949;
    text-decoration : none;
    }

body.comp_3 div.content div.short,
body.comp_3 div.content div.long    {
    background-color : #dce1db;
    }
    

/* Schiedsgerichtbarkeit -> comp_4 */

body.comp_4 div.logo p,
body.comp_4 div.footer p.address,
body.comp_4  a:link,
body.comp_4  a:visited   {
    color : #9a7f2e;
    text-decoration : none;
    }

body.comp_4 div.content div.short,
body.comp_4 div.content div.long {
    background-color : #ebe5d5;
    }

/* Hover */

body a:hover,
body.comp_1 a:hover,
body.comp_2 a:hover,
body.comp_3 a:hover,
body.comp_4 a:hover {
    color : #000;
    text-decoration : none;
    }


/*** Footer Wheel ***/


body table.footer p.wheel img,
body.comp_1 table.footer p.wheel img,
body.comp_1 table.footer p.wheel img,
body.comp_1 table.footer p.wheel img,
body.comp_1 table.footer p.wheel img    {
    width : 48px;
    height : 48px;
    background-image : url(wheel/footer/wheel_0.jpg);
    background-position : top left;
    background-repeat : no-repeat;
    }

body.comp_1 table.footer p.wheel img    {
    background-image : url(wheel/footer/wheel_1.jpg);
    }

body.comp_2 table.footer p.wheel img    {
    background-image : url(wheel/footer/wheel_2.jpg);
    }

body.comp_3 table.footer p.wheel img    {
    background-image : url(wheel/footer/wheel_3.jpg);
    }

body.comp_4 table.footer p.wheel img    {
    background-image : url(wheel/footer/wheel_4.jpg);
    }


/*********************************************************************** Site */

html {
 	padding : 0;
 	margin : 0;
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : arial, helvetica, sans-serif;
    color : #000;
    font-size : 12px;
    line-height : 15px;
	}



/* Table Site */

table.site  {
    width : 100%;
    height : 100%;
    }


table.site td   {
    width : 100%;
    height : 100%;
    vertical-align : top;
    }



/* Site */

div.site {
    position : relative;
    width : 100%;

    min-height : 100%;
    height : auto !important;
    height : 100%;
    margin : 0 auto -158px;

    /* height : 565px; */
    /* margin : 0 auto; */
    
    padding : 0;
    font : normal 12px/15px arial, helvetica, sans-serif;

    border-width : 0;
    border-bottom-width : 0; 
    border-color : #e3e3e3;
    border-style : solid;
    }




/********************************************************************* Header */

div.header {
	margin : 0;
	padding : 0;
	}

div.header a    {
    color : #333;
    text-decoration : underline;
    }

div.header a:hover  {
    color : #000;
    text-decoration : none;
    }



/*** Logo ***/

div.logo    {
    padding-top : 30px;
    text-align : center;
    width : 100%x;
    height : 45px;
    }
    

div.logo a:hover {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }    
    
    
div.logo p  {
    margin-top : 1px;    
    }    
    

/*** Wheel ***/

div.wheel    {
    margin : 0 0 27px 0;
    color : #000;
    text-align : center; 
    }

div.wheel_big + div.wheel   {
    margin : 0;
    }


p   + div.wheel {
    margin : 25px;
    }
    
div.wheel p.wheel   {
    margin : 0;
    padding : 0;
    }
    
div.wheel p.rubric   {
    margin-top : 2px;
    padding : 0;
    }


/* Wheel hover */

div.wheel p.wheel a:hover img   {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }
        

/* Wheel Big */

div.wheel_big   {
    height : 300px;
    }   

div.wheel_big p.wheel   {
    }



/* 3 Wheels */

div.wheel_3 {
    margin-top : 50px;
    }

div.wheel_5 {
    margin-top : 0;
    }
    

/*** Line ***/

p.line,
div.downloads p.line   {
    margin : 0 auto 2px;
    width : 255px;
    height : 2px;
    background-color : #000;
    text-align : center;
    }


/********************************************************* Navigation Level 1 */

div.navigation_wrapper  {
    margin-top : 15px;
    width : 100%;
    text-align : center;
    height : 110px;
    }



div.level_1,
div.level_2,
div.level_3,
div.level_4  {
    clear : left;
    margin : 0 auto 12px;
    width : 100%;
    text-align : center;
    }


div.level_1 a.level_1,
div.level_1 span.selected a.level_1,
div.level_1 span.shown   {
    height : 22px;
    text-decoration : none;
    padding : 0 27px;
    margin : 0;
    }

div.level_1 span.selected a.level_1 {
    background-color : #ecedee;
    color : #fff;
    }


/*** Navigation Level 2 */

div.level_2 a.level_2,
div.level_2 span.selected a.level_2,
div.level_2 span.shown   {
    height : 22px;
    text-decoration : none;
    padding : 0 30px;
    margin : 0;
    }

div.level_2 span.selected a.level_2 {
    background-color : #ecedee;
    color : #fff;
    }


/*** Navigation Level 3 */

div.level_3 a.level_3,
div.level_3 span.selected a.level_3,
div.level_3 span.shown   {
    height : 22px;
    text-decoration : none;
    padding : 0 30px;
    margin : 0;
    }

div.level_3 span.selected a.level_3 {
    background-color : #495059;
    color : #fff;
    }



/*** Navigation Level 4 */

div.level_4 a.level_4,
div.level_4 span.selected a.level_4,
div.level_4 span.shown   {
    height : 22px;
    color : #7e5f5f;
    text-decoration : none;
    padding : 0 30px;
    margin : 0;
    }

div.level_4 span.selected a.level_4 {
    background-color : #495059;
    color : #fff;
    }


/* Hover */
div.level_1 a.level_1:hover,
div.level_1 span.selected a.level_1:hover,

div.level_2 a.level_2:hover,
div.level_2 span.selected a.level_2:hover,

div.level_3 a.level_3:hover,
div.level_3 span.selected a.level_3:hover,

div.level_4 a.level_4:hover,
div.level_4 span.selected a.level_4:hover   {
    color : #000;
    }


/* Selected */

div.level_1 span.selected a.level_1,
div.level_2 span.selected a.level_2,
div.level_3 span.selected a.level_3,
div.level_4 span.selected a.level_4 {
    background-color : #fff;
    color : #000;
    font-weight : bold;
    }

div.level_1 span.selected a.level_1:hover,
div.level_2 span.selected a.level_2:hover,
div.level_3 span.selected a.level_3:hover,
div.level_4 span.selected a.level_4:hover {
    font-weight : normal;
    }


/* Shown */

div.level_1 span.shown,
div.level_2 span.shown,
div.level_3 span.shown,
div.level_4 span.shown   {
    color : #000;
    font-weight : bold;
    }


/************************************************************ Content Wrapper */

div.content_wrapper     {
    width : 100%;
    margin : 0 20px;
    }


/************************************************************** Start Address */

div.navigation p.address    {
    padding : 5px 0;
    font-size : 12px;
    line-height : 16px;
    font-weight : normal;
    }

div.navigation p.address a {
    color : #690;
    text-decoration : underline;
    font-style : italic;
    }


div.navigation p.address a:hover {
    color : #000;
    text-decoration : none;
    }

/******************************************************************************/
/******************************************************************** Content */
/******************************************************************************/

div.content_wrapper_wheels,
div.content_wrapper {
    margin : 40px auto;
    width : 780px;
    padding-bottom : 100px;
    }

div.content_wrapper_wheels  {
    margin : 15px auto;
    }

/* Content */

div.content {
    margin : 0 auto;
    padding-bottom : 50px;
    width : 780px;
    text-align : center;
    font-family : arial, helvetica, sans-serif;
    font-weight : normal;
    line-height : 15px;
    color : #000;
    }


h1  {
    font-size : 12px;
    line-height : 15px;
    font-weight : bold;
    color : #000;    /* #7e5f5f; */
    }

h2 {
    font-size : 12px;
    line-height : 15px;
    font-weight : bold;
    margin-bottom : 12px;
    text-align : center;
    }
    
h3  {
    font-size : 12px;
    line-height : 15px;
    font-weight : bold;
    margin-bottom : 13px;
    text-align : center;
    }

div.content p {
    margin-bottom : 13px;
    }



/* News */

div.content_box {
    float : left;
    width : 242px;
    margin : 4px;
    padding : 5px 5px 0 5px;
    text-align : left;
    }


div.short,
div.long    {
    clear : left;
    width : 242px;
    height : 247px;
    margin-bottom : 8px;
    padding : 5px 5px 0 5px;
    text-align : left;
    }


/* Competences - Offers */

div.competences {
    margin-top : 19px;
    }

div.content div.offer {
    margin : 6px 0;
    }

div.content div.offer_open {
    margin : 6px 0;
    }

div.offer_open h4   {
    font-weight : bold;
    }

    
div.competences p.first {
    margin : 0;
    }    
    
    


/* Content Image */

p.content_img   {
    width : 780px;
    text-align : center;
    margin-bottom : 18px;
    }

p.content_img a:hover   {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }


/* Team */

div.content_team    {
    width : 508px;
    margin : 0 auto;
    text-align : left;
    }



/* Download */

div.content ul.download {
    list-style : disc;
    margin-bottom : 26px;
    }

div.content ul.download li {
    padding : 0 0 13px 0;
    }

/* Competences */

div.content ul.download_comp {
    list-style : disc;
    margin-bottom : 26px;
    }

div.content ul.download_comp li {
    padding : 0 0 7px 0;
    }



    
/******************************************************************** BB-List */


/* Unordered */

div.content ul,
div.content ul.bb-list-unordered   {
    list-style : disc;
    padding : 0;
    margin : 0 0 15px 15px;
    color : #000;
    }

div.content ul li,
div.content ul.bb-list-unordered li.bb-listitem {
    padding : 1px 0;
    font-style : normal;
    }



/* Ordered List */

ol.bb-list-ordered-d    {
    margin : 15px 0 0 5px;
    padding : 0;
    }


ol.bb-list-ordered-d li.bb-listitem {
    margin : 0 0 0 18px;
    padding : 0 0 5px 0;
    }






/************************************************************** Contact Form */


table.contact   {
    margin : 0 0 0 0;
    padding : 4px;
    width : 100%;
    background-color : #f0f0f0;
    }

table.contact td.col1   {
    width : 50%;
    padding : 4px 0;
    }

table.contact td.col2   {
    text-align : left;
    }

table.contact td.spam_description {
    font-size : 11px;
    line-height : 13px;
    vertical-align : top;
    padding-right : 12px;
    }

select,
input.contact,
input.contact_error,
textarea.contact,
textarea.contact_error	{
	width : 180px;
	border : 1px solid #97c147;
	margin : 0;
	padding : 2px;
	background-color : #fff;
	color : #666;
	font-family : arial, helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	}

select  {
    width : 80px;
    padding : 4px 0;
    }


textarea.contact    {
    margin : 4px 0 0 0;
    height : 80px;
    width : 98%;
    }

input.contact_error,
textarea.contact_error   {
    background-color : #fcc;
    color : #666;
    }

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #97c143;
	color : #fff;
	border : 1px solid #333;
	font-family : arial, helvetica, sans-serif;
	}

input.button:hover  {
    background-color : #eff5e5;
    color : #666;
    }





/********************************************************************* Footer */

div.footer,
div.push    {
    clear : both;
    width : 100%;
    font : normal 12px/13px arial, helvetica, sans-serif;
    }


div.footer  {
    position : relative;
    margin : 0 auto;
    text-align : center;
    color : #7e5f5f;
    text-align : center;
    }


table.footer  {
    width : 100%;
    text-align : center;
    color : #7e5f5f;
    text-align : center;
    }

table.footer td.upper   {
    text-align : center;
    vertical-align : bottom;
    height : 85px;
    }

table.footer td.lower   {
    text-align : center;
    vertical-align : middle;
    }


/* Wheel */

table.footer p.wheel   {
    margin-bottom : 10px;
    }




/* Language */

table.footer td.lang   {
    padding-top : 10px;
    text-align : center;
    vertical-align : top;
    }

table.footer p.lang   {
    color : #000;
    }

span.lang {
    padding : 0 5px;
    }


/* Newsticker */

table.footer marquee    {
    margin : 0 auto 13px;
    width : 680px;
    }




/* Address */

table.footer p.address   {
    margin : 0;
    padding : 0;
    line-height : 15px;
    color : #000;
    }

table.footer p a:link,
table.footer p a:visited,
table.footer p a:hover    {
    text-decoration : none;
    }