/*---- Style Sheet Index.CSS  für Page Index.HTM ----*/

#imgMenu
{
display:none;
}

html
{
background-color:#f0f8ff;
background-image: url(../images/jq/cvo_1x100_.png);
width:100%;
height:100%;
/*
width:500px;height:200px;
border:1px solid red;
padding:20px;
*/

background-image: linear-gradient( #e3eefb 5%, white 15%, #e3eefb 100%  );
}

/* Layout Content Main: ohne Menu */
#Ci{
min-height: 580px;
min-height: 240px;
color : black;
background-color:transparent;
padding-left : 10px;
padding-right : 5px;
padding-top : 10px;
clear : both;
display : block;
overflow : auto;
overflow : hidden;
text-align : left;
display:none;
}

/* Links */
.P1{
clear:both;
vertical-align:middle;
color : black;
background-color : #efefef;
height : 90px;
margin-left : 5px;
margin-top : 5px;
margin : 5px;
text-decoration: none;
font : normal 12px Arial, Verdana, Helvetica, sans-serif, serif;
}

.P1i, .P1i a, .P1i a:visited, .P1i a:active, .P1i a:hover{
clear:both;
color : black;
background-color : #efefef;
float : left;
width : 200px;
padding: 5px;
text-decoration: none;
border : 0;
}

.PEvOi{
clear:both;
background-color : #efefef;
float : left;
width : 215px;
padding: 5px;
text-decoration: none;
border : 0;
}

.P1_1, .P1_2{
float : left;
color : black;
background-color : #efefef;
height : 60px;
margin-left:5px;
margin-top:5px;
font : normal 12px Arial, Verdana, Helvetica, sans-serif, serif;
}

.P1_1{
clear:both;
/*background-color:yellow;*/
}

.P1_2{
/*background-color:cyan;*/
}

/* Links */
.P1 a, .P1 a:visited, .P1 a:active, .P1 a:hover, .P1_2 a, .P1_2 a:visited, .P1_2 a:active, .P1_2 a:hover{
color:black;
background-color:#efefef;
margin:0px;
text-decoration: none;
font:normal 12px Arial, Verdana, Helvetica, sans-serif, serif;
}

.P1 a:hover, .P1_2 a:hover{
color : #282880;
}

/* Links Web-Design */
#F3{
display:block;
}

#F4{
display:none;
}

#CV{
background-color:#dcdcdc;
height:210px;
width:960px;
border:2px solid black;
margin-left:0px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif, serif;
float:left;
display:block;
overflow:hidden;
}

h3{
color:#282880;
background-color:#efefef;
margin:0;
padding:0;
font-size:14px;
font-weight:normal;
}

/* Selection */
#Select{
width:960px;
margin:0px;
float:left;
margin-top:2px;
}

#S1{
width:300px;
margin:0px;
float:left;
margin-left:5px;
}

#S2{
width:437px;
margin:0px;
float:right;
}

a.bt, a.bt:visited, a.bt:active, a.bt:hover, a.bt_act{
color:black;
padding:2px 2px 2px 2px;
display:inline;
font:normal 12px Verdana, Arial, Helvetica, sans-serif, serif;
text-decoration:none;
}

a.bt:hover{
color : blue;
background-color: #cfcfcf;
}

a.bt_act{
color : white;
background-color: gray;
}


/*-- rondel --*/
#Rondel{
position:absolute;
position:relative;
top:120px;
top:60px;
left:300px;
width: 850px;
height: 550px;

top:0px;
left:0px;
width: 402px;

list-style: none;
padding: 0;
margin: 0;
/*
margin: 0 auto;
/*
margin-left:auto;
margin-right:auto;
*/
}

#Rondel li {
height: 300px;
width: 400px;

height: 500px;
width: 1000px;

background-color: #fff;
text-align: center;
cursor: pointer;
border: 1px solid #bbb;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}
li.roundabout-in-focus {
	cursor: default;
}
li span {
display: block;
padding-top: 5px;
}

/*
margin-left:auto;
margin-right:auto;
*/
#P
{
margin: 0px;
}
.CvO {
border: 3px solid #b4b4b4;
border: 3px solid #ffd700;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
color: black;
text-align: center;

width: 300px;
position:relative;
top:0px;

z-index: 2500;
/*
margin-left : auto;
margin-right : auto;
*/
margin-bottom:10px;
background-color:White;
opacity: 0.96;
background-image: linear-gradient( #dcdcdc 5%, white 10%, #dcdcdc 100%  );
padding: 5px;
}

.data, .dataSlider {
background-image: linear-gradient( #dcdcdc 5%, white 10%, #dcdcdc 100%  );
}

.mover{
margin-bottom:10px;
}

.data {
width:100%;
height:100%;
background-color:#f0f0f0;
overflow:hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;

}


.content {
color:black;
text-align:left;
margin-left:10px;
margin-right:10px;
}

.roundabout-in-focus .dataSlider
{
background-color:#f0f0f0;
width:100%;
height:100%;
overflow:auto;
}

.content h1{
text-align:center;
}
#img7, #img8, #img9 {
    width:100%;
}

#img3{
    width:50%;
}

