/* 

* Amazium V1.3

* Copyright 2012, Mike Ballan

* www.amazium.co.uk

*/



/***** Screen 960px *****/





.invisible {

	display:none;

}



body {background-color:#005B74;}

#main {

	background-color:#FFF;

	border-top:5px solid #f2f2f2;

	min-height:600px;

}



#main .mod_article {

	padding-top:150px;

    padding-bottom: 50px;

}



#logo {

	position:relative;

	background:url(../img/SentidoTreuhandAG_Logo.jpg) no-repeat;

	width:295px;

	height:50px;

	margin:25px 0 25px 335px;

	float:left;

}



#logo a {

    width:295px;

	height:50px;

	display:block;

}



#footer {

	background-color:#404040;

	height:280px;

	color:#ccc;

	height:280px;

}



#footer .inside {

	padding:30px 0 0 0;

}



#footer a {

	color:#ccc;

}



#footer a:hover {

	color:#efefef;

}



#footer .small,

#footer .small a { 

	font-size:80%;

	color:#666;

}



#footer li {

	padding:0;

}









/*  Meta Naviagtion  */



#meta {

	position:relative;

	right:0px;

	top:20px;

	float:right;

	width:200px;

}



#meta li {

	float:left;

}



#meta a,

#meta li.active strong {

	color:#CCC;

	font-size:11px;

}











/*  Navigation  */

#header {

    position:relative;

	display:block;

	top:100px;

    width:930px;

    height:222px;

    margin:0px 30px 0 0px;

	left:16px;

	background:url(../img/img_header.jpg);

}







  #nav {



    position:relative;

    top: 110px;

    display:block;

	width:833px;

    left:16px;

	padding:0px 00px 0 65px;

}

  

  #nav ul {



    width:933px;

	height:41px;



	padding:0;



}



#nav ul li {



    float:left;

    padding: 0 0 0 17px;

    margin: 0 0 0 2px;

}



#nav ul li a { 

	font-size:16px;

	text-transform:uppercase;



	color:#999;

	font-weight:400;

	line-height:42px;

}



#nav ul li.active strong { 

	font-size:16px;

	text-transform:uppercase;

	color:#005B74;

	font-weight:600;

	line-height:42px;

}

#nav ul li a:hover { 

	font-size:16px;

	text-transform:uppercase;

	color:#005B74;

	font-weight:400;

	line-height:42px;

}





/*  NEWS  */



.mod_newslist {

	color:#999;

	padding-right:30px;

	margin-bottom:50px;

}





.mod_newslist h2 {

	font-size:18px;

	line-height:20px;

	color:#999;

	text-transform:none;

}



.mod_newslist h2 a {

	font-size:18px;

	color:#999;

}







/*  Rechte Spalte Home  */



.box_right {

	color:#999999;

	padding-right:30px;

}



.box_right h4 {

	margin-top:20px;

}









/*  Liste  */



.liste ul {

	padding-left:20px;

}



.liste li {

	list-style-type:disc;

	padding-left:0px;

}





/*  Caption  */



.caption {

	color:#CCC;

	text-transform:uppercase;

	margin-bottom:10px;

}







/*  Team  */



.mitarbeiter {

	height:250px;

    width:300px;

    padding:0 0 100px 0;

}







/***** Tablet (Smaller than 959px) *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {



#logo {

	position:relative;

	background:url(../img/SentidoTreuhandAG_Logo.jpg) no-repeat;

	width:295px;

	height:50px;

	margin:25px 0 25px 235px;;

	float:left;

}

#header {

    position:relative;

	display:block;

    top:100px;

    width:735px;

    height:222px;

    margin:0px 30px 0 0px;

	left:16px;

	background:url(../img/img_header.jpg);

    background-position:center;



}

#nav {

	position:relative;

	display:block;

	width:670px;

	top:100px;

	left:16px;

	padding:0px 30px 0 35px;

}



#nav ul {

	width:630px;

	height:52px;

	margin:0;

	padding:10px 0 0 0;

}







  #nav ul li a { 

	font-size:16px;

	text-transform:uppercase;

	color:#999;

	font-weight:400;

	line-height:24px;

}





#nav ul li.active strong { 

	font-size:16px;

	text-transform:uppercase;

	color:#005B74;

	font-weight:600;

	line-height:24px;

}

#nav ul li a:hover { 

	font-size:16px;

	text-transform:uppercase;

	color:#005B74;

	font-weight:400;

	line-height:24px;

}



}



/***** Phone (portrait 300px) *****/

@media only screen and (max-width: 767px) {



body {

	background-image:none;

}



h1 {

	font-size:21px;

	line-height:25px;

}



#logo {

	position:relative;

	background:url(../img/SentidoTreuhandAG_Logo.jpg) no-repeat;

	width:250px;

	height:55px;

	margin:25px 0 25px 25px;

	float:left;

}



#meta {

	position:relative;

	left:60px;

	top:0px;

	float:none;

	width:200px;

}



  #header {

	display:none;

    }  

#nav {

	position:relative;

	display:block;

	width:270px;

    height: 420px;

	top:20px;

	left:16px;

	padding:0;

}



#nav ul {

	width:270px;

	height:auto;

	margin:0;

	padding:0;

}



#nav ul li {

	width:270px;

	margin:0;

	padding:0;

}



#nav ul li a {

	width:270px;

	margin:0;

	padding:0;

	text-align:center;

	display:block;

	font-size:22px;

	line-height:35px;

	letter-spacing:2px;

}



#nav ul li a:hover,

#nav ul li.active strong {

	width:270px;

	margin:0;

	padding:0;

	text-align:center;

	display:block;

	font-size:22px;

	line-height:35px;

	letter-spacing:2px;

}



#main .mod_article {

	padding-top:20px;

}



.grid_10 {

	width:270px;

}



#footer {

	height:680px;

}



/*  Team  */



.mitarbeiter {

	height:280px;

}











  }





	

/***** Phone (landscape 420px) *****/

@media only screen and (min-width: 480px) and (max-width: 767px) {



h1 {

	font-size:30px; 

	line-height:40px;

}



#logo {

	position:relative;

	background:url(../img/SentidoTreuhandAG_Logo.jpg) no-repeat;

	width:295px;

	height:50px;

	margin:25px 0 25px 80px;

	float:left;

}

#header {

	display:none;

    }

#meta {

	position:relative;

	left:130px;

	top:0px;

	float:none;

	width:200px;

}



#nav {

	position:relative;

	display:block;

	width:420px;

    height: 420px;

	top:20px;

	left:16px;

	padding:0px;

}



#nav ul {

	width:420px;

	height:auto;

	margin:0;

	padding:0;

}



#nav ul li {

	width:420px;

	margin:0;

	padding:0;

}



#nav ul li a {

	width:420px;

	margin:0;

	padding:0;

	text-align:center;

	display:block;

	font-size:22px;

	letter-spacing:2px;

}



#nav ul li a:hover,

#nav ul li.active strong {

	width:420px;

	margin:0;

	padding:0;

	text-align:center;

	display:block;

	font-size:22px;

	letter-spacing:2px;

}



#main .mod_article,

.grid_10 {

}



#footer {

	height:640px;

}



/*  Team  */



.mitarbeiter {

	height:320px;

}







}







/***** Retina *****/

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {



.example										{ margin:0; padding:0; }



}