/* @override http://martinu.thinktag.ch/assets/templates/martinu/css/styles.css */

/*  
Martinu
URI: 
Version: 1.1
Description: 
Author: 
Author URI: 

*/

/* Reset default styles */
@import "reset.css";

/*-------------------------------------------------------------------------------------------
dark color: #313139
gold: #BCAB7A

m_element = 1 «person»
54px width, 98px height
6px space between to elements

navigation, logo width = 200px
main content, main content image = 600px

main content image height = 280px





INDEX:

1. LAYOUT
-1.1 
-1.2 
-1.3 

#header
#container
	#wrapper
		#content
			#content-main-image
			#content-main
		#navigation
			#logo
			#languages
		#footer




2. TYPOGRAPHY
-2.1 
-2.2 
-2.3 
-2.4 
-2.5 

3. POSTS
-3.1 Typographic Elements
-3.2 Images


6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Contact Form 

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



/*-------------------------------------------------------------------------------------------*/
/* 1. LAYOUT */
/*-------------------------------------------------------------------------------------------*/

/* 1.1  */

/*add an outline for aliging the layout with mockups */
body.layout {
	background: url('../images/layout-outline.png') no-repeat scroll left center;
	width: 1179px;
}



html,body{margin:0;padding:0;}

body{background-color:#313139; font-family:Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;}

body.cke_panel_frame,
.cke_skin_modx,
.cke_contents,
.cke_editor,
body.cke_show_borders {background-color:#FFF;}


.cke_panel_grouptitle, .cke_panel_listItem p,.cke_panel_listItem small,.cke_panel_listItem h1,.cke_panel_listItem h2,.cke_panel_listItem h3,.cke_panel_listItem h4,.cke_panel_listItem h5,.cke_panel_listItem h6,.cke_panel_listItem pre
{
font-size:12px;margin:0;padding:0; 
line-height: 12px;
border:none;
}



div#container{text-align:left}

div#header {
background: url('../images/maenner.png') no-repeat scroll 34px 48px;
height:150px;
position:absolute;
width:100%;

}

div#logo {
height:280px;
}

div#logo a img {margin:152px 0 0; border:none;}


div#container{width:1140px;margin:0 auto;}
div#wrapper{float:left;width:100%;}
div#content{margin: 0 240px 0 300px;}
div#navigation{float:left;width:180px;margin-left:-1083px;}

div#extra{float:left;width:200px;margin-left:-200px}

div#sidebar{float:left;width:200px;margin-left:-333px}

div#footer {clear:both; width:100%;}



div#content-main-image {height:280px;
position:relative;
z-index:1;
background-color:transparent;
	}
	
div#content {
	/*
	position:relative; z-index:1;
	*/
	}

/*fix web kit navigtaion issue */
div#navigation {position:relative; z-index:9;}

	
div#content-main
 {
/*	position:relative;
	z-index: 3;
	*/
	
	padding: 11px 20px 20px;
	background-color:#FFF;
	}
	


/* 1.3 Group Sections */

div.section {min-height:130px;background:transparent url(../images/content_line_dot.png) repeat-x scroll center bottom;
	padding:2px 0 10px;
	margin:10px 0;
}
div.section-content {float:right; width:340px;}
div.section-image {float:left; width:200px;}
span.more a {}

div.section h2 {background:none;
color:#0084FF;
font-size:13px;
letter-spacing:1px;
line-height:18px;
margin:0;
padding:0;}


div#content-main div.section a:link img  {border:none;}


/*-------------------------------------------------------------------------------------------*/
/* 2. TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------*/

/* 2.1  */
h1, h2, h3, h4 {color:#0084FF; margin:0; padding:0; text-transform:uppercase;
	font-weight: normal; letter-spacing: 1px;
}

/* Main Heading */
h1 {font-size:28px; line-height:26px; padding: 0 0 10px;}


/* Section Heading */
h2 {font-size:13px; line-height:18px; margin:30px 0 0; padding:6px 0 2px; color:#000; letter-spacing: 1px;
background:transparent url(../images/content_line_dot.png) repeat-x scroll top left; width:100%;
}

/* Section Sub Heading */
h3 {font-size:18px; line-height:18px; padding:0;letter-spacing: 1px;}

/* Main Sub Heading  */
h4 {font-size:18px; line-height:18px; padding:15px 0 8px;}

/* Main Sub Heading  */
h5 {font-size: 13px; line-height: 18px; margin: 0; padding-top: 8px; font-weight: bold;
}

/* Normal text */
p {font-size:13px; line-height:18px; padding: 0 0 7px; margin: 0 30px 0 0;}

div#content-main a:link,
div#content-main a:visited {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #0084FF;
}
div#content-main a:hover {color: #0084FF;
	
}
div#content-main <a:visited {
	color: #c6c6c6;
}

hr {
background:transparent url(../images/content_line_dot.png) repeat-x scroll center center;
border:none;
height:10px;
margin:0;
padding:10px 0;
width:100%;
}




/*-------------------------------------------------------------------------------------------*/
/* 3. NAVIGATION */
/*-------------------------------------------------------------------------------------------*/

/* 3.1  */

/*main navigation*/

#navigation ul li.active ul,
#navigation ul li.current ul {
display:block;
}


#navigation{
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	color: #BCAB7A;
	letter-spacing: 1px;
}


/*show and hide sub level ul */

#navigation ul ul {
display:none;
}

#navigation ul li.active ul {display:block;}


#navigation ul li.active,
#navigation ul li.active a,
#navigation ul li.active ul li.active,
#navigation ul li.active ul li.active a{
		color: #FFF;
}

#navigation ul li.active ul li,
#navigation ul li.active ul li a{
		color: #BCAB7A;
}

/*
#navigation li.active,
#navigation li.active a,{
	color: #FFF;
}
*/

#navigation strong{
	font-weight: normal;
}
#navigation ul{
padding: 0;
margin: 0;
list-style-type: none;
background:transparent url(../images/navigation_line_dot.png) repeat-x scroll top center;
}

/*hide background image on second level*/
#navigation ul ul{
background:none;
}

#navigation ul li {background:transparent url(../images/navigation_line_dot.png) repeat-x scroll bottom center;
margin:0;
padding:10px 2px;
}


#navigation ul li ul li{
	background:none;
	text-transform:none;
	padding:2px 0;
	font-size:13px;
	letter-spacing: 0;

	
}
#navigation a:link,
#navigation a:visited{
	color: #BCAB7A;
	text-decoration: none;
	display:block;
}
#navigation ul li a:hover,
#navigation ul li.active ul li a:hover,
#navigation li.active span{
	text-decoration: none;
	color:#FFF;
}

#navigation #languages ul {
background:none;
}

#navigation #languages ul li {
display:inline;	
background:none;
}


#navigation #languages {
	
	padding-top:20px;
	float:left;

	
}

#navigation #languages ul li a:link,
#navigation #languages ul li a:visited {
	font-weight: normal;
	font-size: 10px;
	text-transform: none;
	display:inline;
	color: #BCAB7A;
	margin-bottom: 0;
	margin-right:8px;
	
}

#navigation #languages ul li a:hover {
	border-bottom:1px solid;
	}

#navigation #languages ul li.active a {
	border-bottom:1px solid;		
}

#navigation #languages ul li.yams_lang_de {background:transparent url(../images/language-seperator.png) no-repeat scroll center right;
	padding-right:9px;
}


span#contact {float:right; padding-top:20px; font-size:10px; text-transform:none;}
span#contact a:hover {color:#FFF;}