.left
{
    display:block;
    overflow:hidden;
    float:left;
    width:25%;
    height:80%;
    min-height:50px;
}

.middle
{
    display:block;
    overflow:hidden;
    float:left;
    width:48%;
    height:80%;
    min-height:50px;
}

.right
{
    display:block;
    overflow:hidden;
    float:right;
    width:25%;
    height:80%;
    min-height:50px;
}

.bottom
{
    display:block;
    overflow:hidden;
    float:right;
    width:100%;
    height:80%;
    min-height:50px;
    border-top: 1px solid #f0f0f0;
}

.middleWeb
{
    display:block;
    overflow:hidden;
    float:left;
    width:25%;
    height:80%;
    min-height:50px;
    margin-left:12%;
}

.web
{
	height:40%;
}

.design
{
	padding-left:10px;
	text-align:left;
    display:block;
    overflow:auto;
    float:left;
    width:72%;
    height:40%;
    min-height:50px;
}

#d1{
font : 11px Arial, Verdana, Helvetica, sans-serif;
color : black;

padding-left : 10px;
padding-right : 5px;
padding-top : 10px;
clear : both;
display : block;
overflow : hidden;
text-align : left;
}

#Cb{
clear : both;
color : black;

width : 980px;
height:32px;
border-top : 1px solid white;
text-align: center;
display:none;
}

#divbut{
    display:none;
}

#Fa{
display:none;
}

/* forms */
#FormsText1
{
padding: 1px 5px 1px 5px;
margin-left:10px;
width:93%;
float:left;
display:block;
text-align:justify;
}

#FormsText2
{
padding: 1px 5px 1px 5px;
width:90%;
float:right;
float:left;
display:block;
}

#FormsDiv1, #FormsDiv2, #FormsDiv3
{
padding: 10px 5px 1px 5px;
width:100%;
float:left;
display:block;
}

#FormsImg1, #FormsImg2 , #FormsImg3
{
width:100%;
}

#Indi 
{
min-width:130px;
}

#VWGSlide
{
min-width:130px;
}

#WinForms
{
min-width:150px;    
}

#Web
{
min-width:250px;    
}

#limenu
{
min-width:170px;
}

#VWGPic1, #VWGPic2, #VWGPic3, #VWGPic4
{
padding: 10px 5px 5px 5px;
width:95%;
float:left;
display:block;
}
#VWGPic2, #VWGPic4
{
float:right;
}

#VWGPic3, #VWGPic4
{
padding-top:5px;
}


#img_vwg1, #img_vwg2, #img_vwg3, #img_vwg4
{
    width:100%;
}

#VWGText1
{
padding: 10px;
float:left;
display:block;
width:90%;
}


#VWGText2
{
padding: 10px;
width:300px;
width:93%;
float:left;
display:block;

}

#WebImg1, #WebImg2, #WebImg3
{
padding-top:10px;	
width:100%;
}


.btnDiv
{
width:93%;
float:left;
display:block;
text-align:center;
}

#btnClose
{
	display:none;
	position:absolute;
	left:30px;
	top:95px;
	z-index:2000;
}

._bt{
margin: 10px 2px 2px 2px;
padding: 2px 2px 2px 2px; 
/*padding-bottom: 0px;*/
font: 11px Verdana, Arial, Helvetica, sans-serif, serif;
text-decoration: none; 

border: 1px solid #c8c8c8;
border-bottom-color: #a0a0a0;
/*
border-top-color: #c8c8c8;
border-top-width: 1px; 
border-top-style: solid; 

border-bottom-color: #a0a0a0;
border-bottom-width: 1px; 
border-bottom-style: solid; 
*/
-webkit-border-radius: 6px; 
-moz-border-radius: 6px; 
-ms-border-radius: 6px; 
-o-border-radius: 6px;
border-radius: 6px; 
}

a:hover {
background-color:white;
}

iframe 
{
min-height:150px;
border:none;
overflow:auto;
width:700px;
width:100%;
height:80%;
}