/* 
    Document   : atmedia
    Created on : 17.09.2012, 23:06:44
    Author     : onorg
    Description:
        Purpose of the stylesheet follows.
*/



 
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	/* Hier der CSS Code für Smartphones wie z.B. iPhone, Android, WebOS, Windows Phone 7 Geräte o.Ä. */
        
        


*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

header{
    
    width:1200px;
    margin:0 auto;   	
}
footer,
article,section,
hgroup,nav,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

body{
	/* Setting the default text color, size, page background and a font stack: */
	font-family:Myriad-Pro, Verdana, Arial, sans-serif;
        font-size:0.825em;       
	color:#D0D3D2;
        width:1200px;
        background-image:url("../img/backgr.jpg"); background-repeat: repeat;
	       
}
.carousel{position:relative;margin-bottom:18px;line-height:1;}
.carousel-inner{overflow:hidden;width:100%;position:relative;}
.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out-left;-moz-transition:0.6s ease-in-out-left;-ms-transition:0.6s ease-in-out-left;-o-transition:0.6s ease-in-out-left;transition:0.6s ease-in-out-left;}
.carousel .item>img{display:block;line-height:1;}
.carousel .active,.carousel .next,.carousel .prev{display:block;}
.carousel .active{left:0;}
.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
.carousel .next{left:100%;}
.carousel .prev{left:-100%;}
.carousel .next.left,.carousel .prev.right{left:0;}
.carousel .active.left{left:-100%;}
.carousel .active.right{left:100%;}
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#D0D3D2;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
.carousel-control:hover{color:#D0D3D2;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:0 0 0 30px;}
.carousel-caption h4,.carousel-caption p{color:#D0D3D2;}



/* Hyperlink Styles: */

a, a:visited {
	color:#EBEEEC;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
        color:#000000;
}

a img{
	border:none;
}

/* Headings: */

article h1,h2,h3,h4{
	
        font-family:Corbel,Verdana,Arial,Sans-Serif;

}

article h1{
	
        font-family:Corbel,Verdana,Arial,Sans-Serif;
	font-size:2em;
	padding:0.5em 0 0;
        margin: 0;
	text-transform:uppercase;
}
article h2{
	font-family:Corbel,Verdana,Arial,Sans-Serif;
        font-size:1.5em;
	padding:0.5em 0 0;
        margin:0 0 10px 0;
        color: #EBEEEC;
}
article h3{
	
	font-family:Corbel,Verdana,Arial,Sans-Serif;
	font-size:1em;
	padding:0.5em 0 0;
        margin: 0;
}
article h4{
	
	font-family:Corbel,Verdana,Arial,Sans-Serif;
	font-size:1.5em;
        font-style: italic;
	padding:0.5em 0 0;
        margin: 0;
}


#article3 h3{
        padding:0.5em 0 0;
        margin:0;
        font-size:2em;
}

hgroup h1,h2,h3{
	
	font-family:Corbel,Verdana,Arial,Sans-Serif;
	
	
}
hgroup h5{
	margin: 0;
        padding: 0;
	font-family:Corbel,Verdana,Arial,Sans-Serif;
	font-size:2em;
	
}
hgroup h3{
	margin: 0;
        padding: 0;
	font-family:Corbel,Verdana,Arial,Sans-Serif;
	font-size:2.5em;
        width:480px;
	
}
p{
	line-height:1.5em;
	padding-bottom:0.5em;
        width:480px;
}

.line{
	/* The dividing line: */
	height:1px;
	background-color:#24404c;
	
	margin:1em 0;
	overflow:hidden;
}

article .line{
	/* The dividing line inside of the article is darker: */
	background-color:#3567E8;
	height:1px;
	margin:1.25em 0;
}

footer .line{
	margin:2em 0;
}

nav{
	background: url("../img/article.png");background-repeat: repeat;
	padding:0 5px;
	position:absolute;
	right:1em;
	top:2em;	
        border-left:1px solid #FCFCFC;
        border-bottom:1px solid #FCFCFC;

	-moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333;
	box-shadow:0 1px 1px #333333;
}

div.navbar-fixed-bottom{
	background: url("../img/article.png");background-repeat: repeat;
	padding:0;
	position:absolute;
	left:0.5em;
	bottom:0;
        width:120px;
	border-top:1px solid #FCFCFC;
        border-right:1px solid #FCFCFC;        
        color:#000000;
        -moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333;
	box-shadow:0 1px 1px #333333;
}

/* The clearfix hack to clear the floats: */

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* The navigation styling: */

nav ul li{
	display:inline;
}

nav ul li a,
nav ul li a:visited{
        font-family:Myriad-Pro,Arial,Sans-Serif;
	color:#EBEEEC;
	display:block;
	float:left;
	font-size:1.25em;
	font-weight:normal;
	margin:5px 2px;
	padding:7px 10px 4px;
	
}

nav ul li a:hover{
	color:#000000;
        text-decoration:none;
}
div ul li{
	display:inline;
}

div ul li a,
div ul li a:visited{
        font-family:Myriad-Pro,Arial,Sans-Serif;
	color:#EBEEEC;
	display:block;
	float:left;
	font-size:1em;
	font-weight:normal;
	margin:5px 2px;
	padding:2px 5px 2px;
	
}

div ul li a:hover{
	color:#000000;
        text-decoration:none;
}

div.navbar-fixed-bottom,
nav, article, div.navbar-fixed-bottom ul li a,
nav ul li a,figure,.by,.up{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Article styles: */

#page{
	width:960px;
	margin:0 auto;
	position:relative;        
}

article{	
	background-image:url("../img/article5.png"); background-repeat: repeat;
        height: 820px;
        margin:4em 0;
	padding:20px;
        border-top:1px solid #FCFCFC;
        border-left:1px solid #FCFCFC;
        
       
        -moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333;
	box-shadow:0 1px 1px #333333;
}

figure{
	background: url("../img/article5.png");background-repeat: repeat-x;
        border-bottom:1px solid #FCFCFC;
        border-right:1px solid #FCFCFC;
	float:right;
	height:340px;
	margin-left:5px;
	overflow:hidden;
	width:620px;
}

figure:hover{
	-moz-box-shadow:0 0 2px #4D7788;
	-webkit-box-shadow:0 0 2px #4D7788;
	box-shadow:0 0 2px #4D7788;
}

figure img{
	margin:0;
}
div.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
div.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top .container,
div.navbar-fixed-bottom .container {
  width: 1200px;
}
.navbar-fixed-top {
  top: 0;
}
div.navbar-fixed-bottom {
  bottom: 0;
}

/* Footer styling: */

footer{
	margin-bottom:45px;
	text-align:center;
	font-size:0.825em;
}


footer p{
	margin-bottom:-2.5em;
	position:relative;
}

footer a,footer a:visited{
	color:#EBEEEC;
	background: url("../img/article.png");background-repeat: repeat;
	display:block;
	padding:2px 8px;
	z-index:100;
	position:relative;
}

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

footer a.by{
	float:left;

}

footer a.up{
	float:right;
}
}